客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
这几年来做了很多个网站系统，一直坚持使用asp.net mvc建站，每次都从头开始做Layout，CSS，做权限管理等等，有点恼火，将这几年的代码好好整理了一下，准备搭建一个框架。 一、目标 0）面向领域：网站后台管理系统、MIS等结构相对规范的管理类应用； a）基于Asp.net MVC 4搭建系统框架 b）集成RBAC基于角色的权限管理机制，能够控制到控件级别 c）集成一些基础服务：数据字典、日志记录等 d）使用AJAX特性（使用JQuery与MVC的Partiview等实现） e）插件机制：框架搭建完毕之后，新开发的功能模块能够直接以插件的形式安装到系统框架中运行 f）使用EF Codefirst 二、系统设计 A）基于RBAC的权限管理系统 参考了园子里一些权限管理系统，使用了 模块->资源->操作 作为最基础的权限元素，[资源,操作]作为 基本的权限原子，将权限原子赋给“角色” 为了配合RBAC的使用，继承 AuthorizeAttribute 来修饰Action B）菜单框架 此应用框架主要面向管理系统，所以导航菜单设计为两级，顶部导航为一级菜单，左侧 边为二级菜单，菜单能与权限进行关联，配置权限时可影响到菜单；如图所示，Menu2根据所选择Menu1发生变化； C）Ajax框架 此应用框架中，Content Area为Ajax更新内容，使用JQuery的 $.get 操作访问 Action，在Action中返回 PartialView，然后更新到 ContentArea中； 全部使用Ajax来载入，带来一个问题，无法使用前进、后退、还有刷新等操作，借鉴网上一些资料，使用了 "jquery.bbq.js"的插件，通过url的hashchange使系统能够在浏览器中保持状态，能够使用 “前进“，”后退“，”刷新“等操作；通过将真实的请求代码加入到URL”#"后，来载入所需要的内容，JS代码如下： $(window).bind('hashchange', function (e) {
var hash = window.location.hash || '';
if (oldHash == '') {
// 需要选择默认菜单
}
if (hash != '' && hash != oldHash) {
if (hash == "#top") {
//TODO, Load the index page!!!!
return;
}
$('#contentPanel').html('<div class="wp"><img src="@Url.Content("~/Content/loading.gif")" border="0" /> 载入中...</div>');
oldHash = hash;
$.get(hash.substr(1, hash.length - 1), {}, function (data, status) {
if (status == "success") {
if (data.substr(0, 7) == '"logon"') {
window.location = "/Home/Login";
} else {
$('#contentPanel').html(data);
}
//}
} else {
$('#contentPanel').html('error.. - ' + status);
}
}, "html");
}
});
$(window).trigger('hashchange');
在这样的框架中，只需要关注Content Area中的部分视图即可，在该Content Area中还可以使用Ajax + JSON的方式实现更多的功能； 表单的处理 1）使用 $.post(url, $('#form').serialize(), callback, "html") 的方式，将返回值更新到 Content Area中； 2）使用 $.post(url, {'field1','value1'} , callback, "json") 的方式，根据结果，再通过javascript进行页面跳转； D）配套的若干Helper ajaxMenu，ajaxPager等：由于使用了上面的机制来载入部分视图，所有的URL都要以 /Home#/Real/Url?para1=value1 的方式来请求，所以写了一个Helper来完成该功能；分页也需要做同样的处理。 E）IoC Container 本例使用了Unity Block作为IoC容器，无他，因为这个比较熟悉；同时将MVC与Unity Container做了整合； F）表单验证 由于使用了AJAX框架，unobtrusive扩展的验证大部分失效，所以直接使用 jquery.validate进行客户端验证 G）插件机制 定义IPlugin接口，其中有Initialize方法，在系统启动时进行初始化，例如初始化Unity Container，MapRoute等等； 插件的使用：直接将插件复制到框架中的插件目录，并将插件所需要使用的Views文件复制到框架中的Views目录中。（暂无更好的解决方案，就这样搞定。考虑复制到插件目录，重写MVC中的视图引擎的代码来实现在插件目录中查找视图） 工作原理：系统启动时，通过反射载入插件中的Dll，并查找IPlugin接口，调用其初始化方法，插件在Unity容器中注册所需要使用的控制器，这样框架中就可以调用到所需要的控制器以及视图； 插件格式：插件也采用Asp.net mvc 4 Web APP来写，最后只使用编译出的DLL与部分必要的View视图，其他资源均使用框架中的资源； 三、系统实现 1）数据库：采用了EntityFramework（Version 5.0） - CodeFirst完成，使用Enable Migrations； 2）数据访问层：定义仓储模式，IRepository实现基本的增删查改功能， 3）数据服务层：根据需要进行定义； 4）Portal：采用了Asp.net MVC 4，Razor视图引擎，JQuery，JQuery UI， JQuery.Validate, jquery.bbq, Jquery BlockUI 等； 5）为面向内容管理，集成了CkEditor与CkFinder ------------------- 目前系统代码还比较乱，先发个截图
|
请发表评论