• asp.net core mvc之 视图


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

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

    二、指定视图

    1、控制器

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

    视图有它自己的语法,这个语法就是 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. }

    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. }
    视图使用
    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

  • 相关阅读:
    ChatGPT3.5使用体验
    Nginx:vts模块(监控)
    【Docker从入门到入土 5】 使用Docker-compose一键部署Wordpress平台
    封装api的理解
    门牌制作-蓝桥杯?-Lua 中文代码解题第3题
    基本的TCP套接字编程(详解)
    mysql5.6---windows和linux安装教程和忘记密码怎么办
    华为机试题:HJ3 明明的随机数
    Java中类关键字super的用法详解
    Android Studio 的六种基本布局
  • 原文地址:https://blog.csdn.net/tiz198183/article/details/134339446