页面呈现采用Razor模板
 
1、母模板说明
_Main.cshtml：基础母模板
_ListLayout.cshtml：列表页面
_EditDialog.cshtml：编辑对话框
_EditLayout.cshtml：编辑页面
_ViewDialog.cshtml：查看对话框
_ViewLayout.cshtml：查看页面
(母版页在Views\Shared目录下，xxxLayout页都是基于_Main.cshtml页)
 
2、列表页和对话框
列表页：
列表页采用_ListLayout.cshtml作为母版页，可以在列表页编写以下Section
@section header：这部分内容将在包含在<head>,用于编写js和css。
@section toolbar：工具栏，

@section searchbar：搜索栏，

@section list：列表部分
如下图所示：
 
编辑页：
编辑页采用_ViewDialog.cshtml作为母版页，可以在列表页编写以下Section

@section header：这部分内容将在<head></head>呈现,用于编写js和css
其它部分为页面的body内容。
如下图所示，红框部分为编辑页的页面（在列表页用iframe加载编辑页）
 
编辑页包含以下js脚本
//点击“保存”按钮会调用到编辑页的函数onDialogClose()

function onDialogClose(msg) {

    $.ajaxSubmit();

}

//该函数用ajax提交表单，提交成功后调用onComplete关闭窗口

function onComplete() {

    $.dialog.close("ok"); //关闭窗口

}
3、 HtmlHelper

除了ASP.net MVC 提供的HtmlHelper外，框架还提供以下HtmlHelper
（在页面上添加@using aSite.UI.Html)
(1)、分页
　　@Html.PageBar()
(2)、字典下拉框和字典标签
　　@Html.DictDropDownList()、@Html.DictDropDownListFor()

　　@Html.DictText()、@Html.DictTextFor()
(3)、枚举型下拉框和标签
　　@Html.EnumDropDownList()、@Html.EnumDropDownListFor()、
　　@Html.EnumText()、@Html.EnumTextFor()

(4)、表格
　　@Html.GridHeader() //表格标题
(5)、复选框
　　@Html.CheckBox()

(6)、树形结构的json数据
　　@Html.TreeJsonFor()

(7)、文本显示 　　
　　@Html.Text() 、@Html.TextFor() 、@Html.BooleanText()

(8)、树形列表选择
　　@Html.TreeSelectorFor

(9)、选择控件
　　@Html.SelectorFor

  
4、js和css
框架在页面用到以下JS
　　jquery1.7、bootstrap2.3.2
jq插件：
　　jquery-tipsy：用于显示提示信息
　　zTree：树形列表
　　jquery.cookie：cookie读写
.net MVC自带的js：
　　jquery.unobtrusive-ajax.js、jquery.validate.min.js、jquery.validate.unobtrusive.js
 
其中的有对jquery.unobtrusive-ajax.js、jquery.validate.unobtrusive.js、bootstrap-modal.js 3个js文件做小部分的修改，具体可参考代码注释，另外新增css文件bootstrap-ext.css覆盖部分bootstrap自身的样式。
框架提供的js库
　　common.js：提供常用的js函数
　　dialog.js：对话框相关的js，基于bootstrap-modal.js
 
5、导航和菜单栏
导航和菜单是基于MvcSiteMap实现
Views/Shared/DisplayTemplates目录下提供导航和菜单显示的模板
用法可参考文章：MvcSiteMap用法

SRF之页面的更多相关文章

  1. 简单快速的开发框架-SRF

    1.是什么 SRF(simply and rapid development framework) 一套基于asp.net mvc的开发框架,致力于提供简单.快速的企业应用开发方案,旨在解决企业应用开 ...

  2. multiwii 2.4配置页面中文注释

                                                                                                         ...

  3. SRF之权限控制

    框架目前提供url访问.菜单和页面元素的权限控制和数据权限,权限基于角色来分配,1个用户可以属于多个角色,权限项分模块.页面.操作3级别,其中模块.页面用于url和菜单的控制,操作是对页面元素的控制. ...

  4. SRF之数据验证

    实现表单输入数据的验证,包括客户端验证和服务器端验证 如何使用 数据验证在业务层的实体类字段上增加数据验证的特性,例如 public class User { [Required(ErrorMessa ...

  5. 页面嵌入dom与被嵌入iframe的攻防

    1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self != window.top){ //url是自己页面的url window.top.location.hr ...

  6. ASP.NET Core应用的错误处理[3]：ExceptionHandlerMiddleware中间件如何呈现“定制化错误页面”

    DeveloperExceptionPageMiddleware中间件利用呈现出来的错误页面实现抛出异常和当前请求的详细信息以辅助开发人员更好地进行纠错诊断工作,而ExceptionHandlerMi ...

  7. nodejs进阶(4)—读取图片到页面

    我们先实现从指定路径读取图片然后输出到页面的功能. 先准备一张图片imgs/dog.jpg. file.js里面继续添加readImg方法,在这里注意读写的时候都需要声明'binary'.(file. ...

  8. ASP.NET Core应用的错误处理[2]：DeveloperExceptionPageMiddleware中间件如何呈现“开发者异常页面”

    在<ASP.NET Core应用的错误处理[1]:三种呈现错误页面的方式>中,我们通过几个简单的实例演示了如何呈现一个错误页面,这些错误页面的呈现分别由三个对应的中间件来完成,接下来我们将 ...

  9. 百度MIP移动页面加速——不只是CDN

    MIP是用CDN做加速的么?准确答案是:是,但不只是. MIP全称Mobile Instant Pages,移动网页加速器,是百度提出的页面加速解决方案.MIP从前端渲染和页面网络传输两方面进行优化, ...

随机推荐

  1. 翻译：Knockout 快速上手 - 4: 你需要知道的顶级特性

    Knockout 最棒的一个特点就是它的可扩展性.Knockout 存在大量的扩展点,包含大量的工具来创建我们的应用程序.许多开发者除了 Knockout 核心库之外没有使用任何其他的脚本库 ( 甚至 ...

  2. VS2010 和VS2012 的程序在XP上运行的方法

    问题表象: VS2012编译的程序不能再XP下运行 解决办法: 1.工程设置的方法 在vs2012里,右键 属性->配置属性-常规->平台工具集->选个VS2008什么的就ok了~ ...

  3. MFC学习 MFCActiveX控件

    例子包含 1. 重绘activex控件显示区域 在activex的ctrl类中ondraw中实现 2.添加修改activex控件属性(前景色, 背景色, 自定义属性),, 只要在类视图中展开libra ...

  4. MatlabR2014a 安装破解详细图文教程（附下载链接(内附CVX工具箱)）

    MATLAB和Mathematica.Maple并称为三大数学软件.它在数学类科技应用软件中在数值计算方面首屈一指.MATLAB可以进行矩阵运算.绘制函数和数据.实现算法.创建用户界面.连接其他编程语 ...

  5. 转——Android测试之monkey

    一.为什么要用Monkey 测试?   简单在说就是象猴子一样乱点,为了测试软件的稳定性,健壮性.号称最快速有效的方法.有时候运行相同系列的测试,即使是复杂的测试,但是以相同的顺序和路径,即使一遍又一 ...

  6. Flex 中文字体终极解决方案

    一直以来Flash对中文的支持就不是很好,很多人都发现很多汉字在Flex中无法设置粗体,就是其中一个表现,经过一晚上的折腾,终于突破了这个难题,其实,答案就在Adobe的官方教程里,只能怪自己英文水平 ...

  7. Flash图表控件FusionCharts如何自定义图表上的垂直线

    什么是垂直分割线 垂直(或条形图中的水平)分隔线是用来帮助用户分隔数据块的.可以被放置在任何两个数据点,即使是不规则的间隔也可以. <chart caption='Monthly Revenue ...

  8. windows 10 笔记本关机不断电解决

    右键我的电脑-->管理-->设备管理器-->系统设备 找到Intel(R) Management Engine Interface  双击打开,禁用,确定,完事 原因,该驱动11.0 ...

  9. Swift学习（四）常量&变量&基础数据类型

    常量和变量 常量: 使用let关键词来声明一个常量 所指向的是一个特定类型的值,如数字10或者字符”hello”,常量的值是不能够被二次修改的 编程时使用常量能够让代码看起来更加安全和简洁! let ...

  10. linux 关闭系统提示声音

    关闭Linux 提示声音:   rmmod pcspkr      //永久关闭 在/etc/modprobe.d/blacklist文件最后加上 blacklist pcspkr