asp.net core mvc之 视图

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

cs 复制代码
public class HomeController : Controller
{
     public IActionResult Index()
     {
         return View(); //默认找 Views/Home/Index.cshtml ,呈现给用户
     }
}

二、指定视图

1、控制器

cs 复制代码
public class HomeController : Controller
{
     public IActionResult Index()
     {
         return View("~/Views/Home/abc.cshtml");
     }
}

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

2、abc.cshtml 视图

cs 复制代码
@{
    string str = "字符串";
}

<h1>abc</h1>
<h3>@str</h3>

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

1、UserController 控制器 中 DoRegister 方法

cs 复制代码
public class UserController : Controller
{

     public IActionResult DoRegister(UserInfo userInfo)
     {
          if (ModelState.IsValid)
          {
              return View("~/Views/User/Detail.cshtml",userInfo);
          }         
     }
}

2、创建 Detail.cshtml 视图

cs 复制代码
@model FirstCoreMvc.Models.UserInfo

<h1>@Model.Name</h1>

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

1、ViewData"键"

HomeController.cs 控制器
cs 复制代码
public class HomeController : Controller
{
        public IActionResult Index()
        {
            var currentUser = new UserInfo() { Name="xiaoxiao",Password="1234"};
            ViewData["currentuser"] = currentUser;
            return View(); //默认找 Views/Home/Index.cshtml ,呈现给用户
        }
}
视图使用
cs 复制代码
@{
    var currentUser = ViewData["currentuser"] as UserInfo;
}
<h1>@currentUser.Name</h1>

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

2.ViewBag.键

控制器 如下:

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

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

视图 如下:

<h1>@ViewData"currentTime"</h1>

<h1>@ViewBag.currentTime</h1>

<h1>@ViewBag.xiaowang.Name</h1>

相关推荐
MetaLite7 天前
Spring-MVC微服务接口怎么分层-网关Controller与Service边界
spring·微服务·mvc
李昊哲小课9 天前
SpringMVC 完整执行流程
spring boot·spring·mvc
小小龙学IT15 天前
Qt 模型/视图框架(Model/View)深度解析:从 MVC 演化到数据展示架构的王者
qt·架构·mvc
树码小子15 天前
什么是大语言模型
人工智能·语言模型·mvc
evans在进步16 天前
Spring MVC 核心机制详解:全局异常处理、请求跳转与数据绑定
java·spring·mvc
小林ixn17 天前
NestJS 入门实战:从 0 到 1 撸一个 Todo CRUD,感受装饰器与模块化的优雅
后端·mvc·nestjs
breeze jiang17 天前
NestJS MVC 实战:用 hello 项目 7 个文件讲清分层、装饰器、依赖注入与错误处理
node.js·mvc·js
爱敲键盘的猴子17 天前
Spring MVC 详解(一):全注解开发与请求响应处理
java·spring·mvc
醇氧1 个月前
MVC、MVP、MVVM 架构详解、分析与对比
架构·mvc
IKUN家族1 个月前
Spring MVC(五)
java·spring·mvc