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>

相关推荐
Cyan_RA92 天前
SpringMVC @RequestMapping的使用演示和细节 详解
java·开发语言·后端·spring·mvc·ssm·springmvc
周杰伦fans5 天前
.net core webapi/mvc阿里云服务器部署 - 错误解决
阿里云·mvc·.netcore
BFT白芙堂6 天前
GRASP 实验室研究 论文解读 | 机器人交互:基于神经网络引导变分推理的快速失配估计
人工智能·神经网络·机器学习·mvc·人机交互·科研教育机器人·具身智能平台
William_cl6 天前
MVC 中 AJAX 与前后端交互深度实战(含独家避坑与场景化方案)
ajax·mvc·交互
Cyan_RA97 天前
SpringMVC 执行流程分析 详解(图解SpringMVC执行流程)
java·人工智能·后端·spring·mvc·ssm·springmvc
hello 早上好7 天前
Spring MVC 类型转换与参数绑定:从架构到实战
spring·架构·mvc
sanggou7 天前
License 集成 Spring Gateway:解决 WebFlux 非阻塞与 Spring MVC Servlet 阻塞兼容问题
spring·gateway·mvc
optimistic_chen8 天前
【Java EE进阶 --- SpringBoot】Spring DI详解
spring boot·笔记·后端·spring·java-ee·mvc·di
速易达网络8 天前
ASP.NET MVC 连接 MySQL 数据库查询示例
数据库·asp.net·mvc
cyforkk9 天前
Spring 异常处理器:从混乱到有序,优雅处理所有异常
java·后端·spring·mvc