ASP.NET對(duì)HTML頁(yè)面元素進(jìn)行權(quán)限控制(二)
這一步分三小步:
(1).標(biāo)出界面所要分配權(quán)限的元素
(2).掃描界面獲取所要分配權(quán)限的元素信息。(ID,標(biāo)題,層級(jí)關(guān)系)
(3).存入數(shù)據(jù)庫(kù)中。
1.標(biāo)出界面所要分配權(quán)限的元素.
在掃描的時(shí)候一開(kāi)始我覺(jué)得很難因?yàn)镠TML元素過(guò)多又有很多層級(jí)關(guān)系。一開(kāi)始用的是<div>標(biāo)簽來(lái)表示HTML所要分配權(quán)限的元素,發(fā)現(xiàn)這個(gè)方案不行,比如把添加用戶(hù)按鈕加上DIV那么這個(gè)按鈕的樣式就變了還得調(diào)樣式我現(xiàn)在做的KS系統(tǒng)有將近100個(gè)界面,再加上現(xiàn)在的界面已經(jīng)確定好樣式,調(diào)好CSS,加上再加上DIV的話(huà)那么得重新調(diào)界面,就這個(gè)問(wèn)題想了兩三天,最后我想到要不自定義一個(gè)HTML元素標(biāo)簽為:<box></box>為這個(gè)標(biāo)簽加上ID和Title為:<box id="AddID" Title=“添加按鈕”></box>,用這個(gè)標(biāo)簽來(lái)標(biāo)記所要分配權(quán)限的元素。這樣的話(huà)既不用更改樣式又能獲取到所要的信息。更改之后的界面后臺(tái)代碼為:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="kudychen@gmail.com" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>用戶(hù)管理——查詢(xún)用戶(hù)</title>
<script src="../../js/DIV/jquery.js"></script>
<script src="../../js/DIV/DIV.js"></script>
<link href="../../css/admin.global.css" rel="stylesheet" type="text/css" />
<link href="../../css/admin.content.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.btn-middle {
width: 76px;
}
</style>
</head>
<body>
<form id="Form" method="post" runat="server" >
<%--box標(biāo)記 main 開(kāi)始標(biāo)記--%>
<box id="main" title="主要">
<div class="location">當(dāng)前位置:用戶(hù)管理 -> 查詢(xún)用戶(hù)</div>
<div class="blank10"></div>
<%--box標(biāo)記 QueryUser 開(kāi)始標(biāo)記--%>
<box id="QueryUser" title="查詢(xún)用戶(hù)">
<div class="search block" >
<div class="h">
<span class="icon-sprite icon-magnifier"></span>
<h3>快速搜索</h3>
</div>
<div class="tl corner"></div>
<div class="tr corner"></div>
<div class="bl corner"></div>
<div class="br corner"></div>
<div class="cnt-wp">
<div class="cnt">
<div class="search-bar">
<label class="first txt-green">用戶(hù)名:</label>
<input value="" type="text" name="username" id="username" class="input-small" />
<asp:LinkButton ID="lbtQuery" class="btn-lit" runat="server"
OnClick="lbtQuery_Click" Width="58px"><span >查詢(xún)</span></asp:LinkButton>
<%--box標(biāo)記 AddUser 開(kāi)始標(biāo)記--%>
<box id="AddUser" title="添加用戶(hù)">
<a class="btn-lit btn-middle" href="AdmAddUser.aspx">
<span>添加用戶(hù)</span>
</a>
</box>
<%--box標(biāo)記 AddUser結(jié)束標(biāo)記--%>
</div>
</div>
</div>
</div>
</box>
<%--box標(biāo)記 QueryUser結(jié)束標(biāo)記--%>
<%--box標(biāo)記 UserList開(kāi)始標(biāo)記--%>
<box id="UserList" title="用戶(hù)列表">
<span class="block">
<div class="tl corner"></div>
<div class="tr corner"></div>
<div class="bl corner"></div>
<div class="br corner"></div>
<div class="cnt-wp">
<div class="cnt">
<div class="h">
<span class="icon-sprite icon-list"></span>
<h3>用戶(hù)列表</h3>
</div>
<div class="blank10"></div>
<asp:Repeater ID="rpUserInfo" runat="server" onitemcommand="rpUserInfo_ItemCommand">
<HeaderTemplate>
<table class="data-table history" id="mainTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col">用戶(hù)名稱(chēng)</th>
<th scope="col">角色</th>
<th scope="col">操作記錄</th>
<th scope="col">編輯</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td class="txt160 c"><%#Eval("UserName")%></td>
<td class="txt c"><%#Eval("RoleName")%></td>
<td class="txt80 c"><a href="AdmOperatorRecord.aspx?UserId=<%#Eval("UserNo") %>" title="操作記錄">操作記錄</a></td>
<td class="icon">
<%--box標(biāo)記 EditUserInfo開(kāi)始標(biāo)記--%>
<box id="EditUserInfo" title="編輯用戶(hù)">
<a class="opt" title="編輯" href="AdmUpdateUser.aspx?UserId=<%#Eval("UserNo") %>">
<span class="icon-sprite icon-edit">
</span>
</a>
</box>
<%--box標(biāo)記 EditUserInfo結(jié)束標(biāo)記--%>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</div>
</span>
<span id="spanFirst">第一頁(yè)</span> <span id="spanPre">上一頁(yè)</span> <span id="spanNext">下一頁(yè)</span> <span id="spanLast">最后一頁(yè)</span> 第<span id="spanPageNum"></span>頁(yè)/共<span id="spanTotalPage"></span>頁(yè)
</box>
<%--box標(biāo)記 UserList 結(jié)束標(biāo)記--%>
</box>
<%--box標(biāo)記 main 結(jié)束標(biāo)記--%>
</form>
</body>
</html>
2.掃描界面獲取所要分配權(quán)限的元素信息。
由于界面上有了<box>這個(gè)元素來(lái)表示權(quán)限的元素,這樣掃描起來(lái)就好一些了不過(guò)還是遇到了不少的問(wèn)題,最終還是解決了,最難的是掃描出兩個(gè)<box>之間的父子關(guān)系。下面是JS代碼:
$(document).ready(function () {
var rootboxs = document.getElementById("main");
var child = rootboxs.childNodes;
findchildbox(child)
});
//搜尋子節(jié)點(diǎn)
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瀏覽器,當(dāng)來(lái)自服務(wù)器響應(yīng)開(kāi)頭不是xml,導(dǎo)致的無(wú)法響應(yīng)問(wèn)題
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");
}
//注冊(cè)回調(diào)函數(shù)
xmlhttp.onreadystatechange = callback;
//發(fā)送信息
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)
}
}
//查詢(xún)父節(jié)點(diǎn)
function findparentbox(child) {
if (child.nodeName == "BOX") {
return child;
} else {
return findparentbox(child.parentNode)
}
}
3.存入數(shù)據(jù)庫(kù)中。
利用AJAX存入到數(shù)據(jù)庫(kù)中,一開(kāi)始就遇到了問(wèn)題,因?yàn)閽呙杞缑嫠枰臅r(shí)間太短在還沒(méi)有把第一條數(shù)據(jù)插入到數(shù)據(jù)庫(kù)的時(shí)候第二條數(shù)據(jù)就來(lái)了這樣導(dǎo)致了第一條數(shù)據(jù)的部分信息就會(huì)被第二條記錄替代了導(dǎo)致存入數(shù)據(jù)庫(kù)的數(shù)據(jù)出現(xiàn)了問(wèn)題。一開(kāi)始我是打算在JS那里加上個(gè)延遲,結(jié)果表名不行。然后我就在一班程序里面加入一個(gè)類(lèi)似鎖的一個(gè)東西,算作延遲吧這樣存入的數(shù)據(jù)就不會(huì)錯(cuò)誤了下面是代碼:
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
{
/// <summary>
/// AddBox 的摘要說(shuō)明
/// </summary>
public class AddBox : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
System.Threading.Thread.Sleep(1000);
DIVEntity EDiv = new DIVEntity();
AdmDIVManager admDIVManager = new AdmDIVManager();
PublicBLL publicBll = new PublicBLL();
string strChildBoxId = "";
string strChildBoxTitle = "";
strChildBoxId = context.Request.QueryString["childboxId"].ToString().Trim();
strChildBoxTitle = context.Server.UrlDecode(context.Request.QueryString["childboxTitle"].ToString().Trim());
string strParentBoxId=context.Request.QueryString["parentboxId"].ToString ().Trim();;
string strState = "是";
string strDateTime = publicBll.GetDate();
string strIP = publicBll.GetWebClientIp();
string strOperator ="xvshu";//context.Session["UserNo"].ToString().Trim(); ;
EDiv.Id = strChildBoxId;
EDiv.MainRelation = strParentBoxId;
EDiv.DIVName = strChildBoxTitle;
EDiv.DIVDescribe = strChildBoxTitle;
EDiv.Operator = strOperator;
EDiv.OperatorIP = strIP;
EDiv.State = strState;
EDiv.DateTime = strDateTime;
admDIVManager.AddDIV(EDiv);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
利用TreeView控件顯示出來(lái)如下圖:

- ASP.NET對(duì)HTML頁(yè)面元素進(jìn)行權(quán)限控制(一)
- ASP.NET對(duì)HTML頁(yè)面元素進(jìn)行權(quán)限控制(三)
- Asp.net動(dòng)態(tài)生成html頁(yè)面的方法分享
- Asp.net 動(dòng)態(tài)加載用戶(hù)自定義控件,并轉(zhuǎn)換成HTML代碼
- asp.net(C#) 動(dòng)態(tài)添加非ASP的標(biāo)準(zhǔn)html控件(如添加Script標(biāo)簽)
- 利用ASP.NET技術(shù)動(dòng)態(tài)生成HTML頁(yè)面
- asp.net 圖片驗(yàn)證碼的HtmlHelper
- asp.net替換和恢復(fù)html特殊字符
- ASP.NET 頁(yè)面刷新的實(shí)現(xiàn)方法(包括html,js)
- asp.net HTML文件上傳標(biāo)簽
- asp.net下URL網(wǎng)址重寫(xiě)成.html格式、RSS、OPML的知識(shí)總結(jié)
- asp.net正則表達(dá)式刪除指定的HTML標(biāo)簽的代碼
- ASP.NET動(dòng)態(tài)增加HTML元素的方法實(shí)例小結(jié)
相關(guān)文章
ASP.NET 應(yīng)用程序級(jí) 驗(yàn)證用戶(hù)是否登錄 一般處理程序
驗(yàn)證用戶(hù)登錄后才能訪問(wèn)頁(yè)面和進(jìn)行操作的方法有好幾種,比如:Forms,基類(lèi)中處理、窗體類(lèi)繼承基類(lèi),單獨(dú)寫(xiě)個(gè)方法在每個(gè)窗體類(lèi)的Page_Load中調(diào)用等。2010-07-07Asp.net SignalR創(chuàng)建實(shí)時(shí)聊天應(yīng)用程序
這篇文章主要介紹了Asp.net SignalR創(chuàng)建實(shí)時(shí)聊天應(yīng)用程序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11ASP.NET 廣告控件AdRotator的使用方法與實(shí)例
廣告控件是asp.net中一個(gè)獨(dú)有的東西,他可以利用asp.net來(lái)生成廣告控件所需的xml文檔,然后再利用AdRotator來(lái)調(diào)用廣告xml文件,根據(jù)我們的參考進(jìn)行顯示2013-08-08如何在?ASP.NET?Core?Web?API?中處理?Patch?請(qǐng)求
這篇文章主要介紹了在?ASP.NET?Core?Web?API中處理Patch請(qǐng)求,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05asp.net實(shí)現(xiàn)的MVC跨數(shù)據(jù)庫(kù)多表聯(lián)合動(dòng)態(tài)條件查詢(xún)功能示例
這篇文章主要介紹了asp.net實(shí)現(xiàn)的MVC跨數(shù)據(jù)庫(kù)多表聯(lián)合動(dòng)態(tài)條件查詢(xún)功能,結(jié)合實(shí)例形式較為詳細(xì)分析了asp.net基于MVC架構(gòu)的跨數(shù)據(jù)庫(kù)多表聯(lián)合查詢(xún)功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-02-02asp.net Parameters.AddWithValue方法在SQL語(yǔ)句的 Where 字句中的用法
今天晚上看論壇,有人提問(wèn)說(shuō),Parameters.AddWithValue方法在有些情況下不好使2009-01-01ASP.NET MVC使用EasyUI的datagrid多選提交保存教程
ASP.NET MVC使用EasyUI的datagrid多選提交保存教程,需要的朋友可以參考下。2011-12-12Asp.net控制Tomcat啟動(dòng)關(guān)閉的實(shí)現(xiàn)方法
近日有個(gè)項(xiàng)目客戶(hù)要求能自己配置相關(guān)權(quán)限。由于歷史原因這個(gè)項(xiàng)目采用的是公司以前的權(quán)限系統(tǒng)2012-01-01