asp.net夜话之十：复合控件和母板页

asp.net夜话之十：复合控件和母板页_第1张图片

 

本篇要讲述的知识点如下：
TreeView控件
MultiView控件
Javascript方式的选项卡
WiZard控件
MasterPage母板页

 

TreeView控件
在我们的开发中经常会遇到一些有树形层次关系的数据，比如显示无限级分类和显示某个文件下的所有文件及文件夹，对于这些带有树形层次关系的数据的显示用TreeView控件是一个比较不错的选择。TreeView控件支持数据绑定也支持以编程的方式动态添加节点。在TreeView控件中每个节点都是一个TreeNode对象，我们可以通过TreeNode对象的Nodes属性来添加其它的TreeNode对象，使之成为这个TreeNode对象的子节点。
TreeView对象有以下常见属性：


属性名 说明
CheckedNodes 获取选中了复选框的节点
CollapseImageUrl 节点折叠时的图象
DataSource 绑定到TreeView控件的数据源
DataSourceID 绑定到TreeView控件的数据源控件的ID
EnableClientScript 是否允许客户端处理展开和折叠事件
ExpandDepth 第一次显示时所展开的级数
ExpandImageUrl 节点展开的时的图象
NoExpandImageUrl 不可折叠（即无字节点）的节点的图象
PathSeparator 节点之间的值的路径分隔符
SelectedNode 当前选中的节点
SelectedValue 当前选中的值
ShowCheckBoxes 是否在节点前显示复选框
下面是一个简单的例子。我们的数据都是从一个XML文件中读取的，并将它的节点通过代码的方式添加到TreeView控件中。这个XML文件的物理文件名为area.xml，与下面的asp.net在同一个文件夹下，它的内容如下：

 

  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <Area>
  3.   <Province iAreaID ="1" cAreaName="北京市"/>
  4.   <Province iAreaID ="2" cAreaName="上海市"/>
  5.   <Province iAreaID ="3" cAreaName="天津市"/>
  6.   <Province iAreaID ="4" cAreaName="重庆市"/>
  7.   <Province iAreaID ="5" cAreaName="湖北省">
  8.     <City iAreaID ="51" cAreaName="武汉市"/>
  9.     <City iAreaID ="52" cAreaName="黄冈市" />
  10.     <City iAreaID ="53" cAreaName="荆州市"/>
  11.     <City iAreaID ="54" cAreaName="武穴市" />
  12.     <City iAreaID ="55" cAreaName="十堰市"/>
  13.     <City iAreaID ="56" cAreaName="黄石市" />
  14.   </Province>
  15.   <Province iAreaID ="6" cAreaName="河北省">
  16.     <City iAreaID ="61" cAreaName="石家庄市"/>
  17.     <City iAreaID ="62" cAreaName="唐山市" />
  18.   </Province>
  19.   <Province iAreaID ="7" cAreaName="山西省">
  20.     <City iAreaID ="71" cAreaName="太原市" />
  21.     <City iAreaID ="72" cAreaName="大同市" />
  22.   </Province>
  23. </Area>

前台代码：


 

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreeDemo.aspx.cs" Inherits="TreeDemo" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>TreeView控件的例子</title>
  6. </head>
  7. <body>
  8.     <form id="form1" runat="server">
  9.     <div>
  10.         <asp:TreeView ID="treeAreaList" runat="server" AutoGenerateDataBindings="False" OnSelectedNodeChanged="Tree_SelectedNodeChanged">
  11.         </asp:TreeView>
  12.         </div>
  13.     </form>
  14. </body>
  15. </html>

后台代码如下：

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. using System.Xml;
  12. using System.Xml.XPath;
  13. public partial class TreeDemo : System.Web.UI.Page
  14. {
  15.     XmlDocument xmlDoc;
  16.     protected void Page_Load(object sender, EventArgs e)
  17.     {
  18.         if (!Page.IsPostBack)
  19.         {
  20.             MakeParentNode();
  21.         }
  22.     }
  23.     #region  //生成父结点
  24.     /// <summary>
  25.     /// 生成
  26.     /// </summary>
  27.     protected void MakeParentNode()
  28.     {
  29.         treeAreaList.Nodes.Clear();
  30.         xmlDoc = new XmlDocument();
  31.         xmlDoc.Load(Server.MapPath("area.xml "));//动态加载XML文档 
  32.         XmlNodeList nodeList = xmlDoc.SelectSingleNode("Area").ChildNodes;//获取Area节点下的所有子结点 
  33.         //定义Area结点 
  34.         TreeNode topNode = new TreeNode();//定义顶级节点
  35.         topNode.Text = "area ";
  36.         //  tn.Value = "-1"; 
  37.         topNode.Expanded = true;
  38.         treeAreaList.Nodes.Add(topNode);//添加"区域"父结点 
  39.         XmlElement element = null;
  40.         TreeNode treeNode = null;
  41.         //遍历区域下的所有省和直辖市 
  42.         foreach (XmlNode node in nodeList)
  43.         {
  44.             element = (XmlElement)node;
  45.             treeNode = new TreeNode();
  46.             treeNode.Text = element.GetAttribute("cAreaName");//在树控件上显示省或直辖市的名称 
  47.             treeNode.Value = element.GetAttribute("iAreaID");//获取节点值
  48.             treeNode.Expanded = true;
  49.             topNode.ChildNodes.Add(treeNode);//将省或直辖市级结点添加到顶级节点中 
  50.             MakeChildNode(node.ChildNodes, treeNode);//通过递归将所有子节点添加到节点集合中
  51.         }
  52.     }
  53.     #endregion
  54.     #region  //生成子结点
  55.     /// <summary>
  56.     /// 递归将子节点添加到当前节点下
  57.     /// </summary>
  58.     /// <param name="nodeList">XmlNodeList的实例</param>
  59.     /// <param name="treeNode">要添加子节点的父节点</param>
  60.     protected void MakeChildNode(XmlNodeList nodeList, TreeNode treeNode)
  61.     {
  62.         XmlElement element = null;
  63.         TreeNode subTreeNode = null;
  64.         //遍历省级节点下的所有市，市辖区 
  65.         foreach (XmlNode node in nodeList)
  66.         {
  67.             element = (XmlElement)node;
  68.             subTreeNode = new TreeNode();
  69.             subTreeNode.Text = element.GetAttribute("cAreaName");//在树控件上显示市或市辖区的名称 
  70.             subTreeNode.Value = element.GetAttribute("iAreaID");//这里设置节点Value
  71.             subTreeNode.Expanded = true;
  72.             treeNode.ChildNodes.Add(subTreeNode);//将子结点添加到父结点下面 
  73.             MakeChildNode(node.ChildNodes, subTreeNode);//递归调用本方法
  74.         }
  75.     }
  76.     #endregion
  77.     protected void Tree_SelectedNodeChanged(object sender, EventArgs e)
  78.     {
  79.         Response.Write("节点的值：" + treeAreaList.SelectedNode.Value+"<br/>");
  80.         Response.Write("节点的路径：" + treeAreaList.SelectedNode.ValuePath + "<br/>");
  81.         Response.Write("节点的数据路径：" + treeAreaList.SelectedNode.DataPath + "<br/>");
  82.     }
  83. }


有关XML文件的读取是一个比较复杂的问题，这里在代码中仅对程序中所使用的代码进行了详尽的注释。这个页面的运行效果如下：
asp.net夜话之十：复合控件和母板页_第2张图片 
因为我们给TreeView控件的SelectedNodeChanged事件添加了处理方法，所以当我们点击节点时会进行相关的处理，下面是点击黄冈市的效果：

asp.net夜话之十：复合控件和母板页_第3张图片

 

MultiView控件
MultiView控件是一个比较复杂一点控件，它有点类似于WinForm中的TabControl控件，它是View控件的容器，而View控件则可以当作控件的容器，类似于WinForm中的TabPage控件。
一次只能设置一个View控件为活动视图，只有处于活动状态的View才会呈现到客户端。如果没有设置任何View为活动视图则不向客户端呈现任何内容。可以通过设计视图或者编码的方式设置活动视图。
MultiView有两个常见属性：
ActiveViewIndex: 当前活动的View索引，我们通常就是通过设置ActiveViewIndex来控制View的显示的。
Views：当前MultiView控件的View集合
下面是一个利用MultiView控件实现的类似于Windows应用程序中的选项卡式效果。前台设计代码如下：


 

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiViewDemo.aspx.cs" Inherits="MultiViewDemo" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>MultiView应用实例</title>
  6.     <style type="text/css">
  7.     body
  8. {
  9.     font-size: 11pt;
  10.     font-family: 宋体;
  11. }
  12. .mainTitle
  13. {
  14.     font-size: 12pt;
  15.     font-weight: bold;
  16.     font-family: 宋体;
  17. }
  18. .commonText
  19. {
  20.     font-size: 11pt;
  21.     font-family: 宋体;
  22. }
  23. .littleMainTitle
  24. {
  25.     font-size: 10pt;
  26.     font-weight: bold;
  27.     font-family: 宋体;
  28. }
  29. .TopTitle
  30. {
  31.     border: 0px;
  32.     font-size: 10pt;
  33.     font-weight: bold;
  34.     text-decoration: none;
  35.     color: Black;
  36.     display: inline-block;
  37.     width: 100%;    
  38. }
  39. .SelectedTopTitle
  40. {
  41.     border: 0px;
  42.     font-size: 10pt;
  43.     text-decoration: none;
  44.     color: Black;
  45.     display: inline-block;
  46.     width: 100%;
  47.     background-color: White;
  48. }
  49. .ContentView
  50. {
  51.     border: 0px;
  52.     padding: 3px 3px 3px 3px;
  53.     background-color: White;
  54.     display: inline-block;
  55.     width: 390px;
  56. }
  57. .SepBorder
  58. {
  59.     border-top-width: 0px;
  60.     border-left-width: 0px;
  61.     font-size: 1px;
  62.     border-bottom: Gray 1px solid;
  63.     border-right-width: 0px;
  64. }
  65. .TopBorder
  66. {
  67.     border-right: Gray 1px solid;
  68.     border-top: Gray 1px solid;
  69.     background: #DCDCDC;
  70.     border-left: Gray 1px solid;
  71.     color: black;
  72.     border-bottom: Gray 1px solid;
  73. }
  74. .ContentBorder
  75. {
  76.     border-right: Gray 1px solid;
  77.     border-top: Gray 0px solid;
  78.     border-left: Gray 1px solid;
  79.     border-bottom: Gray 1px solid;
  80.     height: 100%;
  81.     width: 100%;
  82. }
  83. .SelectedTopBorder
  84. {
  85.     border-right: Gray 1px solid;
  86.     border-top: Gray 1px solid;
  87.     background: none transparent scroll repeat 0% 0%;
  88.     border-left: Gray 1px solid;
  89.     color: black;
  90.     border-bottom: Gray 0px solid;
  91. }
  92.     </style>
  93. </head>
  94. <body>
  95.     <form id="form1" runat="server">
  96.     <div>
  97.     <fieldset style="width:400px">
  98.             <legend>MultiView应用实例</legend>
  99.             <table cellpadding="0" cellspacing="0" width="100%" border="0">
  100.                 <tr>
  101.                     <td>
  102.                         <table id="Table1" runat="server" cellpadding="0" cellspacing="0" width="100%" border="0">
  103.                             <tr style="height:22px">
  104.                                 <td class="SelectedTopBorder" id="Cell1" align="center" style="width:80px;">
  105.                                     <asp:LinkButton ID="lButtonCompany" runat="server" OnClick="lButtonCompany_Click">公司介绍</asp:LinkButton></td>
  106.                                 <td class="SepBorder" style="width:2px; height: 22px;"></td>
  107.                                 <td class="TopBorder" id="Cell2" align="center" style="width:80px;">
  108.                                     <asp:LinkButton ID="lButtonProduct" runat="server" OnClick="lButtonProduct_Click">产品介绍</asp:LinkButton></td>
  109.                                 <td class="SepBorder" style="width:2px; height: 22px;"></td>
  110.                                 <td class="TopBorder" id="Cell3" align="center" style="width:80px;">
  111.                                     <asp:LinkButton ID="lButtonContact" runat="server" OnClick="lButtonContact_Click">联系我们</asp:LinkButton></td>
  112.                                 <td class="SepBorder" style="width:2px; height: 22px;"></td>
  113.                             </tr>
  114.                         </table>
  115.                     </td>
  116.                 </tr>
  117.                 <tr>
  118.                     <td>
  119.                         <table class="ContentBorder" cellpadding="0" cellspacing="0" width="100%">
  120.                               <tr>
  121.                                   <td valign="top">
  122.                                       <asp:MultiView ID="mvCompany" runat="server" ActiveViewIndex="0">
  123.                                           <asp:View ID="View1" runat="server">
  124.                                                         我们公司是一个正在上升时期的公司。公司目前有中科院计算机院士3人，博士后32人，博士63人，研究生120人，本科生356人，具有非常强大研发实力。</asp:View>
  125.                                           <asp:View ID="View2" runat="server">
  126.                                               我们有丰富的产品线，还可以为用户单独定制。目前有CMS文章发布系统、CRM客户资源关系管理系统、OA自动办公系统、BBS论坛系统及ERP企业资产管理系统等等，正在研发的软件有GPS车辆定位导航系统及工作流定制系统等等。</asp:View>
  127.                                           <asp:View ID="View3" runat="server">
  128.                                               本公司热烈欢迎技术界和销售界的精英加入我们的团队，待遇优厚。我们的联系方式是119，传真是110，客服电话是120，售后电话114。</asp:View>
  129.                                        </asp:MultiView>
  130.                                   </td>
  131.                               </tr>
  132.                            </table>
  133.                        </td>
  134.                   </tr>
  135.             </table>
  136.         </fieldset>
  137.     </div>
  138.     </form>
  139. </body>
  140. </html>

后台程序代码如下：

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. public partial class MultiViewDemo : System.Web.UI.Page
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {
  15.     }
  16.     /// <summary>
  17.     /// 点击公司介绍时的css设置
  18.     /// </summary>
  19.     /// <param name="sender"></param>
  20.     /// <param name="e"></param>
  21.     protected void lButtonCompany_Click(object sender, EventArgs e)
  22.     {
  23.         mvCompany.ActiveViewIndex = 0;
  24.         Cell1.Attributes["class"] = "SelectedTopBorder";
  25.         Cell2.Attributes["class"] = "TopBorder";
  26.         Cell3.Attributes["class"] = "TopBorder";
  27.     }
  28.     /// <summary>
  29.     /// 点击产品介绍时的css设置
  30.     /// </summary>
  31.     /// <param name="sender"></param>
  32.     /// <param name="e"></param>
  33.     protected void lButtonProduct_Click(object sender, EventArgs e)
  34.     {
  35.         mvCompany.ActiveViewIndex = 1;
  36.         Cell1.Attributes["class"] = "TopBorder";
  37.         Cell2.Attributes["class"] = "SelectedTopBorder";
  38.         Cell3.Attributes["class"] = "TopBorder";
  39.     }
  40.     /// <summary>
  41.     /// 点击联系我们时的css设置
  42.     /// </summary>
  43.     /// <param name="sender"></param>
  44.     /// <param name="e"></param>
  45.     protected void lButtonContact_Click(object sender, EventArgs e)
  46.     {
  47.         mvCompany.ActiveViewIndex = 2;
  48.         Cell1.Attributes["class"] = "TopBorder";
  49.         Cell2.Attributes["class"] = "TopBorder";
  50.         Cell3.Attributes["class"] = "SelectedTopBorder";
  51.     }
  52. }


页面在设计视图状态下的效果：
asp.net夜话之十：复合控件和母板页_第4张图片 
下面分别是点击“公司介绍”、“产品介绍”及“联系我们”时的效果。
“公司介绍”效果
asp.net夜话之十：复合控件和母板页_第5张图片 
“产品介绍”效果
asp.net夜话之十：复合控件和母板页_第6张图片 
“联系我们”效果
asp.net夜话之十：复合控件和母板页_第7张图片 
因为在上面的实现方式中每次点击都会引起向服务器回传，在实际项目中有时候也会采用javascript来实现类似的选项卡式效果。用javascript实现选项卡式效果比使用MultiView控件实现选项卡式效果要复杂一些，因为要编写一些客户端脚本代码。
下面是一个用javascript来实现的选项卡式效果的例子，完全采用输出HTML代码的方式。在这个例子中我们通过css和div来控制当前活动选项卡和非活动选项卡的显示与否及显示样式，疑难部分笔者都做了详尽注释，读者朋友完全可以根据自己的实际需要把代码改造成自己想要的效果。
以下是设计部分代码：


 

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JavaScriptMenu.aspx.cs" Inherits="JavaScriptMenu" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>JavaScript实现的选项卡式效果</title>
  6.     <script language="javascript" type="text/javascript">
  7.     function Show_Sub(id_num,num,obj)
  8.     { 
  9.         for(var i = 0;i <= 9;i++)
  10.         {
  11.             if(GetObj("tabb" + id_num + i))
  12.             {
  13.                 GetObj("tabb" + id_num + i).className = 'guide2';
  14.             }
  15.             if(GetObj("subb" + id_num + i))
  16.             {
  17.                 GetObj("subb" + id_num + i).style.display = 'none';
  18.             }
  19.         }
  20.         if(GetObj("tabb" + id_num + num))
  21.         {
  22.             GetObj("tabb" + id_num + num).className = 'guide1';
  23.         }
  24.         if(GetObj("subb" + id_num + num))
  25.         {
  26.             GetObj("subb" + id_num + num).style.display = 'block';
  27.         }
  28.     }
  29.     function GetObj(objName)
  30.     {
  31.         if(document.getElementById)
  32.         {
  33.             return eval('document.getElementById("' + objName + '")');
  34.         }
  35.         else
  36.         {
  37.             return eval('document.all.' + objName);
  38.         }
  39.     }
  40. </script>
  41. <style type="text/css">
  42. .guide1 {
  43.  cursor: hand;
  44.  color: #003399;
  45.  background-color:#3399FF;
  46.  font-weight: bold;
  47.  text-decoration: none;
  48.  border-right: 1px solid #A2C0FE;
  49.  height: 25px;
  50.  line-height: 25px;
  51. }
  52. .guide2 {
  53.  cursor: hand;
  54.  border-right: 1px solid #A2C0FE;
  55.  line-height: 25px;
  56. }
  57. .24line {line-height: 24px;}
  58. .pad5 {padding:5px;}
  59. .padtop2 {padding-top:2px;}
  60. .padtop5 {padding-top:5px;}
  61. .t {border-top: 1px solid #A2C0FE;}
  62. .b {border-bottom: 1px solid #A2C0FE;}
  63. .l {border-left: 1px solid #A2C0FE;}
  64. .r {border-right: 1px solid #A2C0FE;}
  65. .right{
  66.  float:right;
  67.  color: #999999;
  68.  }
  69. .left{
  70.  float:left;
  71.  color: #999999;
  72.  }
  73. </style>
  74. </head>
  75. <body>
  76.     <form id="form1" runat="server">
  77.     <div>
  78.     <%=GetUserPanel(0) %>
  79.     </div>
  80.     </form>
  81. </body>
  82. </html>

下面是后台代码：


 

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. using System.Text;
  12. using System.Data.SqlClient;
  13. public partial class JavaScriptMenu : System.Web.UI.Page
  14. {
  15.     protected void Page_Load(object sender, EventArgs e)
  16.     {
  17.     }
  18.     //在本页面中多次要查询数据库，为了简单起见，把对数据库的查询操作提出来作为一个单独的方法
  19.     //这个方法会根据查询SQL语句的不同而返回不同数据的DataTable
  20.     private DataTable GetDataTable(string sql)
  21.     {
  22.         SqlConnection connection = new SqlConnection("Data Source=(local);Initial Catalog=AspNetStudy;Persist Security Info=True;User ID=sa;Password=sa");
  23.         SqlCommand command = new SqlCommand(sql, connection);
  24.         SqlDataAdapter adapter = new SqlDataAdapter(command);
  25.         DataTable data = new DataTable();
  26.         adapter.Fill(data);
  27.         return data;
  28.     }
  29.     /// <summary>
  30.     /// 按照UserName字段的首字母顺序查找用户，并以类似于选项卡的方式显示出来
  31.     /// 说明:在实际项目中可能一个页面要输出多个选项卡式效果，可以以不同的type来区分
  32.     /// 以达到公用一个方法的目的
  33.     /// </summary>
  34.     /// <param name="type">类别编号</param>
  35.     /// <returns></returns>
  36.     public string GetUserPanel(int type)
  37.     {
  38.         //因为多次需要操作字符串，为提高性能使用了System.Text.StringBuilder类而非string类
  39.         StringBuilder text = new StringBuilder(4096);
  40.         //表头
  41.         text.AppendLine("<!--------start----->");
  42.         text.AppendLine("<table width=/"400/" border=/"0/" cellspacing=/"0/" cellpadding=/"0/">");
  43.         text.AppendLine("<tr>");
  44.         text.AppendLine("<td height=/"168/" valign=/"top/" class=/"padtop2/"><table width=/"100%/" border=/"0/" cellspacing=/"0/" cellpadding=/"0/">");
  45.         text.AppendLine("<tr>");
  46.         text.AppendLine("<td height=/"168/" valign=/"top/" class=/"pad5 24line b l t r/">/n<table width=/"100%/" border=/"0/" cellspacing=/"0/" cellpadding=/"0/">");
  47.         text.AppendLine("<tr>");
  48.         text.AppendLine("<td><table width=/"100%/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/" class=/"l t b/">/n");
  49.         text.AppendLine("<tr>");
  50.         //这里仅列出UserName字段首字母为'c','d','l','z'的用户
  51.         char[] firstChar=new char[]{'c','d','l','z'};
  52.         #region 输出选项卡标签
  53.         for (int i = 0; i < firstChar.Length; i++)
  54.         {
  55.             text.AppendLine("<td  class=/"guide" + ((i + 1) >= 2 ? 2 : 1) + "/" id=/"tabb" + type + "" + i + "/" onmousemove=Show_Sub(" + type + "," + i + ",this) align=/"center/">" + firstChar[i] + "</td>");
  56.         }
  57.         #endregion
  58.         text.AppendLine("</tr></table>");
  59.         text.AppendLine("</td></tr><tr><td class=/"padtop5/">");
  60.         #region 输出每个选项卡下的用户
  61.         for (int i = 0; i < firstChar.Length; i++)
  62.         {
  63.             if (i == 0)
  64.             {
  65.                 text.AppendLine("<div id=/"subb" + type + i + "/"  class=/"24line/">/n");
  66.             }
  67.             else
  68.             {
  69.                 text.AppendLine("<div id=/"subb" + type + i + "/"  style=/"DISPLAY: none/"  class=/"24line/">/n");
  70.             }
  71.             DataTable dataPersonList = GetDataTable("select UserName,RealName from UserInfo where UserName like '" + firstChar[i] + "%'");
  72.             DataRow row = null;
  73.             //输出每个用户的信息
  74.             for (int j = 0; j < dataPersonList.Rows.Count; j++)
  75.             {
  76.                 row = dataPersonList.Rows[j];                
  77.                 text.AppendLine("<div class=/"left/">" + row["UserName"].ToString() + "</div>");
  78.                 text.Append("<div class=/"right/">" + row["RealName"].ToString() + "</div>");
  79.                 text.AppendLine("</br>");
  80.             }
  81.             text.AppendLine("</div>");
  82.         }
  83.         #endregion
  84.         text.AppendLine("</td>/n</tr>/n</table>/n</td>/n</tr></table></td></tr></table>");
  85.         text.AppendLine("<!------end--->");
  86.         return text.ToString();
  87.     }
  88. }

这个程序显示效果如下：
asp.net夜话之十：复合控件和母板页_第8张图片 
点击“z”选项卡时的效果：
asp.net夜话之十：复合控件和母板页_第9张图片 
用Javascript实现的选项卡式效果比用MultiView控件实现同样的效果要复杂很多，但是它有一个有点就是在选项卡之间切换时不用每次刷新页面和读取数据库。

 

WiZard控件
WiZard控件非常类似于我们常见的Windows中的向导控件，用于分步骤收集用户提交的数据。
下面是拖入一个WiZard控件到空白页面的效果：
asp.net夜话之十：复合控件和母板页_第10张图片 
和MultiView类似，WiZard是一个WizardStepBase的容器，每个WizardStepBase类似于一个View。与MultiView不同的是，WizardStepBase上显示有上下步骤之间的导航，我们可以控制当前WizardStepBase中的导航样式，这可以通过WizardStepBase的StepType属性来控制。如果进行设置，那么每个WizardStepBase的StepType属性为Auto。下面列出了WizardStepBase的StepType属性的所有可能值：

 

StepType值 显示行为和结果
WizardStepType.Auto 由声明该WizardStepBase的顺序决定
WizardStepType.Complete 整个步骤最后一步，不显示任何导航按钮
WizardStepType.Finish 收集数据的最后一步，显示“完成”导航按钮
WizardStepType.Start 要显示的第一个步骤，不显示“上一步”导航按钮
WizardStepType.Step 介于第一个和最后一个步骤，显示“上一步”、“下一步”按钮

在页面中添加一个Wizard控件之后，点击“添加/移除WiZardSteps…”按钮，出现如下界面：
asp.net夜话之十：复合控件和母板页_第11张图片 
我们可以设置每一个步骤的Title属性，这个属性是显示每个步骤的名称的。然后再添加每个步骤应该显示的内容。
下面以代码模拟一个找回密码的功能，前台代码如下：


 

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WiZardDemo.aspx.cs" Inherits="WiZardDemo" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>WiZard控件用法</title>
  6. </head>
  7. <body>
  8.     <form id="form1" runat="server">
  9.     <div>
  10.         <asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" Width="400" OnActiveStepChanged="Wizard1_ActiveStepChanged">
  11.             <WizardSteps>
  12.                 <asp:WizardStep runat="server" Title="第一步" StepType="Start">
  13.                 <table border="0" cellpadding="0" cellspacing="0">
  14.                 <tr><td>请输入用户名</td><td><asp:TextBox runat="server" ID="txtUserName"></asp:TextBox></td></tr>
  15.                 </table>
  16.                     <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic"
  17.                         ErrorMessage="请输入用户名" ControlToValidate="txtUserName"></asp:RequiredFieldValidator>
  18.                 </asp:WizardStep>
  19.                 <asp:WizardStep runat="server" Title="第二步" StepType="Step">
  20.                 <table border="0" cellpadding="0" cellspacing="0">
  21.                 <tr><td>你的密码提示问题</td><td><asp:Label runat="server" ID="lbQuestion"></asp:Label></td></tr>
  22.                 <tr><td>你的密码提示答案</td><td><asp:TextBox runat="server" ID="txtAnswer"></asp:TextBox></td></tr>
  23.                 </table>
  24.                     <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtAnswer"
  25.                         ErrorMessage="请输入密码提示答案"></asp:RequiredFieldValidator>
  26.                 </asp:WizardStep>
  27.                 <asp:WizardStep runat="server" StepType="Finish" Title="第三步">
  28.                 <table border="0" cellpadding="0" cellspacing="0">
  29.                 <tr><td>请输入新密码</td><td>
  30.                     <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
  31.                 </td></tr>
  32.                 <tr><td>请确认新密码</td><td><asp:TextBox runat="server" ID="txtCPassword"></asp:TextBox></td></tr>
  33.                 </table>
  34.                     <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtPassword"
  35.                         Display="Dynamic" ErrorMessage="请输入新密码"></asp:RequiredFieldValidator>
  36.                     <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtCPassword"
  37.                         Display="Dynamic" ErrorMessage="请确认新密码"></asp:RequiredFieldValidator>
  38.                     <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPassword"
  39.                         ControlToValidate="txtCPassword" ErrorMessage="两次密码不一致"></asp:CompareValidator>
  40.                 </asp:WizardStep>
  41.                 <asp:WizardStep runat="server" StepType="Complete" Title="第四步">
  42.                 恭喜，密码更改成功。
  43.                 </asp:WizardStep>
  44.             </WizardSteps>
  45.             <HeaderTemplate>
  46.                 找回密码
  47.             </HeaderTemplate>
  48.         </asp:Wizard>
  49.     
  50.     </div>
  51.     </form>
  52. </body>
  53. </html>

后台代码如下

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. public partial class WiZardDemo : System.Web.UI.Page
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {
  15.     }
  16.     protected void Wizard1_ActiveStepChanged(object sender, EventArgs e)
  17.     {
  18.         
  19.         if (Wizard1.ActiveStepIndex == 1)//当用户进入找回密码第二步
  20.         {
  21.             //如果用户输入的是"admin"则提示用户输入"123456"
  22.             if (txtUserName.Text == "admin")
  23.             {
  24.                 lbQuestion.Text = "请输入123456";
  25.             }
  26.             else//如果用户输入的用户名不是"admin"则跳转到第一步
  27.             {
  28.                 Wizard1.ActiveStepIndex = 0;
  29.             }
  30.         }
  31.         else if (Wizard1.ActiveStepIndex == 2)//当用户进入找回密码第三步
  32.         {
  33.             if (txtPassword.Text != "123456")
  34.             {
  35.                 //用户的找回密码答案正确则修改数据库里的用户登录密码，代码略
  36.             }
  37.             else//如果用户输入的答案不是"123456"，则跳转到第二步
  38.             {
  39.                 Wizard1.ActiveStepIndex = 1;
  40.             }
  41.         }
  42.     }
  43. }


这个页面的运行效果如下：
asp.net夜话之十：复合控件和母板页_第12张图片 
在用户名一栏输入“admin”并点击“下一步”按钮的效果：
asp.net夜话之十：复合控件和母板页_第13张图片 
在密码提示答案一栏输入“123456”再点击“下一步”按钮：
asp.net夜话之十：复合控件和母板页_第14张图片 
在新密码和确认新密码中都输入“123456”并点击“完成”按钮。
asp.net夜话之十：复合控件和母板页_第15张图片 
在上面的例子中没有除了验证控件之外，为了简化流程没有使用任何操作数据库的代码。

 

MasterPage母板页
在我们做Web应用的时候，经常会遇到一些页面之间有很多相同的显示部分和行为，如果每个页面都去重复编写这些代码，那就是一件非常麻烦的事情。因此在asp.net2.0中提出了母板页的概念，我们可以把多个页面之间相同的行为和显示部分放到母板页中，只需要为每个页面编写不同的部分即可，这样如果我们对公共部分需要变化仅仅更改母板页就能达到目的。母板页的文件后缀名为.master，一个网站中允许定义多个母板页。
母板页不能单独呈现，也就是我们不能在浏览器中直接输入母板页的url地址进行访问，必须依赖于内容页才能呈现。
下面是新建一个母板页的源代码：


 

  1. <%@ Master Language="C#" AutoEventWireup="true" CodeFile="FrontPage.master.cs" Inherits="FrontPage" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>无标题页</title>
  6. </head>
  7. <body>
  8.     <form id="form1" runat="server">
  9.     <div>
  10.         <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
  11.         </asp:contentplaceholder>
  12.     </div>
  13.     </form>
  14. </body>
  15. </html>

在母板页中有一个“<asp:contentplaceholder></asp:contentplaceholder>”标记，这相当于一个占位标记，将来使用了这个母板页的内容页中的内容将在这个标记中显示。因为母板页已经包含了<html><head></head><form runat=”server”></form></html>标记，所以内容页中不允许再出现这些标记。
新建一个使用使用当前使用母板页的内容页步骤如下：
（1）在网站项目或者网站项目下的文件夹上点鼠标右键，在出现的右键菜单中选择“添加新项”，出现如下界面：
asp.net夜话之十：复合控件和母板页_第16张图片 
注意：一定要勾选“选择母板页”选项。
（2）点击“添加”按钮，这时会出现选择母板页的界面，如下图：
asp.net夜话之十：复合控件和母板页_第17张图片 
（3）选择正确的母板页，然后点“确定”按钮，这样就完成了添加一个内容页。
这时内容页的代码如下：


 

  1. <%@ Page Language="C#" MasterPageFile="~/FrontPage.master" AutoEventWireup="true" CodeFile="MyPage.aspx.cs" Inherits="MyPage" Title="Untitled Page" %>
  2. <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  3. </asp:Content>

在内容页中有一个<asp:Content></asp:Content>标记，只有放在这个标记之间的代码将来运行时才会可见。
内容页有几个常见属性如下表所示：


属性名 说明
Master 获取当前内容页所使用的母板页（如果有的话）
MasterPageFile 内容所使用的母板页文件的位置
Title 内容页的标题
有时候需要访问母板页中的控件，比如母板页上有一个Label控件用于显示当前服务器时间，可以通过获取当前内容页的Master属性来获取所使用的母板页，然后利用母板页的FindControl(string controlId)方法来根据控件的ID查找母板页的控件。
下面是一个内容页访问母板页的例子。
母板页的代码：

  1. <%@ Master Language="C#" AutoEventWireup="true" CodeFile="FrontPage.master.cs" Inherits="FrontPage" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>无标题页</title>
  6. </head>
  7. <body>
  8.     <form id="form1" runat="server">
  9.     <div>
  10.     <table><tr><td>
  11.         服务器时间：<asp:Label ID="lbServerTime" runat="server" Text=""></asp:Label></td></tr>
  12.     <tr><td>
  13.         <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
  14.         </asp:contentplaceholder>
  15.         </td></tr>
  16.         <tr><td>
  17.             版本号：<asp:Label ID="lbCopyRight" runat="server" Text=""></asp:Label></td></tr>
  18.         </table>
  19.     </div>
  20.     </form>
  21. </body>
  22. </html>

内容页的前台代码：


 

  1. <%@ Page Language="C#" MasterPageFile="~/FrontPage.master" AutoEventWireup="true" CodeFile="MyPage.aspx.cs" Inherits="MyPage" Title="内容页访问母板页控件的例子" %>
  2. <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  3. 内容页的内容放在这里
  4. </asp:Content>

内容页的后台代码：


 

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. public partial class MyPage : System.Web.UI.Page
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {
  15.         //其中lbServerTime是母板页上的控件的ID
  16.         Label lbTimer =(Label)(this.Master.FindControl("lbServerTime"));
  17.         lbTimer.Text = DateTime.Now.ToString("yyyy-MM-dd");
  18.         Label lbCopyRight = (Label)(this.Master.FindControl("lbCopyRight"));
  19.         lbCopyRight.Text = "Version 1.0";
  20.     }
  21. }

页面的运行效果：
asp.net夜话之十：复合控件和母板页_第18张图片 


母板页的动态替换
在编程开发中还可以根据条件动态替换内容页所使用的母板页，母板页替换处理要在内容的初始化阶段，也就是在内容页的PreInit事件里。
下面就是一个随即动态替换母板页的例子：


 

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. public partial class MyPage : System.Web.UI.Page
  12. {
  13.     //在这里更换母板页，不能在Page_Load事件里更换，会报异常
  14.     protected override void OnPreInit(EventArgs e)
  15.     {
  16.         if (DateTime.Now.Millisecond % 2 == 0)
  17.         {
  18.             //注意"~/MasterPage.master"母板页中必须有当前母板页中一致的控件
  19.             this.MasterPageFile = "~/MasterPage.master";
  20.         }
  21.         base.OnInit(e);
  22.     }
  23. }

总结：本篇讲述了一些比较复杂的网页效果的实现办法，比如类似于WinForm中的选项卡式效果、树形菜单、用于多步骤收集用户信息的向导效果等，还有便于网站统一布局合显示的母板页的使用，并且讲述了如何动态替换母板页。下一篇将讲述web.config的用法和配置。

后记：最近有不少朋友在我的博客http://blog.csdn.net/zhoufoxcn上留言，要求在我原有计划上增加一些新的内容，我会酌情增加一些，但是由于时间不会一一照顾到，敬请谅解。

2008-11-01  01:25完成，2008-11-03 02:30整理
周公（周金桥）

注意，因为个人空间大小和下载速度受限，所以以后不再提供从本人主机上的下载地址，可以到www.verycd.com下载《ASP.NET夜话》的测试版视频教程。地址是：http://www.verycd.com/topics/2730883/

 

Asp.net夜话系列文章：

 

你可能感兴趣的:(asp.net)

  • 分享一个基于python的电子书数据采集与可视化分析 hadoop电子书数据分析与推荐系统 spark大数据毕设项目（源码、调试、LW、开题、PPT) 计算机源码社 Python项目大数据大数据pythonhadoop计算机毕业设计选题计算机毕业设计源码数据分析spark毕设
    作者：计算机源码社个人简介：本人八年开发经验，擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等，大家有这一块的问题可以一起交流！学习资料、程序开发、技术解答、文档报告如需要源码，可以扫取文章下方二维码联系咨询Java项目微信小程序项目Android项目Python项目PHP项目ASP.NET项目Node.js项目选题推荐项目实战|p
  • 通过C# 裁剪PDF页面 Eiceblue C#.NETPDFc#pdf开发语言visualstudio
    在处理PDF文档时，有时需要精确地裁剪页面以适应特定需求，比如去除广告、背景信息或者仅仅是为了简化文档内容。本文将指导如何使用免费.NET控件通过C#实现裁剪PDF页面。免费库FreeSpire.PDFfor.NET支持在.NET(C#,VB.NET,ASP.NET,.NETCore)程序中实现创建、操作、转换和打印PDF文档等操作。可以从以下链接下载产品包后手动添加引用，或者直接通过NuGet安
  • asp.net core的入门教学 21软件外包1班-庞兴南 asp.net后端
    什么是ASP.NETCoreasp.netcore是一个基于HTML和ASP的动态Web开发框架，主要用于web应用程序的开发。它是一个轻量级框架，使用HTML、ASP、CSS、JavaScript等技术。它易于使用和部署，可以快速构建web应用程序。asp.netcore提供了丰富的功能，包括模板引擎、文件解析、数据处理和用户管理等。本文将介绍asp.netcore的主要功能和特点，并提供使用方
  • 6.1 ASP.NET Core Web 入门 步、步、为营 .NetCoreasp.netmvc
    6.1ASP.NETCoreWeb入门ASP.NETCore中，严格来讲只有一个Asp.netCoreMVC一个框架，Asp.netCoreMVC既支持基于视图的MVC开发，也支持WebAPI和RazorPages开发。ASP.NETCoreMVC项目在VS2022中，一定选择ASP.NETCoreWeb应用（模型-视图-控制器）项目模板项目中wwwroot文件夹包含图片、JS、CSS等静态文件，
  • asp.net core 8.0 使用 Autofac ioc 容器 具体实例 彭小彭~ .netcoreasp.net
    要在ASP.NETCore8.0项目中具体实现使用Autofac作为IOC容器，我们将遵循一个明确的示例，从创建新项目到配置Autofac，并演示如何注册和解析服务。步骤1:创建ASP.NETCore8.0项目首先，使用VisualStudio或命令行工具创建一个新的ASP.NETCoreWeb应用程序。如果使用命令行，可以运行以下命令：dotnetnewwebapp-nAutofacDemocd
  • 探索ASP.NET Core 8.0的奇妙世界 郎凌队Lois
    探索ASP.NETCore8.0的奇妙世界practical-aspnetcore该项目提供了关于ASP.NETCore实际应用开发的一系列教程和示例，涵盖了从基础知识到高级主题，是一个实用的学习资源库。适合于想要掌握ASP.NETCore技术栈的开发者进行学习和参考。项目地址:https://gitcode.com/gh_mirrors/pr/practical-aspnetcore随着微软的A
  • 探索未来Web开发的精简之道：ASP.NET Core 8.0 Minimal API 示例项目 尚舰舸Elsie
    探索未来Web开发的精简之道：ASP.NETCore8.0MinimalAPI示例项目随着微服务和云原生架构的兴起，轻量级API成为了开发社区的新宠。ASP.NETCore8.0MinimalAPIExample正是这样一个项目，它集成了最新技术栈，简化了API开发过程，让开发者能够以最少的代码实现强大的功能。本文将带你深入了解这一开源杰作，揭示其技术魅力，并探索其应用场景。项目介绍ASP.NET
  • ASP.NET Core 入门教学二十八 linux打包部署 充值内卷 asp.netlinux后端
    在Linux上打包和部署ASP.NETCore应用程序涉及几个步骤。以下是一个详细的指南，帮助你在Linux系统上完成这一过程。1.准备工作确保你的Linux系统已经安装了以下软件：.NETSDK（用于构建应用程序）.NETRuntime（用于运行应用程序）Apache或Nginx（作为反向代理服务器）你可以使用以下命令安装.NETSDK和Runtime：sudoaptupdatesudoapti
  • 前后端分离，Asp.net core webapi 如何配置跨域 代码掌控者 C#asp.netcore.netcore经验分享c#
    前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。所谓的前后端分离软件架构模式，就是指将前端和后端的开发完全分离，后端负责提供API接口和数据处理，而前端通过各种现代的JavaScript技术如AJAX或者Fetch等，来调用后端提供的API接口获取数据，从而构建
  • 探索现代Web API开发的典范：Asp.Net Core Web API N-Tier项目 苏舰孝Noel
    探索现代WebAPI开发的典范：Asp.NetCoreWebAPIN-Tier项目aspnetcore.ntier.NETCoreN-TierarchitectureWebApisampleproject.项目地址:https://gitcode.com/gh_mirrors/as/aspnetcore.ntier在寻求高效、可扩展且遵循最佳实践的API开发框架时，Asp.NetCoreWebAP
  • 推荐：ASP.NET Core Web API 模板 —— 强大的启动项目！ 戴洵珠Gerald
    推荐：ASP.NETCoreWebAPI模板——强大的启动项目！aspnetcore-webapi-templateThisprojectisanWebAPIOpen-SourceBoilerplateTemplatethatincludesASP.NETCore5,WebAPIstandards,cleann-tierarchitecture,GraphQLservice,Redis,Mssql
  • ASP.NET Core N-Tier架构Web API示例项目教程 毛宝锋
    ASP.NETCoreN-Tier架构WebAPI示例项目教程aspnetcore.ntier.NETCoreN-TierarchitectureWebApisampleproject.项目地址:https://gitcode.com/gh_mirrors/as/aspnetcore.ntier本教程旨在指导您了解并使用从https://github.com/aghayeffemin/aspnet
  • Whisper 模型在实时语音转录中有哪些具体的应用场景？ 借雨醉东风 热点追踪whisper人工智能
    关注我，持续分享逻辑思维&管理思维&面试题；可提供大厂面试辅导、及定制化求职/在职/管理/架构辅导；推荐专栏《10天学会使用asp.net编程AI大模型》，目前已完成所有内容。一顿烧烤不到的费用，让人能紧跟时代的浪潮。从普通网站，到公众号、小程序，再到AI大模型网站。干货满满。学成后可接项目赚外快，绝对划算。不仅学会如何编程，还将学会如何将AI技术应用到实际问题中，为您的职业生涯增添一笔宝贵的财富
  • asp.net core 自定义过滤器 注入的几种方式和实现 彭小彭~ .netcore.netcore
    在ASP.NETCore中，过滤器（Filters）是一种在MVC应用程序中运行代码的方法，可以在操作（Actions）执行之前或之后运行。过滤器可以应用于控制器（Controllers）或特定的操作方法。过滤器可以用来实现跨切面的逻辑，比如异常处理、授权、缓存、日志等。有几种类型的过滤器：授权过滤器（Authorizationfilters）资源过滤器（Resourcefilters）操作过滤器
  • 【.NET全栈】ASP.NET开发Web应用——ADO.NET数据访问技术 JosieBook #.NET全栈.netasp.net前端
    文章目录前言一、ADO.NET基础1、ADO.NET架构2、ADO.NET数据提供者二、连接数据库1、SqlConnection数据库连接类2、使用SqlConnectionStringBuilder连接字符串3、关闭和释放连接4、在web.config配置文件中保存连接字符串5、连接池技术三、与数据库交互1、使用SqlCommand操作数据库2、为SqlCommand传递参数3、使用SqlCom
  • ASP.NET中Response.Redirect的用法（详细） 微微的猪食小窝 asp.net服务器java
    一、Response.Redirect是重定向到新的url。例如：if(!IsPostBack){if(Session["UserId"]==null||Session["UserId"].ToString()==""){Response.Redirect(Oper.GetSysUrl()+"/Default.aspx");//转到主页}******//其他实现代码}二、若想传递参数，只要在url
  • 【.NET全栈】ASP.NET开发Web应用——LINQ技术 JosieBook #.NET全栈.netasp.netlinq
    文章目录一、LINQ基础1、LINQ简介2、延迟执行3、LINQ表达式简介1、基本查询语法2、投影新对象3、过滤和排序4、分组和聚合5、联合查询二、LINQtoDataSet操作内存表1、LINQtoDataSet简介2、类型化DataSet三、LINQtoSQL操作数据库1、数据实体类2、DataContext类介绍3、在ASP.NET中应用LINQtoSQL4、自动生成数据实体类5、生成存储过
  • ASP.NET Core 开源项目详解与入门指南 沈菱嫱Marie
    ASP.NETCore开源项目详解与入门指南aspnetcoredotnet/aspnetcore:是一个ASP.NETCore应用程序开发框架的官方GitHub仓库，它包含了ASP.NETCore的核心源代码和技术文档。适合用于ASP.NETCore应用程序开发，特别是对于那些需要深入了解ASP.NETCore框架实现和技术的场景。特点是ASP.NETCore官方仓库、核心源代码、技术文档。项目
  • ASP.NET Core 入门教学二十一 分布式追踪技术 充值内卷 asp.net分布式
    分布式追踪技术在微服务架构中非常重要，它可以帮助开发者理解和监控应用程序在分布式环境中的行为。ASP.NETCore提供了对分布式追踪的原生支持，主要通过OpenTelemetry和ApplicationInsights实现。1.OpenTelemetryOpenTelemetry是一个开源的观测框架，用于生成、收集和导出遥测数据（如追踪、指标和日志）。ASP.NETCore可以通过集成OpenT
  • Asp.Net 汉字转(拼音) 素年槿夏 C#
    1.ChinesConvertSpelling：汉字转拼音类(全拼)1usingSystem;2usingSystem.Data;3usingSystem.Configuration;4usingSystem.Text;56///7///SummarydescriptionforConvertHzToPz_Gb23128///9namespaceCommon10{11publicclassChin
  • ASP.NET Core消息队列RabbitMQ基础入门实战演练 阿笨NET 跟着阿笨一起玩NETASP.NETCoreASP.NETCore消息队列ASP.NETCoreRabbitMQ.NETCore视频教程ASP.NETCore视频课程
    一、课程介绍人生苦短，我用.NETCore！消息队列RabbitMQ大家相比都不陌生，本次分享课程阿笨将给大家分享一下在一般项目中99%都会用到的消息队列MQ的一个实战业务运用场景。本次分享课程不是零基础教学，课程内容的侧重点是讲解的RabbitMQ的最实用、最简单的实战运用场景：Publish/Subscrib(发布/订阅)模式，发送端发送消息，单个接收端接收处理消息。学完本次"是猴子都看的懂的
  • ASP.NET Core 入门教学十五 异步编程 充值内卷 asp.net后端
    在ASP.NETCore中，异步编程是一种非常重要的技术，它可以提高应用程序的性能和响应能力。本教程将介绍如何在ASP.NETCore中使用异步编程。1.异步编程基础异步编程允许程序在等待某些操作（如I/O操作）完成时继续执行其他任务，而不是阻塞整个线程。这可以显著提高应用程序的性能，特别是在处理大量并发请求时。2.使用async和await在C#中，async和await关键字用于实现异步编程。
  • ASP.NET Core 入门教学十六 防止常见的Web攻击 充值内卷 asp.net前端后端
    在ASP.NETCore中，防止常见的Web攻击是非常重要的，以确保应用程序的安全性。以下是一些常见的Web攻击类型及其防范措施：1.跨站脚本攻击（XSS）跨站脚本攻击（XSS）是一种通过在网页中注入恶意脚本来攻击用户的浏览器的技术。为了防止XSS攻击，可以采取以下措施：输入验证：对用户输入进行严格的验证和清理。输出编码：在将用户输入的数据插入到HTML页面中时，进行适当的编码。ASP.NETCo
  • ASP.NET Core 入门教学八 集成RocketMQ消息队列 充值内卷 asp.netrocketmq后端
    在ASP.NETCore中集成RocketMQ消息队列，你需要遵循以下步骤：1.安装RocketMQ客户端库首先，你需要在你的ASP.NETCore项目中安装RocketMQ的.NET客户端库。你可以使用NuGet包管理器来完成这个任务。在VisualStudio中，右键点击你的项目，选择“管理NuGet程序包”，然后搜索并安装Apache.RocketMQ.Client包。2.配置RocketM
  • 分享一个基于微信小程序的智慧校园服务平台（源码、调试、LW、开题、PPT） 计算机源码社 微信小程序微信小程序毕业设计项目计算机毕设源码计算机毕设毕设选题课程设计源码毕业设计答辩
    作者：计算机源码社个人简介：本人八年开发经验，擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等，大家有这一块的问题可以一起交流！学习资料、程序开发、技术解答、文档报告如需要源码，可以扫取文章下方二维码联系咨询Java项目微信小程序项目Android项目Python项目PHP项目ASP.NET项目Node.js项目选题推荐项目实战|基
  • ASP.NET 整页缓存技术 lploveme asp.net浏览器browser引擎vb.nethtml
    在网上找了好久的整页缓存技术今天终于可以解决我的问题我要求是这样的有AB两个客服机同时访问一个页面信息得到的应该都是缓存以后的信息而不是A得到的是缓存而B不是缓存信息今天找到了好的方式特意贴出来让我常常看整页输出缓存这是一篇很不错的文章来源是http://softbbs.pconline.com.cn/9740011.html要提升ASP.NET应用程序的性能，最简单、最有效的方式就是使用内建的缓
  • ASP.NET Core 微服务初探[1]：服务发现之Consul weixin_34015336 运维ui数据结构与算法
    在传统单体架构中，由于应用动态性不强，不会频繁的更新和发布，也不会进行自动伸缩，我们通常将所有的服务地址都直接写在项目的配置文件中，发生变化时，手动改一下配置文件，也不会觉得有什么问题。但是在微服务模式下，服务会更细的拆分解耦，微服务会被频繁的更新和发布，根据负载情况进行动态伸缩，以及受资源调度影响而从一台服务器迁移到另一台服务器等等。总而言之，在微服务架构中，微服务实例的网络位置变化是一种常态，
  • 我眼中的ASP.NET Core之微服务 dotNET跨平台
    前言前几天在博客园看到有园友在分享关于微软的一个微服务架构的示例程序，想必大家都已经知道了，那就是eShopOnContainers。我们先不看项目的后缀名称OnXXX，因为除了OnContainers还有OnAzure，OnWeb，OnKubernetes以及OnServiceFabric。我们就还是来先说说eShop这个项目吧，eShop是ASP.NETCore发布之后微软新开源出来的一个示例
  • asp.net core 微服务架构搭建 战族狼魂 微服务架构asp.net微服务
    在ASP.NETCore中实现微服务架构涉及多个步骤，包括服务划分、API网关、服务发现、通信方式、容器化等。以下是一个基本的微服务架构搭建指南。目录1.服务划分2.创建独立的ASP.NETCore服务3.设置API网关4.服务发现5.通信方式6.容器化7.总结1.服务划分首先，需要将你的应用程序划分成多个独立的服务，每个服务专注于单一职责。每个服务都应该是独立的，能够独立开发、部署和扩展。2.创
  • 2024年计算机毕业设计2000个热门选题推荐之NodeJS篇——全行业Java项目定制asp.net代做Python安卓NodeJS等 itszkt计算机项目源代码 项目选题课程设计java开发语言
    ✌精彩专栏推荐订阅以防找不到✌项目界面文字不会改？项目代码不懂？怕老师问？项目没有软件？不会运行？✌选题—项目修改教程—答疑—远程，为客户提供帮助和支持，努力解决问题和推动项目进展✌✌✌选题推荐——以防找不到我们，点击上方订阅专栏✌✌2024年计算机JavaPython安卓APP微信小程序asp.net项目PHP2000+热门选题推荐计算机毕业设计如何选题？计算机毕业设计开题报告如何书写论文的书写
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他