创建Asp.net MVC项目实现视图页面数据传值显示

news/2024/7/17 3:38:52

MVC中视图传值

ViewData

ViewBag

TempData

举例创建三中传值方式实现页面数据展示


MVC中视图传值

Asp.net MVC中Controller向View传值有多种方式,这里简单说一下其中3种方式

ViewData、ViewBag和TempData

ViewData

ViewData存储数据,ViewData的声明和赋值方式与Session对象相同,直接通过编写ViewData[键值的名称]=XXX进行相应的键值的赋值。如果需要在页面中进行相应的值的呈现,只需要输出ViewData[键值的名称]即可。

ViewData是通过 string键访问的ViewDataDictionary  对象。 字符串数据可以直接存储和使用,而不需要强制转换,但是在提取其他 ViewData对象值时必须将其强制转换为特定类型。 可以使用 ViewData将数据从控制器传递到视图,以及在视图(包括分布视图和布局)内传递数据。

例如Control中

  ViewData["message"] = "hello ViewData";

视图中

    <h1>ViewData</h1>
  
    <p>
        @ViewData["message"]
    </p>

ViewBag

ViewBag是一个dynamic动态类型,定义在ControllerBase类中,可以在此对象上定义任意的属性,且还可以在控制器和视图之间传递数据。

ViewBag的用法是可以在此对象上定义任意名称的变量。基本格式如下:

ViewBag.变量名=值

如:ViewBag.Title=“hello”,ViewBag.Sum=600等。

与viewdata区别:ViewData是字典集合,存放的是键值对,ViewBag在使用方法上和ViewData几乎一样,但是底层实现确实完全不同,ViewBag最大的有点就是他不需要转型就可以使用里面的值,但是ViewData就需要转换成合适的类型

TempData

 同ViewData和ViewBag一样,TempData也可以用来向视图传递数据。只是ViewData和ViewBag的生命周期和View相同,只对当前View有用。而TempData则可以在不同的Action中进行传值,类似webform里的Seesion

如:  TempData["message"] = "Hello TempData!";

举例创建三中传值方式实现页面数据展示

首先打开vs2022创建新项目

选择asp.net Web应用程序

 输入项目名称,点击创建

 

这里选择空后勾选MVC,点击创建

 创建后在Controllers文件夹右键创建控制器

 默认创建DefaultController控制器

 右键控制器方法index添加视图

 视图名称不用改下面去掉勾选,后添加

在index方法中输入三种传值方式代码

  //ViewDataViewData["Viewmessage"] = "hello ViewData";//ViewBagViewBag.message = "hello ViewBag";//TempDataTempData["message"] = "Hello TempData!";

然后在视图页面也就是View文件夹下的index.cshtml页面输入如下代码

<div><h1>ViewData</h1><p>@ViewData["Viewmessage"]</p>
</div>
<h1>ViewBag</h1><p>@ViewBag.message
</p>
<h1>TempData</h1>
<p>@TempData["message"]
</p>

运行index.cshtml页面,效果如下


https://www.xjx100.cn/news/3118937.html

相关文章

UI自动化测试工具工作原理是怎样的?

随着软件开发的不断演进&#xff0c;保障软件质量成为了至关重要的一环。在这个过程中&#xff0c;UI自动化测试工具崭露头角&#xff0c;为开发团队提供了一种强有力的方式来确保应用程序的稳定性、功能性和兼容性。本文将深入探讨UI自动化测试工具的定义、工作原理以及其在提…

从零构建属于自己的GPT系列1:文本数据预处理、文本数据tokenizer、逐行代码解读

&#x1f6a9;&#x1f6a9;&#x1f6a9;Hugging Face 实战系列 总目录 有任何问题欢迎在下面留言 本篇文章的代码运行界面均在PyCharm中进行 本篇文章配套的代码资源已经上传 从零构建属于自己的GPT系列1&#xff1a;文本数据预处理 从零构建属于自己的GPT系列2&#xff1a;语…

企业微信http协议接口开发,发送位置消息

产品说明 一、 hook版本&#xff1a;企业微信hook接口是指将企业微信的功能封装成dll&#xff0c;并提供简易的接口给程序调用。通过hook技术&#xff0c;可以在不修改企业微信客户端源代码的情况下&#xff0c;实现对企业微信客户端的功能进行扩展和定制化。企业微信hook接口…

Echarts大屏-数据可视化

使用原生htmljavascript实现大屏展示,较为麻烦的为边框的四个小角使用伪元素生成,其余echarts使用如下快速上手 - Handbook - Apache ECharts 效果如下:

springMVC日志

简单介绍 Logback是完全实现SLF4J接口API(也叫日志门面)的日志框架。 Logback 的架构非常通用&#xff0c;可以应用于不同的环境。目前logback分为三个模块&#xff0c;logback-core、logback-classic和logback-access。 logback-core 模块为其他两个模块奠定了基础。logbac…

【Springboot系列】SpringBoot整合Jpa

文章目录 前言&#xff1a;什么是JPA&#xff1f;JPA优缺点优点1.简化开发&#xff1a;2.高度抽象&#xff1a;3.跨数据库支持&#xff1a;4.自动化的事务管理&#xff1a; 缺点1.学习成本较高&#xff1a;2.性能问题&#xff1a;3.灵活性受限&#xff1a; 示例版本依赖代码Use…

云专线:安全、高速的云访问专属连接通道

随着云计算技术的急速发展&#xff0c;各行业IT体系已步入“云”时代&#xff0c;完全本地化的部署方案鲜少为企业所采用。现今企业已或多或少地将业务系统部署在公有云、私有云或者混合云上&#xff0c;以驱动企业流程重构和业务创新&#xff0c;提升管理效率&#xff0c;实现…

从 Elasticsearch 到 SelectDB,观测云实现日志存储与分析的 10 倍性价比提升

作者&#xff1a;观测云 CEO 蒋烁淼 & 飞轮科技技术团队 在云计算逐渐成熟的当下&#xff0c;越来越多的企业开始将业务迁移到云端&#xff0c;传统的监控和故障排查方法已经无法满足企业的需求。在可观测理念逐渐深入人心的当下&#xff0c;人们越来越意识到通过多层次、…