ASP.NET网站权限设计实现（二）——角色权限绑定

最新推荐文章于 2022-05-26 12:00:54 发布

原创最新推荐文章于 2022-05-26 12:00:54 发布 · 4.4k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #asp #server #permissions #textbox #function

ASP.NET案例专栏收录该内容

8 篇文章

订阅专栏

本文档详细介绍了ASP.NET网站权限设计的第二部分，重点在于角色权限的绑定。通过使用PowerDesigner设计数据库，创建相关表如Module、Permissions、ModulePermissions等，并实现了角色分页显示、全选删除功能。在删除操作中，利用JQuery处理全选和单选的CheckBox，通过隐藏域存储选中项，构造delete语句进行批量删除。此外，还展示了角色新增和修改的实现，包括权限的全选/全取消、选中项值的获取和插入语句的构造。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇：ASP.NET网站权限设计实现（一）——使用PowerDesigner进行数据库设计

1、关于使用的几张表的说明

（1）Module：模块表，记录模块名称、编码等模块基本数据。

（2）Permissions：权限表，记录所有模块权限distinct之后的数据。

（3）ModulePermissions：模块权限，记录每个模块对应的权限，一个模块可能存在多条数据，每条表示该模块的一个操作权限。

（4）Roles：角色表，记录角色名称、编码等角色基本数据。

（5）RolePermissions：角色权限表，记录每个角色对应的权限，一个角色可能存在多条数据，每条数据表示该角色在某个模块的一个操作权限；表中的数据其实记录的是角色编码跟ModulePermissions表中的主键对应，表ModulePermissions中特定主键的数据行就表示了某个模块的一个操作权限。

（6）SUser：用户表，记录用户名等用户基本信息。

（7）UserRole：用户角色表，记录每个用户对应的角色，可以是多个，但本例只设置对应一个，只要用户具有了某个角色，那么该用户就具有了和角色一样的权限。

2、关于PowerDesigher ：上一篇介绍了初次在数据库生成表的过程，实际上还可以实现更新和逆向操作（根据数据库中的表在PD中生成表模型）。

3、模拟数据

（1）表Module

（2）表Permissions

（3）表ModulePermissions

4、角色分页显示和删除

这里实现功能的代码基本都是最初级的代码，后面另一个版本会在架构、UI、代码等方面进行较大的改进；另外这里的代码纯粹是演示，不会考虑注入、异常等方面的处理。

（1）分页显示数据直接使用GridView了

（2）在列表页面可以全选本页数据一次性删除，全选/全取消使用JQuery实现，选中时将值（这里是角色编码）保存在一个隐藏域中，隐藏域中的值的格式：'值1','值2',...（数据库中的RoleCode列的数据类型是nvarchar）；取消选中时将隐藏域中的值清空；单行CheckBox选中/取消时，将当前行的值追加到隐藏域的值或从隐藏域的值中移除当前行的值。删除时先判断隐藏域的值是否为空，如果为空提示”选中数据“，如果不为空提示”确定删除吗？“，确认删除后，根据隐藏域中的值构造delete语句（使用in子句）将数据删除。

（3）代码

Index.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Role_Index" %> <!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> <title>角色管理</title> <mce:script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js" mce_src="Scripts/jquery-1.4.1.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> 请输入角色名称：<asp:TextBox ID="txtKeyword" runat="server" Width="301px"></asp:TextBox> <asp:Button ID="btnQuery" runat="server" Text="查询" onclick="btnQuery_Click" />  <asp:HiddenField ID="txtKeys" runat="server" EnableViewState="false" /> <div> <asp:GridView ID="gvRole" runat="server" AutoGenerateColumns="False" EnableModelValidation="True" Width="100%" AllowPaging="True" DataKeyNames="RoleCode" OnPageIndexChanging="gvRole_PageIndexChanging" OnRowDataBound="gvRole_RowDataBound" PageSize="4" > <Columns> <asp:TemplateField> <HeaderTemplate> <input id="cbAll" type="checkbox" onclick="CheckAll();" /> </HeaderTemplate> <ItemTemplate> <input id="cbRow" value='<%#Eval("RoleCode") %>' type="checkbox" onclick="CheckRow(this);" /> </ItemTemplate> <ItemStyle Width="30px" /> </asp:TemplateField> <asp:BoundField HeaderText="序号" HeaderStyle-Width="50px" ItemStyle-Width="50px"> <HeaderStyle Width="50px"></HeaderStyle> <ItemStyle Width="50px"></ItemStyle> </asp:BoundField> <asp:BoundField DataField="RoleName" HeaderText="角色名称" /> <asp:BoundField DataField="RoleCode" HeaderText="角色编码" /> <asp:HyperLinkField Text="编辑" HeaderStyle-Width="50px" ItemStyle-Width="50px" DataNavigateUrlFields="RoleCode,RoleName" DataNavigateUrlFormatString="Edit.aspx?RoleCode={0}&RoleName={1}"> <HeaderStyle Width="50px"></HeaderStyle> <ItemStyle Width="50px"></ItemStyle> </asp:HyperLinkField> </Columns> <EmptyDataTemplate> 没有数据。 </EmptyDataTemplate> <PagerSettings Position="TopAndBottom" /> </asp:GridView> </div> <asp:HyperLink ID="hlNew" runat="server" NavigateUrl="~/Role/Edit.aspx">新增</asp:HyperLink> | <asp:LinkButton ID="lbDelete" runat="server" OnClientClick="return ConfirmDel();" onclick="lbDelete_Click">删除</asp:LinkButton> </form> </body> </html>

说明：

$("#txtKeys") ：JQuery得到ID为txtKeys的元素

$("#txtKeys").val() ;：获得ID为txtKeys的元素的值

$("#txtKeys").val("");：设置ID为txtKeys的元素的值，这里是空字符串

$(":checkbox").each(function () { });：遍历当前文档中CheckBox类型的元素，并在function中进行处理

$(this).attr("checked");：获得当前遍历到的CheckBox的checked属性的值

$(this).attr("checked", $("#cbAll").attr("checked"));：设置当前CheckBox的选中状态跟“全选”CheckBox一样，实际上就是通过这种方式给当前CheckBox的checked属性

注意所有CheckBox都有客户端onclick事件，触发时会调用不同JavaScript函数执行

用到的Web服务器控件：TextBox 、Button、HiddenField、GridView、HyperLink、LinkButton

Index.aspx.cs

using System;
using System.Web.UI.WebControls;
using System.Data;
public partial class Role_Index : System.Web.UI.Page
{
    private void BindRoles()
    {
        string keyWord = this.txtKeyword.Text.Trim();
        string querySql =
            string.Format("select * from Roles where RoleVisible=1 and RoleName Like '%{0}%'", keyWord);
        SqlHelper dbHelper = new SqlHelper();
        DataTable dtRole = new DataTable();
        dbHelper.FillDataTable(querySql, dtRole);
        gvRole.DataSource = dtRole;
        gvRole.DataBind();
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindRoles();
        }
    }
    //翻页
    protected void gvRole_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        gvRole.PageIndex = e.NewPageIndex;
        BindRoles();
    }
    protected void gvRole_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //行编号
            e.Row.Cells[1].Text = 
                Convert.ToString(gvRole.PageSize * gvRole.PageIndex + e.Row.RowIndex + 1);
        }
    }
    //查询
    protected void btnQuery_Click(object sender, EventArgs e)
    {
        BindRoles();
    }
    //删除
    protected void lbDelete_Click(object sender, EventArgs e)
    {
        string keys = txtKeys.Value.Trim();
        string deleteSql = string.Format("delete from Roles where RoleCode in ({0})",
            keys.TrimEnd(','));
        SqlHelper dbHelper = new SqlHelper();
        if (dbHelper.ExecuteNonQueryWithTran(deleteSql))
        {
            BindRoles();
            txtKeys.Value = "";
        }
        else
        {
            ClientScript.RegisterStartupScript(this.GetType(),"Infomation", "alert('删除失败!');",true);
        }
    }
}

说明：

SqlHelper：是数据访问类，包含一些方法提供对数据库的访问和操作

ExecuteNonQueryWithTran：调用SqlCommand的ExecuteNonQuery方法执行insert、update、delete语句，添加了事务处理

5、角色新增和修改

（1）新建角色

这儿的关键是绑定权限、全选或全取消及获取选中项的值、构造insert语句，先看一下页面运行后的结果

（1.1）绑定权限

使用两个GridView嵌套，最外面的（gvParent）显示顶级模块名称；嵌套在内的（gvChild）在gvParent的RowDataBound中进行数据绑定以显示二级模块名称（根据gvParent当前行的模块编码Moudle表中查询数据；在gvChild的RowDataBound中绑定权限复选框列表，数据根据gvChild当前行的模块编码从下面视图（V_ModulePermissions）中查询，这里的复选框用的是<input type="checkbox" />，首先跟权限的数量构造CheckBox的html代码字符串，然后用Label显示出来，由于Label在客户端生成的代码中将变为所有这些CheckBox的父元素，所以也方便将来实现单模块的全选或者全取消，具体内容看后面代码。

视图V_ModulePermissions：

SQL：

SELECT dbo.Permissions.PermissionName, dbo.ModulePermissions.ModuleCode, dbo.ModulePermissions.PermissionCode, dbo.ModulePermissions.ID

FROM dbo.ModulePermissions INNER JOIN

dbo.Permissions ON dbo.ModulePermissions.PermissionCode = dbo.Permissions.PermissionCode INNER JOIN

dbo.Module ON dbo.ModulePermissions.ModuleCode = dbo.Module.ModuleCode

WHERE (dbo.Module.ModuleVisible = 1) AND (dbo.Permissions.PermissionVisible = 1)

（1.2）全选或全取消及获取选中项的值

每一个CheckBox的Click事件触发时都会调用一个JavaScript函数执行，这些函数不仅是完成选中或者取消选中，还要完成获得并追加或移除相应的CheckBox的值，最终构造的字符串是这种格式：,1,,2,,3,,4,...，并存储在隐藏域中。代码后面附上。

（1.3）构造insert语句

获取隐藏域的值进行字符串替换和拆分，遍历拆分出来的数据，构造insert语句，最后执行。

（2）修改角色

关键是设置当前角色已有权限项选中，先看页面结果

这里的处理是根据URL参数RoleCode的值从视图V_RolePermissions查询该角色的所有权限，然后构造一个字符串，在构造<input type="checkbox" />时判断该字符串是否包含此权限的标识，如果包含，就添加 checked属性。

SQL：

SELECT      dbo.V_ModulePermissions.ID, dbo.RolePermissions.RoleCode
FROM          dbo.V_ModulePermissions INNER JOIN
                      dbo.RolePermissions ON dbo.V_ModulePermissions.ID = dbo.RolePermissions.ModulePermissionID

（3）新建、修改全部代码

Edit.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Edit.aspx.cs" Inherits="Role_Edit" %> <!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 runat="server"> <title>编辑角色</title> <mce:script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js" mce_src="Scripts/jquery-1.4.1.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <asp:HiddenField ID="txtPermissions" runat="server" /> <div> 角色名称：<asp:TextBox ID="txtRoleName" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtRoleName" Display="Dynamic" ErrorMessage="<---请填写角色名称"></asp:RequiredFieldValidator> </div> <div> 角色编码：<asp:TextBox ID="txtRoleCode" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtRoleCode" Display="Dynamic" ErrorMessage="<---请填写角色编码"></asp:RequiredFieldValidator> </div> <div><input id="cbAll" type="checkbox" onclick="cbAllCheck(this)" />全选</div> <div> <asp:GridView runat="server" ID="gvParent" AutoGenerateColumns="False" EnableModelValidation="True" DataKeyNames="ModuleCode" ShowHeader="false" OnRowDataBound="gvParent_RowDataBound" Width="100%"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:Label ID="lblTopModule" runat="server" Font-Bold="true" Text='<%# Eval("ModuleName") %>'></asp:Label> <br /> <asp:GridView runat="server" ID="gvChild" AutoGenerateColumns="False" EnableModelValidation="True" DataKeyNames="ModuleCode" ShowHeader="false" OnRowDataBound="gvChild_RowDataBound" Width="100%"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:Label ID="lblMoudle" runat="server" Text='<%# Eval("ModuleName") %>'></asp:Label> <asp:CheckBox id="cbModule" runat="server"/>全选 <br /> <asp:Label ID="lblPermissions" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <div> <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /> </div> </form> </body> </html>

Edit.aspx.cs

using System;
using System.Web.UI.WebControls;
using System.Data;
using System.Text;
public partial class Role_Edit : System.Web.UI.Page
{
    private DataSet ds = new DataSet();
    private StringBuilder RolePermission { get; set; }
    private void BindTopModule()
    {
        if (ds != null && ds.Tables.Count > 0)
        {
            //筛选顶级模块
            DataRow[] drs = ds.Tables[0].Select("ParentCode='0'");
            //克隆表结构
            DataTable dt = ds.Tables[0].Clone();
            foreach (DataRow dr in drs)
            {
                dt.ImportRow(dr); 
            }
            gvParent.DataSource = dt;
            gvParent.DataBind();
        }
    }
    private void SetRolePermission()
    {
        string querySql = string.Format("select * from V_RolePermissions where RoleCode='{0}'",
            ViewState["RoleCode"]);
        DataTable dt = new DataTable();
        SqlHelper helper = new SqlHelper();
        helper.FillDataTable(querySql, dt);
        if (dt != null)
        {
            foreach (DataRow dr in dt.Rows)
            {
                RolePermission.Append("," + dr["ID"].ToString() + ",");
            }
        }
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            txtRoleName.Text = Request.QueryString["RoleName"];
            ViewState["RoleCode"] = txtRoleCode.Text = Request.QueryString["RoleCode"];
            //修改时根据RoleCode获得当前Role的所有权限ID
            if (ViewState["RoleCode"]!=null)
            {
                RolePermission = new StringBuilder(); ;
                SetRolePermission();
                txtPermissions.Value = RolePermission.ToString();
            }
            SqlHelper helper = new SqlHelper();
            String querySql = "select * from Module where ModuleVisible=1;select * from V_ModulePermissions";
            helper.FillDataSet(querySql, ds) ;
            BindTopModule();
        }
    }
    protected void gvParent_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            GridView gv = (GridView)e.Row.FindControl("gvChild");
            if (ds != null && ds.Tables.Count > 0)
            {
                DataRow[] drs = ds.Tables[0].Select("ParentCode='" + gvParent.DataKeys[e.Row.RowIndex].Value + "'");
                DataTable dt = ds.Tables[0].Clone();
                foreach (DataRow dr in drs)
                {
                    dt.ImportRow(dr); 
                }
                gv.DataSource = dt;
                gv.DataBind();
            }
        }
    }
    protected void gvChild_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            if (ds != null && ds.Tables.Count > 1)
            {
                Label lblPermissions = (Label)e.Row.FindControl("lblPermissions");
                StringBuilder appendCheckBox = new StringBuilder();
                DataRow[] drs = ds.Tables[1].Select("ModuleCode='" + ((GridView)sender).DataKeys[e.Row.RowIndex].Value + "'");
                for (int index = 0; index < drs.Length;index++ )
                {
                    DataRow dr = drs[index];
                    appendCheckBox.Append(
                        string.Format("<input type='checkbox' id='{0}' value='{1}' onclick='cbPermissionCheck(this)' {3} />{2} ",
                        "cb" + e.Row.RowIndex.ToString("00") + index.ToString("00"),
                        dr["ID"].ToString(),
                        dr["PermissionName"].ToString(),
                        RolePermission != null && RolePermission.ToString().IndexOf("," + dr["ID"].ToString() + ",") >= 0 ? "checked" : ""
                        )
                        );
                    //(delegate(string id){return id==dr["id"].ToString();})>=0
                }
                lblPermissions.Text = appendCheckBox.ToString();
                ((CheckBox)e.Row.FindControl("cbModule")).Attributes.Add("onclick", "cbModuleCheck(this,'" + lblPermissions.ClientID+ "')");
            }
        }
    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        if (IsValid)
        {
            string roleName = txtRoleName.Text.Trim();
            string roleCode = txtRoleCode.Text.Trim();
            string[] permissions = txtPermissions.Value
                .TrimStart(',')
                .TrimEnd(',')
                .Replace(",,", ",")
                .Split(',');
            StringBuilder appendSql = new StringBuilder();
            if (ViewState["RoleCode"] != null)
            {
                appendSql.Append(string.Format("delete from RolePermissions where RoleCode='{0}';", ViewState["RoleCode"]));
                appendSql.Append(string.Format("update Roles set RoleCode='{0}',RoleName='{1}' where RoleCode='{2}'",
                    roleCode, roleName, ViewState["RoleCode"]));
            }
            else
            {
                appendSql.Append(string.Format("insert into Roles(RoleCode,RoleName) values('{0}','{1}')",
                    roleCode, roleName));
            }
            foreach (string s in permissions)
            {
                if (!string.IsNullOrEmpty(s))
                {
                    appendSql.Append(
                        string.Format(";insert into dbo.RolePermissions values('{0}',{1})",
                            roleCode, s));
                }
            }
            txtPermissions.Value = "";
            //Response.Write(appendSql.ToString());
            SqlHelper helper = new SqlHelper();
            if (helper.ExecuteNonQueryWithTran(appendSql.ToString()))
            {
                Response.Redirect("../Redirect.html?Role/Index.aspx");
            }
            else
            {
                ClientScript.RegisterStartupScript(this.GetType(), "Infomation", "alert('操作失败!');", true);
            }
        }
    }
}

（4）操作成功后的提示及页面跳转

Redirect.html

使用setInterval函数倒计时

获取传递过来的路径（传递的是相对路径），倒计时到0秒时，使用window.clearInterval(intervalId)清除setInterval事件，并指定window.location.href=路径，使得由当前页跳转到目的页

<!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>
    <title>继续</title>
    <mce:script type="text/javascript"></mce:script>
</head>
<body>
<div id="showTime"></div>
<div id="showTitle"></div>
</body>
</html>

OK，到此全部完成，感觉说的太多了，所以有些内容没介绍，看代码吧。