asp.netweb开发实例,asp.net web 实例教程

首页 > 实用技巧 > 作者:YD1662024-01-26 06:15:44

Razor布局页面

Razor布局模式下,页面共有模板部分与内容部分是分离的,主要采用以下标记对内容与模板结合进行说明:

a.@RenderBody():视图内容需要在@RenderBody()部分呈现出来。
b.@RenderSection():在模板中定义节,视图对应部分内容在节标记处呈现。
c.@RenderPage():模板链接呈现一个页面。

4、Pure前端框架

本例设计使用雅虎公司提供的轻量级前端响应式页面设计、布局框架进行进行页面开发。使用方法较为简单,只需要在MVC模式下的模板页面中引入对应CSS样式文件即可。引入方式描述如下图:

asp.netweb开发实例,asp.net web 实例教程(5)

Pure前端框架使用


开发实例

为演示ASP.NET下MVC开发过程及工作基本原理,本例使用Pure前端响应式框架技术进行前端页面布局设计,使用ASP.NET MVC进行了Demo的设计与开发。Demo首页面实现效果如下所示:

asp.netweb开发实例,asp.net web 实例教程(6)

首页面设计运行效果

在线考试作答页面运行实际效果如下图:

asp.netweb开发实例,asp.net web 实例教程(7)

考试页面设计及运行效果

考试成绩显示页面运行效果如下图:

asp.netweb开发实例,asp.net web 实例教程(8)

上一页1234下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.