这是这个权限控制的第一步，扫描界面把要分配权限的元素的信息获取出来存入到数据库中。

这一步分三小步：

(1).标出界面所要分配权限的元素

(2).扫描界面获取所要分配权限的元素信息。（ID，标题，层级关系）

(3).存入数据库中。

1.标出界面所要分配权限的元素.

在扫描的时候一开始我觉得很难因为HTML元素过多又有很多层级关系。一开始用的是<div>标签来表示HTML所要分配权限的元素，发现这个方案不行，比如把添加用户按钮加上DIV那么这个按钮的样式就变了还得调样式我现在做的KS系统有将近100个界面，再加上现在的界面已经确定好样式，调好CSS，加上再加上DIV的话那么得重新调界面，就这个问题想了两三天，最后我想到要不自定义一个HTML元素标签为：<box></box>为这个标签加上ID和Title为：<box
id="AddID" Title=“添加按钮”></box>，用这个标签来标记所要分配权限的元素。这样的话既不用更改样式又能获取到所要的信息。更改之后的界面后台代码为：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <meta name="Author" content="kudychen@gmail.com" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  7.     <title>用户管理——查询用户</title> 
  8.  
  9.     <script src="../../js/DIV/jquery.js"></script>
  10.     <script src="../../js/DIV/DIV.js"></script>
  11.     <link href="../../css/admin.global.css" rel="stylesheet" type="text/css" />
  12.     <link href="../../css/admin.content.css" rel="stylesheet" type="text/css" />
  13.  
  14.     <style type="text/css">
  15.         .btn-middle {
  16.             width: 76px;
  17.         }
  18.     </style>
  19.  
  20. </head>
  21. <body>
  22. <form id="Form" method="post" runat="server" >
  23.     <%--box标记 main 开始标记--%>
  24.    <box id="main" title="主要">
  25.     <div class="location">当前位置：用户管理 -> 查询用户</div>
  26.  
  27.     <div class="blank10"></div>
  28.     <%--box标记 QueryUser 开始标记--%>
  29.     <box id="QueryUser" title="查询用户">
  30.     <div class="search block" >
  31.         <div class="h">
  32.             <span class="icon-sprite icon-magnifier"></span>
  33.             <h3>快速搜索</h3>
  34.         </div>
  35.         <div class="tl corner"></div>
  36.         <div class="tr corner"></div>
  37.         <div class="bl corner"></div>
  38.         <div class="br corner"></div>
  39.         <div class="cnt-wp">
  40.             <div class="cnt">
  41.                 <div class="search-bar">
  42.                     <label class="first txt-green">用户名：</label>
  43.                     <input value="" type="text" name="username" id="username" class="input-small" />
  44.  
  45.                        <asp:LinkButton ID="lbtQuery" class="btn-lit" runat="server"
  46.                             OnClick="lbtQuery_Click" Width="58px"><span >查询</span></asp:LinkButton>
  47.                                                           
  48.                    <%--box标记 AddUser 开始标记--%>
  49.                     <box id="AddUser" title="添加用户">
  50.                         <a class="btn-lit btn-middle" href="AdmAddUser.aspx">
  51.                             <span>添加用户</span>
  52.                         </a>
  53.                     </box>
  54.                  <%--box标记 AddUser结束标记--%>
  55.                 </div>
  56.             </div>
  57.         </div>
  58.      </div>
  59. </box>
  60. <%--box标记 QueryUser结束标记--%>   
  61.  
  62. <%--box标记 UserList开始标记--%>
  63. <box id="UserList" title="用户列表">
  64.     <span class="block">
  65.         <div class="tl corner"></div>
  66.         <div class="tr corner"></div>
  67.         <div class="bl corner"></div>
  68.         <div class="br corner"></div>
  69.         <div class="cnt-wp">
  70.             <div class="cnt">
  71.         <div class="h">
  72.             <span class="icon-sprite icon-list"></span>
  73.             <h3>用户列表</h3>
  74.         </div>
  75.     <div class="blank10"></div>
  76.  
  77.                 <asp:Repeater ID="rpUserInfo" runat="server"  onitemcommand="rpUserInfo_ItemCommand">
  78.                 <HeaderTemplate>
  79.                <table class="data-table history" id="mainTable" border="0" cellspacing="0" cellpadding="0">
  80.                         <tr>
  81.                             <th scope="col">用户名称</th>
  82.                             <th scope="col">角色</th>
  83.                             <th scope="col">操作记录</th>
  84.                             <th scope="col">编辑</th>
  85.                         </tr>
  86.                 </HeaderTemplate>
  87.         <ItemTemplate>
  88.                         <tr>
  89.                             <td class="txt160 c"><%#Eval("UserName")%></td>
  90.                             <td class="txt c"><%#Eval("RoleName")%></td>
  91.                             <td class="txt80 c"><a href="AdmOperatorRecord.aspx?UserId=<%#Eval("UserNo") %>" title="操作记录">操作记录</a></td>
  92.                             <td class="icon">
  93.                             <%--box标记 EditUserInfo开始标记--%>
  94.                                 <box id="EditUserInfo" title="编辑用户">
  95.                                     <a class="opt" title="编辑" href="AdmUpdateUser.aspx?UserId=<%#Eval("UserNo") %>">
  96.                                         <span class="icon-sprite icon-edit">
  97.                                         </span>
  98.                                     </a>
  99.                                 </box>
  100.                             <%--box标记 EditUserInfo结束标记--%>
  101.                             </td>
  102.                         </tr>
  103.                    	</ItemTemplate>
  104. <FooterTemplate>
  105.      </table>
  106.    </FooterTemplate>
  107.    </asp:Repeater>
  108.      </div>
  109. </div>
  110. </span>
  111. <span id="spanFirst">第一页</span> <span id="spanPre">上一页</span> <span id="spanNext">下一页</span> <span id="spanLast">最后一页</span> 第<span id="spanPageNum"></span>页/共<span id="spanTotalPage"></span>页
  112. </box>
  113.        <%--box标记 UserList 结束标记--%>
  114. </box>
  115.      <%--box标记 main 结束标记--%>
  116. </form>
  117. </body>
  118. </html>

2.扫描界面获取所要分配权限的元素信息。

由于界面上有了<box>这个元素来表示权限的元素，这样扫描起来就好一些了不过还是遇到了不少的问题，最终还是解决了，最难的是扫描出两个<box>之间的父子关系。下面是JS代码：

  1. $(document).ready(function () {
  2.  
  3.     var rootboxs = document.getElementById("main");
  4.     var child = rootboxs.childNodes;
  5.     findchildbox(child)
  6.  
  7. });
  8. //搜寻子节点
  9. function findchildbox(parentNode) {
  10.  
  11.     for (var i = 0; i < parentNode.length; i++) {
  12.         ///
  13.         if (parentNode[i].nodeName == "BOX") {
  14.  
  15.             var childboxId = parentNode[i].id;
  16.             var childboxTitle = encodeURI(parentNode[i].title);
  17.             var parentbox = findparentbox(parentNode[i].parentNode);
  18.             var parentboxId = parentbox.id;
  19.             if (window.XMLHttpRequest) {
  20.                 //IE7 above,firefox,chrome^^
  21.                 xmlhttp = new XMLHttpRequest();
  22.                 //为了兼容部分Mozillar浏览器,当来自服务器响应开头不是xml，导致的无法响应问题
  23.                 if (xmlhttp.overrideMimeType) {
  24.                     xmlhttp.overrideMimeType('text/xml');
  25.                 }
  26.             }
  27.             else if (window.ActiveXObject) {
  28.                 //IE5\IE6
  29.                 xmlhttp = new activeXObject("Microsoft.XMLHTTP");
  30.             }
  31.             if (xmlhttp == null || xmlhttp == undefined) {
  32.                 alert("con't create XMLHttpRequest Object");
  33.             }
  34.             //注册回调函数
  35.             xmlhttp.onreadystatechange = callback;
  36.             //发送信息
  37.  
  38.             xmlhttp.open('GET', '../../Manager/RoleManager/AddBox.ashx?childboxId=' + childboxId + '&childboxTitle=' + childboxTitle + '&parentboxId=' + parentboxId, true);
  39.             xmlhttp.send(null);
  40.  
  41.             function callback() {
  42.                 //判断交互是否完成,是否正确返回
  43.                 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  44.  
  45.                 }
  46.             }
  47.  
  48.     }
  49.  
  50.             findchildbox(parentNode[i].childNodes)
  51.  
  52.     }
  53.  
  54. }
  55.  
  56. //查询父节点
  57. function findparentbox(child) {
  58.  
  59.         if (child.nodeName == "BOX") {
  60.             return child;
  61.         } else {
  62.            return findparentbox(child.parentNode)
  63.  
  64.         }
  65.  
  66. }

3.存入数据库中。

利用AJAX存入到数据库中，一开始就遇到了问题，因为扫描界面所需要的时间太短在还没有把第一条数据插入到数据库的时候第二条数据就来了这样导致了第一条数据的部分信息就会被第二条记录替代了导致存入数据库的数据出现了问题。一开始我是打算在JS那里加上个延迟，结果表名不行。然后我就在一班程序里面加入一个类似锁的一个东西，算作延迟吧这样存入的数据就不会错误了下面是代码：

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5. using BLL.Manager.RoleUserManagerBLL;
  6. using System.Data;
  7. using System.Text;
  8. using Model;
  9. using BLL;
  10.  
  11. namespace ExamSystemV3.Manager.RoleManager
  12. {
  13.     /// <summary>
  14.     /// AddBox 的摘要说明
  15.     /// </summary>
  16.     public class AddBox : IHttpHandler
  17.     {
  18.  
  19.         public void ProcessRequest(HttpContext context)
  20.         {
  21.             context.Response.ContentType = "text/plain";
  22.             System.Threading.Thread.Sleep(1000);
  23.             DIVEntity EDiv = new DIVEntity();
  24.            AdmDIVManager admDIVManager = new AdmDIVManager();
  25.            PublicBLL publicBll = new PublicBLL();
  26.             string strChildBoxId = "";
  27.             string strChildBoxTitle = ""; 
  28.  
  29.             strChildBoxId = context.Request.QueryString["childboxId"].ToString().Trim();
  30.             strChildBoxTitle = context.Server.UrlDecode(context.Request.QueryString["childboxTitle"].ToString().Trim());
  31.             string strParentBoxId=context.Request.QueryString["parentboxId"].ToString ().Trim();;
  32.             string strState = "是";
  33.             string strDateTime = publicBll.GetDate();
  34.             string strIP = publicBll.GetWebClientIp();
  35.             string strOperator ="xvshu";//context.Session["UserNo"].ToString().Trim(); ;
  36.             EDiv.Id = strChildBoxId;
  37.             EDiv.MainRelation = strParentBoxId;
  38.             EDiv.DIVName = strChildBoxTitle;
  39.             EDiv.DIVDescribe = strChildBoxTitle;
  40.             EDiv.Operator = strOperator;
  41.             EDiv.OperatorIP = strIP;
  42.             EDiv.State = strState;
  43.             EDiv.DateTime = strDateTime;
  44.             admDIVManager.AddDIV(EDiv);
  45.         }
  46.  
  47.         public bool IsReusable
  48.         {
  49.             get
  50.             {
  51.                 return false;
  52.             }
  53.         }
  54.     }
  55. }

利用TreeView控件显示出来如下图：

 

ASP.NET对HTML元素进行权限控制（二）的更多相关文章

  1. ASP.NET对HTML元素进行权限控制（一）

    一个HTML页面有很多的元素比如<DIV>,<P>等.这些元素构成了HTML页面.在Web开发中权限控制是每个系统都要用到了.界面每个元素的权限也是需要控制的.比如一个查询用户 ...

  2. ASP.NET对HTML元素进行权限控制（三）

    上一篇博客中有些没有考虑到的东西这次更改一下代码如下: 界面前台: <%@ Page Language="C#" AutoEventWireup="true&quo ...

  3. ASP.NET MVC 和 WebForm的权限控制

    今天主要讲一下对于ASP.NET的页面级权限控制 数据结构:用户表.角色表.权限表.角色权限派生表 为用户添加权限的数据配置后, 自定义类对MVC继承Controller 对其内置方法Initiali ...

  4. ASP.NET MVC使用过滤器进行权限控制

    1.新建MVC项目 2.找到Models文件夹,新建 LoginCheckFilterAttribute 类 public class LoginCheckFilterAttribute : Acti ...

  5. vue+elementui搭建后台管理界面(6登录和菜单权限控制[二])

    根据权限计算路由的代码 /** * 通过meta.role判断是否与当前用户权限匹配 * @param roles * @param route */ function hasRoles (roles ...

  6. Laravel 5.1 ACL权限控制 二 之策略类

    随着应用逻辑越来越复杂,要处理的权限越来越多,将所有权限定义在AuthServiceProvider显然不是一个明智的做法,因此Laravel引入了策略类,策略类是一些原生的PHP类,和控制器基于资源 ...

  7. 实现对ASP.NETMvc及Asp.NetCore的权限控制

    AccessControlHelper Build Status Intro 由于项目需要,需要在 基于 Asp.net mvc 的 Web 项目框架中做权限的控制,于是才有了这个权限控制组件. 项目 ...

  8. asp.net core mvc权限控制：权限控制介绍

    在进行业务软件开发的时候,都会涉及到权限控制的问题,asp.net core mvc提供了相关特性. 在具体介绍使用方法前,我们需要先了解几个概念: 1,claim:英文翻译过来是声明的意思,一个cl ...

  9. SRF之权限控制

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

随机推荐

  1. 关于automatic_Panoramic_Image_Stitching_using_Invariant_features 的阅读笔记（2）

    接上一篇: http://www.cnblogs.com/letben/p/5446074.html#3538201 捆绑调整 (好开心有同学一起来看看这些问题,要不然就是我自己的话,我应该也不会看的 ...

  2. 仿jQuery中undelegate()方法功能的函数

    //跨浏览器事件绑定 function addEvent(obj,type,fn){ if(typeof obj.removeEventListener !='undefined'){ /////// ...

  3. 精益求精， ePub 电子书制作手记

    什么是 ePub ePub 是 Electronic Publication 的缩写,意为电子出版,是一个自由的开放标准,属于一种可以“自动重新编排”的内容,也就是文字内容可以根据阅读设备的特性,以最 ...

  4. css样式编辑

    1.剪切: clip:rect(a,b,c,d); a参数:从顶部开始剪切,多少参数表示腰间切多少: b参数:从右边开始剪切,用减法来计算要剪去的多少:(最大的宽度-b参数 = 剪去的参数) c参数: ...

  5. HTML5_用语义化标记重新定义博客

    HTML5文档的第一行便是文档类型声明,文档类型声明的作用有两个 一:验证器依据文档类型来判断采用何种验证规则去验证代码 二:文档类型声明能够强制IE6,IE7,IE8以“标准模式”渲染页面 1: & ...

  6. 解决 arcGis android TextSymbol乱码的问题

    不论是Arcgis for Android的哪个版本,都没无法解决中文乱码的问题,这个与Android中自带的字体库有关,可以参考这篇文章. 所以,要在Arcgis for Android中显示中文, ...

  7. MVC EF ObjectStateManager 中已存在具有同一键的对象。ObjectStateManager 无法跟踪具有相同键的多个对象。

    遇到这个错误  在查询时 加上asNoTracking() 即可

  8. 微软的COM中GUID和UUID、CLSID、IID

    摘自:http://blog.csdn.net/zhongguoren666/article/details/6711396 当初微软设计com规范的时候,有两种选择来保证用户的设计的com组件可以全 ...

  9. BeanDefinition的Resource定位——2

    1.FileSystemXmlApplicationContext的实现 public class FileSystemXmlApplicationContext extends AbstractXm ...

  10. JavaScript之Function函数深入总结

    整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下 ...