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框架,查阅了相 ...
随机推荐
- Java中的操作日期的工具类
import java.text.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; imp ...
- EntityFramework使用中的一些Bug
1. No Entity Framework provider found for the ADO.NET provider 解决方法:添加 EntityFramework.SqlServer.dl ...
- JAXL发送房间消息
使用composer形式安装的JAXL <?php require_once "vendor/autoload.php"; $client = new JAXL(array( ...
- 获取input中的值
先在input标签中添加一个id='getvalue'document.getElementById("getvalue").value;
- 全新jquery多点滑动幻灯片——全屏动画animateSlide
首页banner的酷炫效果多来自全屏大图的幻灯片动画,下面提供一种完美兼容的jquery动画特效:全新jquery多点滑动幻灯片——全屏动画animateSlide(代码完全原创). 直接上代码,把h ...
- Backbone.js学习之Collection
首先,当然是一如既往地看官方文档的解释. Collections are ordered sets of models. 翻译: Collections是models的一个集合. 关于book和boo ...
- MongoDB - The mongo Shell, Configure the mongo Shell
Customize the Prompt You may modify the content of the prompt by setting the variable prompt in the ...
- .NET DLL 保护措施应用实例(百度云分享工具)
最近做了个小工具,将保护措施思路全部应用到了此工具中. 点我下载 “百度分享工具”介绍 大家都知道,在百度云盘中分享文件,只能手工一条条地点击“分享”,如果想分享很多文件,操作会非常辛苦.“百度云分享 ...
- Java之循环语句练习1
最近在猛复习Java,猛刷题目ing.这个做题目的过程其实也就像搬砖一样,一点一点把最基础的巩固好,一块一块.整整齐齐地砌才能砌好一面墙.好了,不说了,我要去搬砖了. 其实不瞒你们说,我是比较喜欢数学 ...
- 验证证书的安装之外部用户PC
背景:使用一个域外的用户进行登录并验证 1. 用户登录浏览器下载CA证书或者证书链 2. 下载 3. 安装证书 4. ...