asp.net core2 mvc 基础教程--View 视图

2021-02-01 20:15

阅读：363

YPE html>

标签：overflow you add form 写代码 cti width import letter

视图（View）用于展示模型（Model）数据。

view 常用的方式有引用母版页或者不引用母版页

@model IEnumerable//@model声明controller传入的数据类型,传入的是一个可枚举类型

this view page by lys

@{ var testName="你好"； }


@testName
    

        @foreach (var st in Model)   //Model代表从controller传入的数据
    {
        @st.Id
@st.Firstname
//前面如果带有html的元素，使用Model的元素之前必须先用@引用
        @st.Lastname

}

这个是不引用母版页的

@{ } 这是代码块可以在里面编写代码

@foreach() 循环

if switch 这些都能用只需在前面加上@ 或者写在代码块中

@model myfirstweb.ViewModels.StudentViewModel
@{
    ViewBag.Title = "创建页面";

Layout = "~/Shared/_Layout.cshtml";

}

    
        "post" action="">
            
                for="Firstname">
                for="Firstname" />
                for="Firstname">
            
 
            
                for="Lastname">
                for="Lastname" />
                for="Lastname">
            
 
            
                for="Id">
                for="Id" />
                for="Id">

@section fotter{
    ------底部下划线------

}

Layout 就是引用母版页 ,也可以不在这里引用在_ViewStart.cshtml 里引用

@{
    Layout = "_Layout";
}

_ViewStart.cshtml 只作用于当前目录

母版页

 

    "viewport" content="width=device-width" />
        @ViewBag.Title
            @RenderBody()
        
 
        

            @RenderSection("fotter",false)

这是一个公共的布局：@RenderBody指渲染特定的目标视图；@RenderSection("fotter",false)是我手工加上去的，表示执行片段，片段名为fotter，而且false并不是每一个视图都需要执行这个片段

 _ViewImports.cshtml 页面是全局引用

@namespace myfirstweb.Views
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@using myfirstweb.ViewModels

namespace myfirstweb.Views:表示命名空间是myfirstweb.Views
addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers：表示使用了TagHelper
using myfirstweb.ViewModels：表示使用了命名空间myfirstweb.ViewModels，这样就可以直接使用命名空间下的文件，而不需要带完整路径
在add.cshtml下使用@uisng myfirstweb.ViewModels.StudentViewModel就需要写完整名字，而可以直接using StudentViewModel

@model StudentViewModel
 @{
    ViewBag.Title = "创建页面";
 
}


    
        "post" action="">
            
                for="Firstname">
                for="Firstname" />
                for="Firstname">
            
 
            
                for="Lastname">
                for="Lastname" />
                for="Lastname">
            
 
            
                for="Id">
                for="Id" />
                for="Id">
            
 
            
 
        
    
 

@section fotter{
    ------底部下划线------

}

局部视图用@Html.Partial(“局部视图页一般用下划线开始例如:_footer”,传入需要渲染的数据)

更多的用法可以参考https://docs.microsoft.com/zh-cn/aspnet/core/mvc/views/overview?view=aspnetcore-3.1

asp.net core2 mvc 基础教程--View 视图

标签：overflow you add form 写代码 cti width import letter

原文地址：https://www.cnblogs.com/cqqinjie/p/13176341.html

上一篇：sourcetree拉取代码出错 error: RPC failed; curl 18 transfer closed with outstanding read data remaining

下一篇：基于 ONNX 在 ML.NET 中使用 Pytorch 训练的垃圾分类模型

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：asp.net core2 mvc 基础教程--View 视图
文章链接：http://soscw.com/index.php/essay/49646.html

亲，登录后才可以留言！

asp.net core2 mvc 基础教程--View 视图

this view page by lys

@foreach (var st in Model) //Model代表从controller传入的数据 {
@st.Id

@st.Firstname
//前面如果带有html的元素，使用Model的元素之前必须先用@引用
@st.Lastname
}

评论

热门文章

推荐文章

最新文章

置顶文章

asp.net core2 mvc 基础教程--View 视图

this view page by lys

@foreach (var st in Model) //Model代表从controller传入的数据 { @st.Id @st.Firstname //前面如果带有html的元素，使用Model的元素之前必须先用@引用 @st.Lastname }

评论

热门文章

推荐文章

最新文章

置顶文章

@foreach (var st in Model) //Model代表从controller传入的数据 {
@st.Id

@st.Firstname
//前面如果带有html的元素，使用Model的元素之前必须先用@引用
@st.Lastname
}