asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

新建项目3.4,

新建一个共享文件,一般存放在Shared目录下方

asp.net core mvc视频A:笔记3-4.母版页与部分视图

选择

asp.net core mvc视频A:笔记3-4.母版页与部分视图

 如果安装了Reshaper插件可以这样添加(插件在本人博客中找)

asp.net core mvc视频A:笔记3-4.母版页与部分视图

 代码

asp.net core mvc视频A:笔记3-4.母版页与部分视图

创建一个空的控制器TestController

使用布局页创建视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

 默认代码

asp.net core mvc视频A:笔记3-4.母版页与部分视图

修改默认代码

asp.net core mvc视频A:笔记3-4.母版页与部分视图

 运行,查看效果

asp.net core mvc视频A:笔记3-4.母版页与部分视图

注意:@renderbody一个页面只能使用一次

思考:如果出现下图情况改怎么操作呢?

asp.net core mvc视频A:笔记3-4.母版页与部分视图

解答:使用@render

修改视图页

asp.net core mvc视频A:笔记3-4.母版页与部分视图

修改模板页

asp.net core mvc视频A:笔记3-4.母版页与部分视图

运行,查看结果

asp.net core mvc视频A:笔记3-4.母版页与部分视图

思考:如果有成页面有区域一,有的没有怎么办呢?

 答案:修改调用参数

asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

 模板页和视图页都可以从控制器直接读取数据

修改控制器

asp.net core mvc视频A:笔记3-4.母版页与部分视图

修改模板页

asp.net core mvc视频A:笔记3-4.母版页与部分视图

修改视图页

asp.net core mvc视频A:笔记3-4.母版页与部分视图

运行结果

 asp.net core mvc视频A:笔记3-4.母版页与部分视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

 asp.net core mvc视频A:笔记3-4.母版页与部分视图

增加分布视图

asp.net core mvc视频A:笔记3-4.母版页与部分视图

代码

asp.net core mvc视频A:笔记3-4.母版页与部分视图

调用

asp.net core mvc视频A:笔记3-4.母版页与部分视图

运行

asp.net core mvc视频A:笔记3-4.母版页与部分视图

控制器的方法可以直接返回部分视图!!

 控制器添加方法

asp.net core mvc视频A:笔记3-4.母版页与部分视图

运行

asp.net core mvc视频A:笔记3-4.母版页与部分视图

此情况通常用在局部刷新时使用,例如,登录后,显示用户名

asp.net core mvc视频A:笔记3-4.母版页与部分视图