html页面权限控制,ASP.NET对HTML页面元素进行权限控制(二)

最新推荐文章于 2021-06-27 03:24:35 发布

庄黑胖-伍拾万

最新推荐文章于 2021-06-27 03:24:35 发布

阅读量387

点赞数

文章标签： html页面权限控制

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

这一步分三小步：

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

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

(3).存入数据库中。

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

在扫描的时候一开始我觉得很难因为HTML元素过多又有很多层级关系。一开始用的是

标签来表示HTML所要分配权限的元素，发现这个方案不行，比如把添加用户按钮加上DIV那么这个按钮的样式就变了还得调样式我现在做的KS系统有将近100个界面，再加上现在的界面已经确定好样式，调好CSS，加上再加上DIV的话那么得重新调界面，就这个问题想了两三天，最后我想到要不自定义一个HTML元素标签为：为这个标签加上ID和Title为：，用这个标签来标记所要分配权限的元素。这样的话既不用更改样式又能获取到所要的信息。更改之后的界面后台代码为：用户管理——查询用户

.btn-middle {

width: 76px;

}

当前位置：用户管理 -> 查询用户

快速搜索

用户名：

OnClick="lbtQuery_Click" Width="58px">查询

添加用户

用户列表

用户名称	角色	操作记录	编辑
		" title="操作记录">操作记录	">

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

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

$(document).ready(function () {

var rootboxs = document.getElementById("main");

var child = rootboxs.childNodes;

findchildbox(child)

});

//搜寻子节点

function findchildbox(parentNode) {

for (var i = 0; i < parentNode.length; i++) {

///

if (parentNode[i].nodeName == "BOX") {

var childboxId = parentNode[i].id;

var childboxTitle = encodeURI(parentNode[i].title);

var parentbox = findparentbox(parentNode[i].parentNode);

var parentboxId = parentbox.id;

if (window.XMLHttpRequest) {

//IE7 above,firefox,chrome^^

xmlhttp = new XMLHttpRequest();

//为了兼容部分Mozillar浏览器,当来自服务器响应开头不是xml，导致的无法响应问题

if (xmlhttp.overrideMimeType) {

xmlhttp.overrideMimeType('text/xml');

}

else if (window.ActiveXObject) {

//IE5\IE6

xmlhttp = new activeXObject("Microsoft.XMLHTTP");

}

if (xmlhttp == null || xmlhttp == undefined) {

alert("con't create XMLHttpRequest Object");

}

//注册回调函数

xmlhttp.onreadystatechange = callback;

//发送信息

xmlhttp.open('GET', '../../Manager/RoleManager/AddBox.ashx?childboxId=' + childboxId + '&childboxTitle=' + childboxTitle + '&parentboxId=' + parentboxId, true);

xmlhttp.send(null);

function callback() {

//判断交互是否完成,是否正确返回

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

}

findchildbox(parentNode[i].childNodes)

}

//查询父节点

function findparentbox(child) {

if (child.nodeName == "BOX") {

return child;

} else {

return findparentbox(child.parentNode)

}

3.存入数据库中。

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

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using BLL.Manager.RoleUserManagerBLL;

using System.Data;

using System.Text;

using Model;

using BLL;

namespace ExamSystemV3.Manager.RoleManager

{

///