Razor布局页面
Razor布局模式下,页面共有模板部分与内容部分是分离的,主要采用以下标记对内容与模板结合进行说明:
a.@RenderBody():视图内容需要在@RenderBody()部分呈现出来。
b.@RenderSection():在模板中定义节,视图对应部分内容在节标记处呈现。
c.@RenderPage():模板链接呈现一个页面。
4、Pure前端框架
本例设计使用雅虎公司提供的轻量级前端响应式页面设计、布局框架进行进行页面开发。使用方法较为简单,只需要在MVC模式下的模板页面中引入对应CSS样式文件即可。引入方式描述如下图:
Pure前端框架使用
开发实例
为演示ASP.NET下MVC开发过程及工作基本原理,本例使用Pure前端响应式框架技术进行前端页面布局设计,使用ASP.NET MVC进行了Demo的设计与开发。Demo首页面实现效果如下所示:
首页面设计运行效果
在线考试作答页面运行实际效果如下图:
考试页面设计及运行效果
考试成绩显示页面运行效果如下图: