博客园_Ferry's blogs

ASP.NET网站权限设计实现（三）——套用JQuery EasyUI列表显示数据、分页、查询

2011-02-22T05:00:00Z

一、说明：

JQuery EasyUI下载地址：http://jquery-easyui.wikidot.com/download，最新版本1.2.2。

首先预览一下界面：

本例实现的功能：

1、多标签

2、分页列表显示数据

3、获取选中行的标识值，删除选中行

实现以上功能主要使用了：

1、layout：布局

2、tabs：多标签

3、datagrid：表格显示数据，并可以分页

4、messager：消息框

5、window：窗口

要了解用法，下载之后，参阅demo文件夹下的demo和官方文档。

二、功能实现分解

1、布局（参考layout的各个demo），可以参考上面的界面截图来看下面代码（Main.html）：

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>系统</title>
    <link rel="stylesheet" type="text/css" href="Style/dtree.css">
    <link rel="stylesheet" type="text/css" href="JQueryEasyUI/themes/default/easyui.css">
    <script type="text/javascript" src="JQueryEasyUI/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="JQueryEasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        //<--Tabs Begin-->
        $(function () {
            $('#tt').tabs({
                tools: [{
                    iconCls: 'icon-add',
                    handler: function () {
                        alert('add');
                    }
                }, {
                    iconCls: 'icon-save',
                    handler: function () {
                        alert('save');
                    }
                }]
            });
        });

        function addTab(tit, link) {
            if ($('#tt').tabs('exists', tit)) {
                $.messager.alert('提示消息', '窗口已经打开。','info');
            } else {
                $('#tt').tabs('add', {
                    title: tit,
                    //href: link,
                    content: '<iframe scrolling="yes" frameborder="0"  src="' + link + '" style="width:100%;height:98%;"></iframe>',
                    fit: true,
                    closable: true
                });
            }
        }
        //<--Tabs End-->

    </script>
</head>
<body class="easyui-layout">
    <div region="north" border="false" style="overflow: hidden; height: 60px; background: #A4BED4;">
        <h2>Head Part</h2>
    </div>
    <div region="south" split="false" style="height: 2px; background: #efefef;">
    </div>

    <div region="west" split="true" title="控制面板" style="width: 180px;">
        <div id="divTree">
            <img src="JQueryEasyUI/themes/gray/images/panel_loading.gif" />
        </div>
    </div>
    
    <div region="center" title=" " style="background: #efefef;overflow:hidden;">
        <div id="tt" style="width: auto; height: auto;">
            <div title="我的桌面" style="padding: 10px;">
            </div>
        </div>
    </div>
</body>
</html>

代码说明：

1）addTab函数中添加tab代码中有个参数是content，接受文本格式的数据，content的值就是创建新的tab后显示在tab中内容，这里用了一个iframe加载另外一个页面的内容；

2）加载另外一个页面的内容用href参数也可以，但要注意引用的外部文件的路径需要以当前页为参照来写相对路径；

3）title：标签标题；

4）其它参数请参阅官方文档。

2、树形菜单，参考，JQuery EasyUI中也有Tree，这里没有使用。

3、添加多标签

把2中的添加Tree的JS代码修改一下添加到<script></script>就可以了

1）引用dTree.js：

2）修改后的代码

//
        d = new dTree('d');
        d.add(0, -1, '个人面板');
        function getData(id) {
            $.ajax({
                url: 'ASHX/ModuleHandler.ashx?parentID=' + id,
                type: 'post',
                datatype: 'json',
                success: function (returnJsonValue) {
                    if (returnJsonValue.length > 0) {
                        //格式化为JSON数据格式
                        var json = eval("(" + returnJsonValue + ")");
                        //遍历集合，添加树节点
                        $.each(json.Module, function (key, value) {
                            if (id == 0) {
                                d.add(value.ModuleCode, value.ParentCode, value.ModuleName, '', value.ModuleName,'', 'Style/dtreeimg/folder.gif', 'Style/dtreeimg/folderopen.gif');
                            }
                            else {
                                d.add(value.ModuleCode, value.ParentCode, value.ModuleName, "javascript:addTab('" + value.ModuleName + "','" + value.ModuleLinkUrl + "')", value.ModuleName, '');
                            }
                            //根据模块的ParentID递归绑定数据
                            getData(value.ModuleCode);
                        })
                    }
                    else {
                        $("#divTree").html(d.toString());
                    }
                }
            })
        }
        $(getData(0));
        //

这样修改之后，当点击Tree的Node的时候，就会在【我的桌面】标签后依次添加新的标签，标签的内容就是iframe中嵌入的网页。

4、列表显示角色（RoleList.html），使用datagrid，可以看JQuery EasyUI中demo/datagrid.html这个demo

1）构造datagrid：设置表格显示哪些列，列名及与数据源中列名的对应，如果使用了toolbar，还要设置一下各Button的事件处理代码，其它属性根据需要设置（对属性不清楚的，查阅官方文档）；

下面是全部前台代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>角色列表</title>
    <link rel="stylesheet" type="text/css" href="../JQueryEasyUI/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../JQueryEasyUI/themes/icon.css">
    <script type="text/javascript" src="../JQueryEasyUI/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="../JQueryEasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../JQueryEasyUI/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#roleList').datagrid({
                title: '',
                loadMsg: "数据加载中，请稍后……",
                nowrap: false,
                striped: true,
                collapsible: true,
                url: '../ashx/RoleHandler.ashx',
                pageList: [10, 15, 20, 25, 30, 40, 50],
                pageSize: 15,
                sortName: 'RoleSort',
                sortOrder: 'asc',
                remoteSort: false,
                idField: 'RoleCode',
                frozenColumns: [[
                    { field: 'ck', checkbox: true },
                    { title: '角色编码', field: 'RoleCode', width: 120, align: 'center', sortable: true }
                ]],
                columns: [[
                    { field: 'RoleName', title: '角色名称', width: 120, align: 'center', sortable: true },
                    { field: 'RoleSort', title: '默认排序', width: 80, align: 'center', sortable: true },
                    { field: 'opt', title: '操作', width: 100, align: 'center',
                        formatter: function (value, rec) {
                            return '<a href="#" onclick="parent.addTab(\'编辑角色[' + rec.RoleName + ']\', \'Role/Edit.aspx?RoleCode=' + rec.RoleCode + '&RoleName=' + rec.RoleName + '\')"><span style="color:red">编辑</span></a>';
                        }
                    }
                ]],
                pagination: true,
                rownumbers: true,
                onLoadSuccess: function () {
                    $('.datagrid-toolbar').append($('#txtSearch'));
                    $('#txtSearch').show();
                },
                toolbar: [
                 {
                     id: 'btnadd',
                     text: '添加',
                     iconCls: 'icon-add',
                     handler: function () {
                         parent.addTab('添加角色', 'Role/Edit.aspx');
                     }
                 }, {
                     id: 'btncut',
                     text: '删除',
                     iconCls: 'icon-cut',
                     handler: function () {
                         var codes = getSelections();
                         if (codes == '') {
                             $.messager.alert('提示消息', '请选择要删除的数据！', 'info');
                         } else {
                             $.messager.confirm('提示消息', '确定要删除所选数据吗？', function (r) {
                                 if (r) {
                                     $('#processWindow').window('open', 'aadasdsads');
                                     $.ajax({
                                         url: '../ashx/RoleHandler.ashx?Codes=' + codes,
                                         type: 'post',
                                         datatype: 'text',
                                         success: function (returnValue) {
                                             if (returnValue) {
                                                 $('#processWindow').window('close');
                                                 $('#roleList').datagrid('reload');
                                                 $('#roleList').datagrid('clearSelections');
                                             }
                                         }
                                     });
                                 }
                             });
                         }
                     }
                 }, '-',
                {
                    id: 'btnSearch',
                    text: '搜索',
                    disabled: false,
                    iconCls: 'icon-search',
                    handler: function () {
                        $('#roleList').datagrid('options').url = '../ashx/RoleHandler.ashx?RoleName=' + escape($('#txtSearch').val());
                        $('#roleList').datagrid("reload");
                    }
                }
                ]
            });
        });

        function getSelections() {
            var ids = [];
            var rows = $('#roleList').datagrid('getSelections');
            for (var i = 0; i < rows.length; i++) {
                ids.push(rows[i].RoleCode);
            }
            return ids.join(',');
        }
    </script>
</head>
<body>
    <table id="roleList">
    </table>
    <div id="processWindow" class="easyui-window" closed="true" modal="true" title="提示消息"
        style="width: 300px; height: 60px;">
        <div id="windowContent" class="general-font">
            <img src="../JQueryEasyUI/themes/gray/images/panel_loading.gif" />
            操作进行中，请稍后...
        </div>
    </div>
    <input type="text" id="txtSearch" title="请输入角色名称" style="display: none;" />
</body>
</html>

2）查询数据并生成JSON格式的数据返回

（1）datagrid请求的URL是../ashx/RoleHandler.ashx，在RoleHandler.ashx的ProcessRequest(HttpContext context)方法中构造后输出即可。如何将查询出来的数据构造为JSON格式的数据，参考这里。

（2）JsonName请使用“rows”，不要使用实体类名

5、添加

调用主窗体中的addTab方法创建新标签，定义toolbar时已经写了相关代码

id: 'btnadd',
text: '添加',
iconCls: 'icon-add',
handler: function () {
parent.addTab('添加角色', 'Role/Edit.aspx');
}

6、编辑

在定义列的时候已经写了相关代码

{ field: 'opt', title: '操作', width: 100, align: 'center',
     formatter: function (value, rec) {
           return '<a href="#" onclick="parent.addTab(\'编辑角色[' + rec.RoleName + ']\', \'Role/Edit.aspx?RoleCode=' + rec.RoleCode + '&RoleName=' + rec.RoleName + '\')"><span style="color:red">编辑</span></a>';
     }
}

7、删除

调用getSelections()函数获得选中项的标识值的列表（以","间隔），然后请求一般处理程序RoleHandler.ashx并把获取的值的列表作为参数实现删除。

$('#roleList').datagrid('reload')，重新加载datagrid，并停留在当前页。

$('#roleList').datagrid('clearSelections') ，清空已获得的选中项的标识值的列表。

8、查询

没找到可以直接在toolbar中添加查询输入框等的方法，于是通过下面方法来实现

1）在body中添加如下代码：<input type="text" id="txtSearch" title="请输入角色名称" style="display: none;" />

2）添加datagrid的onLoadSuccess事件及处理代码:

onLoadSuccess: function () {
$('.datagrid-toolbar').append($('#txtSearch'));
$('#txtSearch').show();
}

$('.datagrid-toolbar') 就是datagrid的toobar。

3）toolbar中的搜索按钮定义及事件处理代码

id: 'btnSearch',
text: '搜索',
disabled: false,
iconCls: 'icon-search',
handler: function () {
$('#roleList').datagrid('options').url = '../ashx/RoleHandler.ashx?RoleName=' + escape($('#txtSearch').val());
$('#roleList').datagrid("reload");
}

9、分页

要显示分页栏（pager），在定义datagrid代码中需将属性pagination的值设置为true，这时默认一页显示10行数据，可选择的pageSize为10,20,30,40,50，如果不用默认可以自定义：

pageList: [10, 15, 20, 25, 30, 40, 50],

pageSize: 15,

当客户端发起新的请求时，rows（每页显示的行数）和page（新的页码值）会作为参数一起传递，所以服务器端只要获得这两个参数的值就知道一行显示多少条数据和页码是多少了。

context.Request["rows"] ;

context.Request["page"] ;

【别自作聪明用context.Request.QueryString["rows"]，道理都明白】

pager的其它事件可以不做任何处理。

全部参考代码（略去引用命名空间）：

   public class RoleHttpHandler : IHttpHandler
    {
        #region IHttpHandler Members

        public bool IsReusable
        {
            get { return true; }
        }

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            BaseSqlHelper helper = new BaseSqlHelper();
            if (!String.IsNullOrEmpty(GetRoleCodes(context)))
            {
                String codes = GetRoleCodes(context);
                codes = "'" + codes.Replace(",", "','") + "'";
                helper.ExecuteNonQuery(string.Format("delete from Roles where RoleCode in({0})", codes));
                context.Response.Write("true");
            }
            else
            {
                DataTable dt = new DataTable();
                string sqlWhere = string.Format(" from Roles where RoleVisible=1 and RoleName like '%{0}%'", GetRoleName(context));
                helper.FillDataTable("select * " + sqlWhere, GetPageSize(context), GetPageIndex(context), dt);
                IList<Roles> list = new List<Roles>();
                if (dt != null && dt.Rows.Count > 0)
                {
                    foreach (DataRow dr in dt.Rows)
                    {
                        list.Add(new Roles()
                        {
                            RoleCode = dr["RoleCode"].ToString(),
                            RoleName = dr["RoleName"].ToString(),
                            RoleSort = int.Parse(dr["RoleSort"].ToString())
                        });
                    }
                }

                if (list.Count > 0)
                {
                    dt.Clear();
                    BaseFormatToJson toJson = new BaseFormatToJson();
                    string data = toJson.ListToJson<Roles>(list, "rows");
                    data = data.Substring(1);
                    context.Response.Write(
                        "{ \"total\":" +
                        helper.ExecuteScalar("select count(*) "+sqlWhere) + "," +data);
                }
            }
        }

        public String GetRoleCodes(HttpContext context)
        {
            return context.Request["Codes"];
        }

        public Int32 GetPageSize(HttpContext context)
        {
            try
            {
                return Int32.Parse(context.Request["rows"].ToString());
            }
            catch
            {
                return 10;
            }
        }

        public Int32 GetPageIndex(HttpContext context)
        {
            try
            {
                return Int32.Parse(context.Request["page"].ToString());
            }
            catch
            {
                return 1;
            }
        }

        public String GetRoleName(HttpContext context)
        {
            return context.Request["RoleName"];
        }

        #endregion
    }
}

10、禁止点击行时选中行，要选中行，仅能通过点击行前的CheckBox ，代码加在onLoadSuccess事件中：

onLoadSuccess: function () {
                    $('.datagrid-toolbar').append($('#txtSearch'));
                    $('#txtSearch').show();
                    //禁止点击行就选中
                    function bindRowsEvent() {
                        var panel = $('#List').datagrid('getPanel');
                        var rows = panel.find('tr[datagrid-row-index]');
                        rows.unbind('click').bind('click', function (e) {
                            return false;
                        });
                        rows.find('div.datagrid-cell-check input[type=checkbox]').unbind().bind('click', function (e) {
                            var index = $(this).parent().parent().parent().attr('datagrid-row-index');
                            if ($(this).attr('checked')) {
                                $('#List').datagrid('selectRow', index);
                            } else {
                                $('#List').datagrid('unselectRow', index);
                            }
                            e.stopPropagation();
                        });
                    }
                    setTimeout(function () {
                        bindRowsEvent();
                    }, 10);

11、我使用IE、FF、Chrome的最新版本进行测试，结果还是对IE（9 Beta）的兼容性最好。

本文链接

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

2011-01-21T14:01:00Z

上一篇：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>
    <script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        //全选/取消CheckBox
        function CheckAll(cbAllId) {
            var keys = $("#txtKeys").val("").val();
            //遍历页面中所有CheckBox,
            //根据GridView头中CheckBox的checked值设置所有CheckBox的checked值,
            //同时，如果Header中CheckBox为选中则获取所有其他CheckBox的值（角色编码），
            //构造：'值','值',...格式的字符串，方便in查询，
            //如果Header中CheckBox的Checked值为false则清空txtKeys中的值
            $(":checkbox").each(function () {
                //设置当前遍历到的CheckBox的选中状态跟“全选”CheckBox一样
                $(this).attr("checked", $("#cbAll").attr("checked"));
                //如果当前CheckBox选中，将值追加到隐藏域的value
                var cbValue = "'" + $(this).val() + "',";
                if ($("#cbAll").attr("checked") && $(this).attr("id") != "cbAll") {
                    keys += cbValue;
                }
            });

            $("#txtKeys").val(keys);
        }
        //单行选择
        function CheckRow(cb) {
            var keys = $("#txtKeys").val();
            var cbValue = "'" + $(cb).val() + "',";
            //移除
            if (!$(cb).attr("checked")) {
                keys = keys.replace(cbValue, "");
            } else if (keys.indexOf(cbValue) == -1) {//追加
                keys += cbValue;
            }
            $("#txtKeys").val(keys);
        }

        //删除时检查是否选中任何记录，如果是让用户确认删除操作
        function ConfirmDel() {
            if ($("#txtKeys").val().length == 0) {
                alert("请先选择要删除的数据");
                return false;
            } else {
                return confirm("确定要删除选中的数据吗?");
            }
        }
    </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>
    <script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        //全部模块全选或全取消
        function cbAllCheck(obj) {
            $("#txtPermissions").val("");
            $(":checkbox").each(function () {
                $(this).attr("checked", $(obj).attr("checked"));
                if ($(obj).attr("checked")) {
                    if ($(this).val() != "on") {
                        $("#txtPermissions").val($("#txtPermissions").val() + "," + $(this).val() + ",");
                    }
                }
            });
        }

        //当前模块全选或全取消
        function cbModuleCheck(obj, cblID) {
            $("#" + cblID).find(":input").each(function () {
                $(this).attr("checked", $(obj).attr("checked"));
                if ($(obj).attr("checked")) {
                    if ($("#txtPermissions").val().indexOf("," + $(this).val() + ",") == -1) {
                        $("#txtPermissions").val($("#txtPermissions").val() + "," + $(this).val() + ",");
                    }
                } else {
                    $("#txtPermissions").val(
                        $("#txtPermissions").val().replace("," + $(this).val() + ",", ""));
                }
            });
        }
        //当前权限选中或取消
        function cbPermissionCheck(obj) {
            if ($(obj).attr("checked")) {
                $("#txtPermissions").val($("#txtPermissions").val() + "," + $(obj).val() + ",");
            } else {
                $("#txtPermissions").val(
                        $("#txtPermissions").val().replace("," + $(obj).val() + ",", ""));
            }
        }
    </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>
    <script type="text/javascript">
        //秒数
        var count = 3;
        //setIntervalId
        var setIntervalId;
        var url = location.href;
        url = url.substring(url.indexOf("?") + 1, url.length);
        function Redirect() {
            var displayOjb = document.getElementById("showTime")
            if (count == 0) {
                //清除setInterval
                window.clearInterval(setIntervalId);
                displayOjb.innerHTML = "网页正在自动跳转";
                location.href = url;
            }
            else {
                displayOjb.innerHTML = "操作成功！" + count + "秒后网页自动跳转。";
                count--;
            }
        }
        setIntervalId = setInterval("Redirect()", 1000);
    </script>
</head>
<body>
<div id="showTime"></div>
</body>
</html>

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

本文链接

ASP.NET读取网络图片并在页面上显示

2011-01-18T01:52:00Z

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <img src="Handler.ashx?url=http://www.google.com.hk/intl/zh-CN/images/logo_cn.png"
            alt="google logo" />
    </div>
    </form>
</body>
</html>

Handler.ashx

<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Net;
using System.Drawing;
using System.IO;

public class Handler : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
        string imgUrl = context.Request["Url"];
        if (!string.IsNullOrEmpty(imgUrl))
        {
            Uri myUri = new Uri(imgUrl);
            WebRequest webRequest = WebRequest.Create(myUri);
            WebResponse webResponse = webRequest.GetResponse();
            Bitmap myImage = new Bitmap(webResponse.GetResponseStream());

            MemoryStream ms = new MemoryStream();
            myImage.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
            context.Response.ClearContent();
            context.Response.ContentType = "image/Jpeg";
            context.Response.BinaryWrite(ms.ToArray());
        }
    }

    public bool IsReusable {
        get {
            return false;
        }
    }
}

补充：

读取本地文件，如：d:/1.jpg

<%@ WebHandler Language="C#" Class="Handler2" %>

using System;
using System.Web;
using System.IO;
using System.Drawing;

public class Handler2 : IHttpHandler {

    public void ProcessRequest(HttpContext context)
    {
        string path = context.Request.QueryString["path"];
        if (!string.IsNullOrEmpty(path))
        {
            FileStream fs = new FileStream(@path, FileMode.Open, FileAccess.Read);
            Bitmap myImage = new Bitmap(fs);

            MemoryStream ms = new MemoryStream();
            myImage.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
            context.Response.ClearContent();
            context.Response.ContentType = "image/Jpeg";
            context.Response.BinaryWrite(ms.ToArray());
        }
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

}

本文链接

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

2011-01-12T15:53:00Z

这里用PowerDesigner做一个初步的设计，后面可能会有修改。

1、启动PowerDesigner新建物理数据模型

2、工具栏

3、新建表模型

4、添加第一张表，可以双击表或右键菜单打开下面窗口

别忘了把Owner选上dbo，然后切换到Columns选项卡

完成后，表的模样是下图这副德行的

按此步骤依次添加其他表

6、添加表关系，选中工具箱的关系工具，由从表拖向主表，双击关系出现右侧窗口

7、配置数据库连接

8、创建数据库并在数据库中生成表，这里我是先在SQL Server Management Studio中先创建了数据库，然后

由于数据库已生成并存在dbo架构，所以把勾都去掉，剩下都保持默认就可以了，这里要注意，如果数据库中已经存在表，并且想保留数据，就要在【Options】这里好好选选了，后面的【Selection】也是

直接【Run】后，在数据库中可以看到生成的表。

本文链接

Visual Studio 2010 架构图之用例图（UML Use Case Diagram）

2011-01-10T15:17:00Z

使用Visual Studio 2010可以在项目中添加架构图，项目可以是ASP.NET、Windows Forms、...，也可以创建单独的Modeling Projects。

可以通过下图方式在项目中添加架构图（菜单栏===>Tools===>New Diagram）：

在下面窗口中选择架构图的类型

用例图的工具说明：

1、Actor，参与者/角色，系统的理想用户，通过向系统输入或请求系统输入某些事件来触发系统的执行。包括:

（1）系统用户

（2）其它系统，如：购物网站使用支付宝在线支付，支付完成后再跳转到购物网站处理下一步。

（3）可以运行的进程，如：时间，经过一定时间触发系统某个事件执行。

2、User Case，用例，用户与系统的交互，外部可见的系统功能单元。比如像增、删、改、查这样的功能点。

3、Comment，注释。

4、Association，关联关系，描述参与者与用例之间的关系、通信。

5、Dependency，依赖关系，用于链接表示不同版本或变体的子系统/用例，源模型指向目标模型。

6、Include，包含关系，一个用例用其它更简单的用例来描述，定义行为更为明确的用例。

7、Extend，扩展关系，基础用例的增量扩展，只有满足特定的条件，扩展用例才会被执行。

上图中，缴纳罚金只有在比如有车损、租赁超期等情况下才会发生。

8、Generalization，泛化关系，一般化到特殊化的关系，一个用例可以被特例为一个或多个子用例，子用例表示基用例的特殊形式。

9、CommentLink：注释链接。

MSDN中一个综合一点的例子：

更多资料：

ASP.NET MVC3 新的视图引擎（View Engine）

2011-01-09T13:15:00Z

直到ASP.NET MVC2，微软为开发者提供的视图模板依然是传统的.aspx/.ascx/.master。

从ASP.NET MVC3开始，开发者将有更多的选择，视图模板包括：ASPX、RAZOR、NHAML和SPARK。

ASP.NET MVC3之前，开发者写代码块是这个样子：

使用的是<%=%>块

而如果使用Rator视图引擎，用一个@字母即可

循环情况代码对比：

看一下Spark视图引擎的代码：

<viewdata products="IEnumerable[[Product]]"/>
<ul if="products.Any()">
<li each="var p in products">${p.Name}</li>
</ul>
<else>
<p>No products available</p>
</else>

更多资料，访问ScottGu's Blog：

Introducing “Razor” – a new view engine for ASP.NET

本文链接

一个德国人图解中西文化差异（值得一看）

2010-12-24T08:59:00Z

微博上看到的，

一个德国人图解中西文化差异，

有些太形象了，

看看你是中国人还是外国人，呵呵。

http://t.sina.com.cn/1825050563/5KC58rZ0dN2

本文链接

微软AJAX CDN（内容分发网络）

2010-12-23T03:38:00Z

微软 AJAX CDN（内容分发网络，Content Delivery Network）让你轻松添加主流的JavaScript库诸如JQuery到你的Web应用程序。例如，通过简单的添加<script>标签到你的页面并指向ajax.aspnetcdn.com你就可以开始使用JQuery。

借助微软AJAX CDN的优势，你可以显著提高你的AJAX应用程序的性能。微软CDN内容缓存在遍布世界各地的服务器上。此外，微软AJAX CDN可以让浏览器为位于不同域上的Web站点重用JavaScript文件。

如果你需要使用安全套接字层提供网页服务，微软AJAX CDN支持SSL(HTTPS)。

微软AJAX CDN包含下列由社区成员上传的库：

JQuery (owned by the jQuery Team — www.jQuery.com)
JQuery UI (owned by the jQuery UI Team — www.jQueryUI.com)
JQuery Validation (owned by the jQuery team – www.jQuery.com)
JQuery Cycle
Ajax Control Toolkit (owned by the CodePlex Foundation – www.codeplex.org)

微软AJAX CDN还包括下列由微软上传的库：

ASP.NET Ajax
ASP.NET MVC JavaScript Files

更多说明、用法DEMO，查看原文。

本文链接

注册使用GAC—Global Assembly Cache（.NET）

2010-12-17T03:09:00Z

本文将一些资料进行整理，后面附带Demo。

1、什么是GAC？GAC解决什么问题？

GAC全称为： Global Assembly Cach（全局程序集缓存），你可以在你的电脑的系统盘如：C:\Windows\assembly\看到目前计算机上安装的GAC。

GAC的作用是可以存储一些有多个应用都要用到的公共的Assembly（程序集），例如System.Data、System.Windows.Forms等。这样，多个应用就可以从GAC中取得 Assembly，而不需要在所有应用中把要用到的Assembly都拷贝到应用程序的相关目录下面（比如：Windows应用程序的Debug目录，ASP.NET的bin目录）。

举一个最简单的例子，很多初学.NET的开发人员进行数据访问都是从SqlHelper.cs开始的，SqlHelper是一个数据访问对象，提供对数据库操作的各种方法，名字大概是学从PetShop吧，样子大概是这个样子，又或是这个样子，且不管长啥样，如果部署在服务器上的多个应用都使用此对象，那么基本上会有下面几种类似的处理方法：

（1）将此类直接拷贝到项目中使用；

（2）建一个类库项目，包含此类，然后编译为dll，再在应用中添加引用以使用此程序集中的SqlHelper；

（3）将（2）中的dll注册为GAC，直接在应用中使用，就像使用System.IO、System.Net一样；

当SqlHelper.cs更新后，对于（1）和（2）你可能会感觉到非常痛苦，因为要逐个应用去替换，而对于（3）则简单多了，只需要将编译后的dll重新注册到GAC就可以了。

记得在MSDN曾经看到过一句话，说是“.NET程序集解决了DLL Hell”的问题。

说这里，先说个故事：有一天，一个朋友的同事问我，“写过动态链接库吗？”，我一时竟然没想起是什么，平常说dll太多了，几乎都忘记“动态链接库”这几个字了，不过还好，脑子里还有抹不去的记忆。

“.NET程序集解决了DLL Hell”关键一点就是相同名称而不同版本的程序集可以共存，打开Assembly所在目录，如：C:\Windows\assembly，看一下就比较清楚了。

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->using System;
using GACDemo;

namespace gacwebdemo
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Response.Write(Function.GetStringLength("hello"));
        }
    }
}

编译网站。

在IIS中发布网站：

VS2008直接右击项目发布网站。

VS2010右击网站点击发布，选择文件系统。

发布后的文件目录：

然后在IIS中发布网站（这里是IIS7）：

然后浏览default.aspx，看到输出的结果是3。

其它参考资料：

在 GAC 中安装程序集

如何在 GAC 中安装程序集

Global Assembly Cache

如何在 Visual C# .NET 中将程序集安装到全局程序集缓存中

本文链接

ASP.NET 递归将分类绑定到 TreeView

2010-12-14T02:38:00Z

原始问题来源：http://topic.csdn.net/u/20101213/10/e0616370-4790-4542-816e-2ee960defbc0.html

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TreeView ID="treeMenu" runat="server">
        </asp:TreeView>
    </div>
    </form>
</body>
</html>

using System;

using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page
{
    private readonly string ConnString = @"server=.\MSSQLSERVER2008;database=chart;uid=sa;pwd=123456";
    private DataTable dt = null;
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!IsPostBack)
        {
            dt = new DataTable();
            GetMenuToDataTable("select * from sysMenuTree",dt);
            BindTree(dt,null,"0");
        }
    }

    private void BindTree(DataTable dtSource,TreeNode parentNode,string parentID)
    {
        DataRow[] rows = dtSource.Select(string.Format("ParentID={0}",parentID));
        foreach(DataRow row in rows)
        {
            TreeNode node = new TreeNode();
            node.Text = row["sText"].ToString();
            node.Value = row["sValue"].ToString();
            BindTree(dtSource,node,row["NoteId"].ToString());
            if(parentNode ==  null)
            {
                treeMenu.Nodes.Add(node);
            }
            else
            {
                parentNode.ChildNodes.Add(node);
            }
        }
    }

    private DataTable GetMenuToDataTable(string query,DataTable dt)
    {
        using(SqlConnection conn = new SqlConnection(ConnString))
        {
            SqlCommand cmd = new SqlCommand(query,conn);
            SqlDataAdapter ada = new SqlDataAdapter(cmd);
            ada.Fill(dt);
        }
        return dt;
    }
}

本文链接