.NET Core MVC基础之页面传值方式📃

这篇具有很好参考价值的文章主要介绍了.NET Core MVC基础之页面传值方式📃。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

.NET Core MVC基础之页面传值方式📃

前言

最近工作太忙了,浅浅更新一下.NET基础知识。大部分面试官都会问.NET页面传值的几种方式,那么接下来就来细讲与实现一下吧!

页面传值分成两类

  • 第一类:控制器给视图传值
  • 第二类:视图给控制器传值

本篇文章主要讲控制器给视图传值

控制器->视图

弱类型数据

ViewData

ViewData是一个字典对象,可以在控制器中存储键值对,然后在视图中读取这些值。

ViewData 是通过 string 键访问的 ViewDataDictionary 对象

控制器:

public ActionResult Index()
{
    ViewData["Message"] = "Hello, World!";
    return View();
}

视图:

<div class="text-center">
    <h1 class="display-4">@ViewData["Message"]</h1>
</div>

效果图:

.NET Core MVC基础之页面传值方式📃

ViewBag

ViewBag是一个动态属性,可以在控制器中动态添加属性,并在视图中读取这些属性。

控制器:

public IActionResult Index()
{
    ViewBag.Message = "你好,加班的码农!";
    return View();
}

视图:

<div class="text-center">
    <h1 class="display-4">@ViewBag.Message</h1>
</div>

效果图:

.NET Core MVC基础之页面传值方式📃

TempData

用于在请求之间临时存储数据的一种机制。它类似于Session,但与Session不同的是,TempData的数据只在当前请求和下一个请求之间有效,之后就会被自动清除。

TempData 使用场景:

  • 在多个请求需要数据的情况下对重定向很有用。
  • 使用 cookie 或会话状态通过 TempData 提供程序进行实现。

控制器:

public ActionResult Index()
{
    return View();
}

public ActionResult NextPage()
{
     TempData["Message"] = "你有加班费吗,就加班?";
    return RedirectToAction("Index");
}

Index视图:

<div class="text-center">
    <h1 class="display-4">@TempData["Message"]</h1>
</div>

效果图:

直接访问Index视图

.NET Core MVC基础之页面传值方式📃

访问控制器中的NextPage方法进行重定向

.NET Core MVC基础之页面传值方式📃

强类型数据

Model

Model是将数据传递给视图的最常用方式。在控制器中创建一个模型对象,并将数据赋值给模型的属性。然后在视图中声明模型类型,并使用@Model来读取实体

控制器:

public class User
{
    public string UserName { get; set; }
}

public IActionResult Index()
{
    User u = new User();
    u.UserName = "加班人";
    return View(u);
}

视图:

@model User

<div class="text-center">
    <h1 class="display-4">@Model.UserName</h1>
</div>

也可以传递集合

public IActionResult Index()
{
    List<User> list = new List<User>()
    {
        new User() { UserName = "打工人1号" },
        new User() { UserName = "打工人2号" }
    };
    return View(list);
}
@model List<User>

<div class="text-center">
    @foreach (var m in Model)
    {
        <h1 class="display-4">@m.UserName</h1>
    }
</div>

效果图:

.NET Core MVC基础之页面传值方式📃

参考链接

ASP.NET Core MVC 中的视图 | Microsoft Learn文章来源地址https://www.toymoban.com/news/detail-747341.html

到了这里,关于.NET Core MVC基础之页面传值方式📃的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ASP.NET Core MVC 从入门到精通之Html辅助标签补充及模型校验基础

    随着技术的发展,ASP.NET Core MVC也推出了好长时间,经过不断的版本更新迭代,已经越来越完善,本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容,适用于初学者,在校毕业生,或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前几篇文章的讲解,初步

    2024年02月08日
    浏览(38)
  • ASP.NET Core MVC -- 将视图添加到 ASP.NET Core MVC 应用

    右键单击“视图”文件夹,然后单击“添加”“新文件夹”,并将文件夹命名为“HelloWorld”。 右键单击“Views/HelloWorld”文件夹,然后单击“添加”“新项”。 在“添加新项 - MvcMovie”对话框中: 在右上角的搜索框中,输入“视图” 选择“Razor 视图 - 空” 保持“名称”框的

    2024年02月13日
    浏览(62)
  • .Net Core Mvc Razor 组件

    目录 前言 调用页面 index.cshtml PartialUserViewComponent.cs IUserServices.cs PartialUserView.cshtml 注意 视图组件与分部视图类似,但它们的功能更加强大。 视图组件不使用模型绑定,它们依赖于调用视图组件时传递的数据。 本文是使用控制器和视图编写的,但视图组件适用于 Razor Pages。

    2024年02月15日
    浏览(26)
  • ASP.NET Core MVC -- 入门

     带有 ASP.NET 和 Web 开发工作负载的Visual Studio Visual Studio Code Visual Studio Code 用于 Visual Studio Code 的 C#(最新版本) .NET 7.0 SDK  ctrl + F5 (开始执行,不调试) 在代码工作区间文件夹路径下打开终端运行下面的命令  通过运行以下命令来信任 HTTPS 开发证书: 编译运行

    2024年02月11日
    浏览(32)
  • ASP.NET Core 中的 MVC架构

    MVC架构把 App 按照逻辑分成三层: Controllers,接收 http request,配合 model,通过http response 返回 view,尽量不做别的事 Models, 负责业务逻辑,App 的状态,以及数据处理 Views,呈现 UI,如果UI 较复杂,应该使用View 组件, ViewModel, 或者 view 模板 Controller ASP.NET Core MVC 中的所有 Control

    2024年02月09日
    浏览(29)
  • ASP.NET Core MVC -- 控制器

    默认控制器访问index 特定访问路径   特定路径访问,带参数

    2024年02月12日
    浏览(36)
  • 微信小程序页面传值的5种方式

    微信小程序页面传值的方式有以下几种: 1.URL参数传值:通过在跳转链接中附加参数,在目标页面的onLoad函数中获取参数。 2.全局变量:通过在app.js文件中定义全局变量,在源页面设置变量的值,目标页面通过getApp().globalData获取变量的值。 3.缓存存储:使用wx.setStorageSync()在

    2024年02月15日
    浏览(32)
  • ASP.NET Core MVC 使用 JWT 的示例

    创建一个 ASP.NET Core MVC 项目。 添加 NuGet 包: Microsoft.AspNetCore.Authentication.JwtBearer:用于支持 JWT 的身份验证。 System.IdentityModel.Tokens.Jwt:用于生成和验证 JWT。 在 Startup.cs 文件中做如下修改: 请注意,在上述代码中,您需要将以下参数替换为实际的值: \\\"your_issuer\\\" :发行者的标

    2024年02月13日
    浏览(31)
  • 【ASP.NET Core】MVC过滤器:常见用法

    前面老周给大伙伴们演示了过滤器的运行流程,大伙只需要知道下面知识点即可: 1、过滤器分为授权过滤、资源访问过滤、操作方法(Action)过滤、结果过滤、异常过滤、终结点过滤。上一次咱们没有说异常过滤和终结点过滤,不过老周后面会说的。对这些过滤器,你有印

    2024年02月05日
    浏览(35)
  • 【ASP.NET Core】MVC过滤器:运行流程

    MVC 的过滤器(Filters)也翻译为“筛选器”。但是老周更喜欢翻译为“过滤器”,意思上更好理解。 既然都叫过滤器了,就是在MVC的操作方法调用前后进行特殊处理的类型。比如: a、此调用是否已授权? b、在模型绑定之前要不要修改数据源?(可能含有儿童不宜的数据)

    2024年02月05日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包