ASP.NET MVC +EasyUI 权限设计(二)环境搭建
请注明转载地址：http://www.cnblogs.com/arhat
今天突然发现博客园出问题了，老魏使用了PC,手机，平板都访问博客园了，都是不能正常的访问，原因是不能加载CSS，也就是不能访问common.cnblogs.com这个域名，一直出现“Aborted”，非常的郁闷。
页面就是这样子的，不知道为什么，难道是不是我的3个终端有问题吧，还是园子的服务器有问题呢？还是路由器的问题呢？到现在这个问题还没解决，郁闷死了！弄得心情非常的不爽。
好吧，不在说这个问题了，开始我们的正文。在上一章中，我们只是去简单的说明了一下这系统的一些基本的问题，本章就开始设计和实施了。
首先我们这里首先得解决一下在权限中所涉及的几个比较中要的概念：用户，角色，动作。这三个是在权限设计中的核心表，每个权限系统中都是围绕着这几张表来扩展的，可以说很多表都是关系表，用来描述着3个之间的关系。
(一)对于用户来说
一个用户可以拥有多个角色，一个角色可以有多个用户
(二)对于角色来说
一个角色可以拥有多个动作，一个动作可以隶属于角色
根据这个分析，我们可以得到5张表。其中有两张表是关系表，下面我们看看这5章表。
这个就是这5张表的关系图，同图上可以单出，他们之间都是一种对对多的关系。为了清楚的描述他们的关系，并在后面的编程中能够简化，所以这里老魏只是把一些主要的字段给列举出来了，当然如果大家可以根据自己的需要添加一些必要的字段。下面老魏来阐述一下这5个表。
ArHat_User:用户表
ArHat_Role:角色表
ArHat_User_Role:用户角色表
ArHat_Action:动作表
ArHat_Role_Action:角色动作表
其中需要注意的是这个动作表，所谓的动作的就是用户操作的时候可能发送的指令。比如CRUD等。但是需要弄清楚的是动作和权限是两个不同的概念，权限==模块值+动作。当然了，这里老魏使用的是这个公式，大家可以根据自己的需要来调整。
好了，现在又了数据库了，我们开始搭建ASP.NET MVC+EasyUI环境。在VS2013中建立解决方案和项目。
同时在“Com.ArHat.UI”中添加EasyUI的资源。
不要忘了三层之间的引用哦。在建立项目的时候，老魏已经把Model和DAL中的帮助类已经写好了，大家可以自行的书写。
使用EasyUI搭建主页面：
在Controller中添加一个HomeController,然后添加对Index的视图。并在视图中加入EasyUI的代码。
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>ArHat权限系统</title>
<link href="/Content/easyui.css" rel="stylesheet" />
<link href="/Content/icon.css" rel="stylesheet" />
<link href="/Content/base.css" rel="stylesheet" />
<script src="/Content/jquery.min.js"></script>
<script src="/Content/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
initPage();
});
function initPage() {
var menus = $(".menu a");
$.each(menus, function (i, v) {
$(v).on("click", function () {
openTab($(v).attr("t"), $(v).attr("v"));
});
});
}
function openTab(_title, _value) {
if ($("#tab").tabs("exists", _title)) {
$("#tab").tabs("select", _title);
} else {
$("#tab").tabs("add", {
title: _title,
closable: true,
content: createIFrame(_value)
});
}
}
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" style="height:50px;"></div>
<div data-options="region:'south'" style="height:50px;"></div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:200px;">
<div style="width:100%;height:180px">
<!--日历-->
<div data-options="border:false,fit:true" id="cc" class="easyui-calendar"></div>
</div>
</div>
<div data-options="region:'west',title:'功能菜单',split:true" style="width:200px;">
<!--Accordion-->
<div data-options="border:false,fit:true" id="aa" class="easyui-accordion" style="width:300px;height:200px;">
<div title="权限管理" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
<ul class="menu">
<li><a t="用户管理" v="/User/Index" href="#">用户列表</a></li>
<li><a t="角色管理" v="/Role/Index" href="#">角色列表</a></li>
<li><a t="动作管理" v="/Action/Index" href="#">动作管理</a></li>
</ul>
</div>
</div>
</div>
<div data-options="region:'center',border:false" style="padding:0px;background:#eee;">
<!--选项卡-->
<div data-options="fit:true" id="tab" class="easyui-tabs" style="width:500px;height:250px;">
<div title="Welcome" style="padding:20px;">
欢迎界面
</div>
</div>
</div>
</body>
</html>
预览界面效果如下：
到此呢，本章就先到这儿吧，完成了主界面的设计，从下章开始就慢慢来实现权限系统吧！顺便说一下，文章开头的问题，老魏重启了一下路由器就好了，真是很奇怪！
ASP.NET MVC +EasyUI 权限设计(二)环境搭建的更多相关文章
- ASP.NET MVC +EasyUI 权限设计(一)开篇
在前一段时间中,老魏的确非常的忙碌,Blog基本上没有更新了,非常的抱歉,那么在后面的时间中,老魏会尽量的抽时间来写的,可能时间上就不太富裕了.今天开始呢,老魏会和大家分享一下关于权限设计的有关文章, ...
- ASP.NET MVC +EasyUI 权限设计(四)角色动作
请注明转载地址:http://www.cnblogs.com/arhat 由于最近的事情比较多,一直忙于工作和照顾老婆,所以老魏更新的速度慢了,本来写文章就要占据工作和生活很多的时间,这也就是院子中很 ...
- ASP.NET MVC +EasyUI 权限设计(三)基础模块
请注明转载地址:http://www.cnblogs.com/arhat 在上一章中呢,我们基本上搭建好了环境,那么本章我们就从基础模块开始写起.由于用户,角色,动作三个当中,都是依赖与动作的,所以本 ...
- asp.net mvc +easyui 实现权限管理（二）
一写完后,好久没有继续写了.最近公司又在重新开发权限系统了,但是由于我人微言轻,无法阻止他们设计一个太监版的权限系统.想想确实是官大一级压死人啊, 没办法我只好不参与了 让他们去折腾. 我就大概说一下 ...
- ASP.NET MVC企业开发的基本环境
ASP.NET MVC企业开发的基本环境[资源服务器概念] 学完了ASP.NET MVC4 IN ACTION 六波以后 企业开发演习 标签:AaronYang 茗洋 EasyUI1.3.4 ...
- ASP.NET MVC通用权限管理系统(响应布局)源码更新介绍
一.asp.net mvc 通用权限管理系统(响应布局)源码主要以下特点: AngelRM(Asp.net MVC)是基于asp.net(C#)MVC+前端bootstrap+ztree+lodash ...
- 关于ASP.NET MVC的权限认证的一些总结
最近在学ASP.NET MVC的权限认证的一些东西,上网搜索了一阵,发现网上的方法大多数是以下几类: 一.FormsAuthentication.SetAuthCookie(admin.Name, f ...
- ASP.NET MVC+EasyUI+Entity FrameWork 整合开发
本文详细讲解怎么用ASP.NET MVC+EasyUI+Entity FrameWork 来开发一个项目 对于ASP.NET MVC的Jscript库,主要引用 <script type=.mi ...
- 对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识
对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识 初次接触Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架,查阅了相 ...
随机推荐
- [转]如何下载tizen源码(图文教程)?
http://blog.csdn.net/flydream0/article/details/8996654 当前tizen发布的最新源码版本是2.1,本文将以图文教程讲述如何下载tizen源码,关于 ...
- IOS iphone 4inch上应用没有全屏,上下有黑边(转)
在编写IOS应用程序的过程中,我一直都是使用iPhone Retina(3.5-inch)模拟器测试的,一切显示正常,切图如下: 我在应用开发中,采用的是纯代码实现.公司提供了一部iPhone4s,我 ...
- Table of Contents - Servlet & JSP
Servlet Servlet API Overview Java Web 访问资源的路径问题 getParameter 与 request.getAttribute 的区别 转发与重定向的区别 中文 ...
- JS辨别浏览器系统IOS或安卓
详细内容请点击 /* * 智能机浏览器版本信息: * */ (function($,window,document){ $.extend({ browser:{ ...
- 【CSS3】---曲线阴影翘边阴影
效果图 代码 index <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title& ...
- 清除层div浮动
clearboth { clear: both; display: block; height: 0; font-size: 0; overflow: hidden; } <div class= ...
- Android中Json数据读取与创建
一: Json的特性和在数据交互中的地位就不用说了,直接看案例. 首先在android studio中创建assets文件目录,用于存放Json数据文件,android studio 1.3 默认项 ...
- （转）Android之常用功能方法大集合
这些,都是Andorid中比较常用的方法和功能,在网上搜集整理一下记录之,以备不时之需.由于经过多次转载,源文作者不确凿,在此申明,敬请见谅.不得不赞,非常实用. 1.判断sd卡是否存在 boolea ...
- FusionCharts 相关知识
FusionCharts1.平均线: <trendLines><line startValue='{0}' toolText='平均线' color='#FF0000' displa ...
- WPF串口通信数据采集
使用WPF做的串口数据采集并动态显示在表格中的小程序,程序运行之后,自动打开串口,从COM1接收数据,并把接收到的数据进行处理显示在DataGrid中. 串口通信程序是从另外一个串口助手中扒的,去掉了 ...