母版页与部分视图

母版页与部分视图

母版页与部分视图

 

新建项目3.4,

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

母版页与部分视图

选择

母版页与部分视图

 

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

母版页与部分视图

 

 代码

母版页与部分视图

创建一个空的控制器TestController

使用布局页创建视图

母版页与部分视图

 

 默认代码

母版页与部分视图

修改默认代码

母版页与部分视图

 

 运行,查看效果

母版页与部分视图

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

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

母版页与部分视图

解答:使用@render

修改视图页

母版页与部分视图

修改模板页

母版页与部分视图

运行,查看结果

母版页与部分视图

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

 答案:修改调用参数

母版页与部分视图

母版页与部分视图

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

修改控制器

母版页与部分视图

 

修改模板页

母版页与部分视图

 

修改视图页

母版页与部分视图

 

运行结果

 母版页与部分视图

母版页与部分视图

 

 母版页与部分视图

增加分布视图

母版页与部分视图

代码

母版页与部分视图

调用

母版页与部分视图

运行

母版页与部分视图

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

 

 控制器添加方法

母版页与部分视图

运行

母版页与部分视图

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

母版页与部分视图

母版页与部分视图

母版页与部分视图

母版页与部分视图

 

新建项目3.4,

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

母版页与部分视图

选择

母版页与部分视图

 

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

母版页与部分视图

 

 代码

母版页与部分视图

创建一个空的控制器TestController

使用布局页创建视图

母版页与部分视图

 

 默认代码

母版页与部分视图

修改默认代码

母版页与部分视图

 

 运行,查看效果

母版页与部分视图

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

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

母版页与部分视图

解答:使用@render

修改视图页

母版页与部分视图

修改模板页

母版页与部分视图

运行,查看结果

母版页与部分视图

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

 答案:修改调用参数

母版页与部分视图

母版页与部分视图

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

修改控制器

母版页与部分视图

 

修改模板页

母版页与部分视图

 

修改视图页

母版页与部分视图

 

运行结果

 母版页与部分视图

母版页与部分视图

 

 母版页与部分视图

增加分布视图

母版页与部分视图

代码

母版页与部分视图

调用

母版页与部分视图

运行

母版页与部分视图

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

 

 控制器添加方法

母版页与部分视图

运行

母版页与部分视图

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

母版页与部分视图

相关文章:

  • 2021-12-23
  • 2021-09-11
猜你喜欢
  • 2021-06-09
  • 2021-11-09
  • 2022-12-23
  • 2022-12-23
  • 2021-10-30
  • 2022-12-23
  • 2021-11-04
相关资源
相似解决方案