• asp.net core mvc之 视图


    一、在控制器中找到匹配视图,然后渲染成 HTML 代码返回给用户

    1. public class HomeController : Controller
    2. {
    3. public IActionResult Index()
    4. {
    5. return View(); //默认找 Views/Home/Index.cshtml ,呈现给用户
    6. }
    7. }

    二、指定视图

    1、控制器

    1. public class HomeController : Controller
    2. {
    3. public IActionResult Index()
    4. {
    5. return View("~/Views/Home/abc.cshtml");
    6. }
    7. }

    视图有它自己的语法,这个语法就是 Razor语法

    2、abc.cshtml 视图

    1. @{
    2. string str = "字符串";
    3. }
    4. abc

    5. @str

     三、控制器给视图传递数据(强类型)

    1、UserController 控制器 中  DoRegister 方法

    1. public class UserController : Controller
    2. {
    3. public IActionResult DoRegister(UserInfo userInfo)
    4. {
    5. if (ModelState.IsValid)
    6. {
    7. return View("~/Views/User/Detail.cshtml",userInfo);
    8. }
    9. }
    10. }

    2、创建  Detail.cshtml 视图

    1. @model FirstCoreMvc.Models.UserInfo
    2. @Model.Name

    四、控制器给视图传递数据(弱类型)

    1、ViewData["键"]

    HomeController.cs 控制器
    1. public class HomeController : Controller
    2. {
    3. public IActionResult Index()
    4. {
    5. var currentUser = new UserInfo() { Name="xiaoxiao",Password="1234"};
    6. ViewData["currentuser"] = currentUser;
    7. return View(); //默认找 Views/Home/Index.cshtml ,呈现给用户
    8. }
    9. }
    视图使用
    1. @{
    2. var currentUser = ViewData["currentuser"] as UserInfo;
    3. }
    4. @currentUser.Name

    也可以在视图( Views/Home/Index.cshtml )中定义 @{ ViewData["Title"] = "Home Page"; } 在_Layout.cshtml 布局页面中使用。

     2.ViewBag.键

    控制器 如下:

    ViewBag.currentTime = DateTime.Now.ToShortTimeString();

    ViewBag.xiaowang= new UserInfo() { Name = "小王", Password = "1234" };

    视图 如下:

    @ViewData["currentTime"]


    @ViewBag.currentTime

    @ViewBag.xiaowang.Name

  • 相关阅读:
    面试题 04.02.最小高度数
    Eruke是什么?怎么搭建?
    从零开始运行YOLOV5
    Erda 开源的迷失和反思
    leetcode刷题 (8.26) 二叉树
    八月券商金工精选
    STM32的HAL库及其使用
    三分钟学习一个python小知识8-----------我的对python中pandas的理解--补充,
    Worthington优化技术:细胞定量
    vue 内置指令-v-pre/v-memo
  • 原文地址:https://blog.csdn.net/tiz198183/article/details/134339446