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框架,查阅了相 ...
随机推荐
- 碎片化时代：O2O服务成最大趋势
从86年第一封电子E-Mail发出至今28个年头,中国互联网从单一点对点,点对多,多对多,如今又回归到点对点,从最基础的Mail.黄页应用到基于互动的Search.Blog以及基于满足人类基本需求的沟 ...
- MVC中的Routing
Routing ASP.NET Routing模块的责任是将传入的浏览器请求映射为特有的MVC controller actions. public static void RegisterRoute ...
- 【CSS3】---结构性伪类选择器—nth-child(n)+nth-last-child(n)
结构性伪类选择器—nth-child(n) “:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素.其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n ...
- android四种更新UI的方法
笔记: // 使用handler.post(Runnable)更新UI public void updateUI_Fun1() { new Thread() { public void run() { ...
- Android ViewPager
昨天看到Weather&Clock Widget的页面滑动效果不错,了解了下可能是使用ViewPager来实现的,今天研究下,顺便记录下来. 根据Android官网的介绍,ViewPage ...
- Java之累加和
所谓累加算法,就是数学中数列求的算法,这都是司空见惯了的.下面我们用java求: package com.cdp.leijiahe; import java.util.Scanner; public ...
- MVC小例子
[约定胜于配置] 1. 右键Mode数据层添加新建项,用linq连接数据库 (不要在控制层上直接操控linq,要在数据层新建一个类,来对数据库进行操作) 2. 右键Mode数据层添加类,来完成对数据库 ...
- 【学习笔记】【C语言】循环结构-do while
用法: while (条件) { } do { } while(条件); while和do-while的区别 1.很多情况下,while和do while可以互换 2.while特 ...
- 转: Python集合（set）类型的操作
python的set和其他语言类似, 是一个无序不重复元素集, 基本功能包括关系测试和消除重复元素. 集合对象还支持union(联合), intersection(交), difference(差)和 ...
- 分享8款最新HTML5/CSS3功能插件及源码下载
1.HTML5/CSS3鬼脸表情下拉菜单 超级可爱 这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示 源码下载 ...