NET平台下Web树形结构程序设计
生活随笔
收集整理的這篇文章主要介紹了
NET平台下Web树形结构程序设计
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
.NET平臺下Web樹形結構程序設計
李洪根
我的上篇文章《樹形結構在開發(fā)中的應用》主要是在Windows Form下的實現(xiàn)，下面講一下Web Form下的實現(xiàn)。 概述 TreeView是一個重要的控件，無論是在VB.NET，C# 還是VB、Delphi等各種語言中，都充當了導航器的作用。在實際工作中，很多情況下需要將TreeView與數(shù)據(jù)庫進行連接，以填充其節(jié)點。在Windows Form和Web Form中，我們可以用TreeView來顯示樹形結構，如顯示目錄樹、顯示地區(qū)、分類顯示商品等。可以說，在大部分軟件的開發(fā)中，TreeView都是一個不可缺少的展示控件。因此，樹形結構的設計就成了軟件開發(fā)人員一個永恒的話題。 樹形結構的展示方式 樹形結構的展示一般來講有三種方式： 1.界面設計時在TreeView設計器或者代碼中直接填充TreeView控件。 2.從XML文件中建立樹形結構。 3.從數(shù)據(jù)庫中得到數(shù)據(jù)，建立樹形結構。 第一種方式是最簡單的，這種方式主要用于樹形結構一般沒有變化的應用程序，在設計時就固定一顆樹。當然，在設計時固定了樹的結構，以后要想修改、增加、刪除樹的節(jié)點，就必須修改源程序。所有不利于擴展。 第二種方式從XML文件中提取，由于XML本身就是樹形結構的，微軟提供的文檔對象模型DOM 可以方便的讀取、操作和修改 XML 文檔。在.NET中，應用System.Xml類可以方便地將XML文件加載到TreeView控件中，微軟的MSDN也提供了實例，此處就不再多說。 第三種方式，樹形結構的數(shù)據(jù)，從數(shù)據(jù)庫中獲得。一般來講，我們的應用程序多數(shù)是基于數(shù)據(jù)庫的。采用這種方式，增加、修改、刪除一顆樹的節(jié)點很方便，只要操作數(shù)據(jù)庫中的數(shù)據(jù)就可以了。而且，這種方式可以和數(shù)據(jù)庫中的其它表做關聯(lián)、查詢和匯總，通過設計視圖或存儲過程，很容易查詢出你想要的相關數(shù)據(jù)。下面，我們主要討論這種方式的設計和實現(xiàn)。 數(shù)據(jù)庫設計 首先，我們在SQL SERVER 2000里建立一個表tbTree，表的結構設計如下： 列名 數(shù)據(jù)類型 描述 長度 主鍵 ID Int 節(jié)點編號 4 是 ParentID Int 父節(jié)點編號 4 ConText Nvarchar 我們要顯示的節(jié)點內容 50 在SQL SERVER 2000中建表的腳本： CREATE TABLE [dbo].[tbTree] (
[ID] [int] IDENTITY (1, 1) NOT NULL ,
[Context] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[ParentID] [int] NULL
) ON [PRIMARY]
在表中添加如下記錄： SET IDENTITY_INSERT tbtree ON
insert tbtree (ID,Context,ParentID) values ( 1,'中國',0)
insert tbtree (ID,Context,ParentID) values ( 2,'北京',11)
insert tbtree (ID,Context,ParentID) values ( 3,'天津',11)
insert tbtree (ID,Context,ParentID) values ( 4,'河北省',1)
insert tbtree (ID,Context,ParentID) values ( 5,'廣東省',1)
insert tbtree (ID,Context,ParentID) values ( 6,'廣州',5)
insert tbtree (ID,Context,ParentID) values ( 7,'四川省',1)
insert tbtree (ID,Context,ParentID) values ( 8,'成都',7)
insert tbtree (ID,Context,ParentID) values ( 9,'深圳',5)
insert tbtree (ID,Context,ParentID) values ( 10,'石家莊',4)
insert tbtree (ID,Context,ParentID) values ( 11,'遼寧省',1)
insert tbtree (ID,Context,ParentID) values ( 12,'大連',11)
insert tbtree (ID,Context,ParentID) values ( 13,'上海',1)
insert tbtree (ID,Context,ParentID) values ( 14,'天河軟件園',6)
insert tbtree (ID,Context,ParentID) values ( 15,'汕頭',5)
SET IDENTITY_INSERT tbtree off
下載地址 http://msdn.microsoft.com/downloads/samples/internet/ASP_DOT_NET_ServerControls/WebControls/default.asp 安裝后，通過“自定義工具箱”->“.net框架組件”把TreeView添加到工具箱里。 新建一個項目，選擇Visual Basic.Net 工程Asp.net Web應用程序，在頁面上拖畫一個TreeView控件。 Html頁： <%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %> <%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="Tree.WebForm1"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm1</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <FONT face="宋體"> <iewc:TreeView id="TreeView1" style="Z-INDEX: 101; LEFT: 39px; TOP: 68px" runat="server"></iewc:TreeView></FONT> </form> </body> </HTML> 后臺代碼： Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim ds As New DataSet()
Dim CN As New SqlConnection()
Try
'初始化連接字符串
CN.ConnectionString =
"data source=pmserver;initial catalog=Benchmark;persist security info=False;user id=sa;Password=sa;"
CN.Open()
Dim adp As SqlDataAdapter = New SqlDataAdapter("select * from tbTree", CN)
adp.Fill(ds)
Me.ViewState("ds") = ds
Catch ex As Exception
#If DEBUG Then
Session("Error") = ex.ToString()
Response.Redirect("error.aspx") '?跳轉程序的公共錯誤處理頁面
#End If
Finally
'關閉連接
CN.Close()
End Try
'調用遞歸函數(shù)，完成樹形結構的生成
AddTree(0, Nothing)
End Sub
'遞歸添加樹的節(jié)點
Private Sub AddTree(ByVal ParentID As Integer, ByVal pNode As TreeNode)
Dim ds As DataSet
ds = Me.ViewState("ds")
Dim dvTree As New DataView()
dvTree = New DataView(ds.Tables(0))
'過濾ParentID,得到當前的所有子節(jié)點
dvTree.RowFilter = "PARENTID = " + ParentID.ToString
Dim Row As DataRowView
For Each Row In dvTree
Dim Node As New TreeNode()
If pNode Is Nothing Then '判斷是否根節(jié)點
'添加根節(jié)點
Node.Text = Row("ConText").ToString()
TreeView1.Nodes.Add(Node)
Node.Expanded = True
'再次遞歸
AddTree(Int32.Parse(Row("ID").ToString()), Node)
Else
'?添加當前節(jié)點的子節(jié)點
Node.Text = Row("ConText").ToString()
pNode.Nodes.Add(Node)
Node.Expanded = True
'再次遞歸
AddTree(Int32.Parse(Row("ID").ToString()), Node)
End If
Next
End Sub
C#版本： using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using Microsoft.Web.UI.WebControls;
using System.Data.SqlClient;
namespace TreeCS
{
///
/// WebForm1 的摘要說明
///
public class WebForm1 : System.Web.UI.Page
{
protected Microsoft.Web.UI.WebControls.TreeView TreeView1;
private void Page_Load(object sender, System.EventArgs e)
{
// 定義數(shù)據(jù)庫連接
SqlConnection CN = new SqlConnection();
try
{
//初始化連接字符串
CN.ConnectionString=
"data source=pmserver;initial catalog=Benchmark;persist security info=False;user id=sa;Password=sa;";
CN.Open();
SqlDataAdapter adp = new SqlDataAdapter("select * from tbTree",CN);
DataSet ds=new DataSet();
adp.Fill(ds);
this.ViewState["ds"]=ds;
}
catch (Exception ex)
{
Session["Error"] = ex.ToString();
Response.Redirect("error.aspx"); //?跳轉程序的公共錯誤處理頁面
}
finally
{
CN.Close();
}
//調用遞歸函數(shù)，完成樹形結構的生成
AddTree(0, (TreeNode)null);
}
//遞歸添加樹的節(jié)點
public void AddTree(int ParentID,TreeNode pNode)
{
DataSet ds=(DataSet) this.ViewState["ds"];
DataView dvTree = new DataView(ds.Tables[0]);
//過濾ParentID,得到當前的所有子節(jié)點
dvTree.RowFilter = "[PARENTID] = " + ParentID;
foreach(DataRowView Row in dvTree)
{
TreeNode Node=new TreeNode() ;
if(pNode == null)
{ //添加根節(jié)點
Node.Text = Row["ConText"].ToString();
TreeView1.Nodes.Add(Node);
Node.Expanded=true;
AddTree(Int32.Parse(Row["ID"].ToString()), Node); //再次遞歸
}
else
{ //?添加當前節(jié)點的子節(jié)點
Node.Text = Row["ConText"].ToString();
pNode.Nodes.Add(Node);
Node.Expanded = true;
AddTree(Int32.Parse(Row["ID"].ToString()),Node); //再次遞歸
}
}
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN該調用是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
///設計器支持所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內容
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
李洪根
我的上篇文章《樹形結構在開發(fā)中的應用》主要是在Windows Form下的實現(xiàn)，下面講一下Web Form下的實現(xiàn)。 概述 TreeView是一個重要的控件，無論是在VB.NET，C# 還是VB、Delphi等各種語言中，都充當了導航器的作用。在實際工作中，很多情況下需要將TreeView與數(shù)據(jù)庫進行連接，以填充其節(jié)點。在Windows Form和Web Form中，我們可以用TreeView來顯示樹形結構，如顯示目錄樹、顯示地區(qū)、分類顯示商品等。可以說，在大部分軟件的開發(fā)中，TreeView都是一個不可缺少的展示控件。因此，樹形結構的設計就成了軟件開發(fā)人員一個永恒的話題。 樹形結構的展示方式 樹形結構的展示一般來講有三種方式： 1.界面設計時在TreeView設計器或者代碼中直接填充TreeView控件。 2.從XML文件中建立樹形結構。 3.從數(shù)據(jù)庫中得到數(shù)據(jù)，建立樹形結構。 第一種方式是最簡單的，這種方式主要用于樹形結構一般沒有變化的應用程序，在設計時就固定一顆樹。當然，在設計時固定了樹的結構，以后要想修改、增加、刪除樹的節(jié)點，就必須修改源程序。所有不利于擴展。 第二種方式從XML文件中提取，由于XML本身就是樹形結構的，微軟提供的文檔對象模型DOM 可以方便的讀取、操作和修改 XML 文檔。在.NET中，應用System.Xml類可以方便地將XML文件加載到TreeView控件中，微軟的MSDN也提供了實例，此處就不再多說。 第三種方式，樹形結構的數(shù)據(jù)，從數(shù)據(jù)庫中獲得。一般來講，我們的應用程序多數(shù)是基于數(shù)據(jù)庫的。采用這種方式，增加、修改、刪除一顆樹的節(jié)點很方便，只要操作數(shù)據(jù)庫中的數(shù)據(jù)就可以了。而且，這種方式可以和數(shù)據(jù)庫中的其它表做關聯(lián)、查詢和匯總，通過設計視圖或存儲過程，很容易查詢出你想要的相關數(shù)據(jù)。下面，我們主要討論這種方式的設計和實現(xiàn)。 數(shù)據(jù)庫設計 首先，我們在SQL SERVER 2000里建立一個表tbTree，表的結構設計如下： 列名 數(shù)據(jù)類型 描述 長度 主鍵 ID Int 節(jié)點編號 4 是 ParentID Int 父節(jié)點編號 4 ConText Nvarchar 我們要顯示的節(jié)點內容 50 在SQL SERVER 2000中建表的腳本： CREATE TABLE [dbo].[tbTree] (
[ID] [int] IDENTITY (1, 1) NOT NULL ,
[Context] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[ParentID] [int] NULL
) ON [PRIMARY]
在表中添加如下記錄： SET IDENTITY_INSERT tbtree ON
insert tbtree (ID,Context,ParentID) values ( 1,'中國',0)
insert tbtree (ID,Context,ParentID) values ( 2,'北京',11)
insert tbtree (ID,Context,ParentID) values ( 3,'天津',11)
insert tbtree (ID,Context,ParentID) values ( 4,'河北省',1)
insert tbtree (ID,Context,ParentID) values ( 5,'廣東省',1)
insert tbtree (ID,Context,ParentID) values ( 6,'廣州',5)
insert tbtree (ID,Context,ParentID) values ( 7,'四川省',1)
insert tbtree (ID,Context,ParentID) values ( 8,'成都',7)
insert tbtree (ID,Context,ParentID) values ( 9,'深圳',5)
insert tbtree (ID,Context,ParentID) values ( 10,'石家莊',4)
insert tbtree (ID,Context,ParentID) values ( 11,'遼寧省',1)
insert tbtree (ID,Context,ParentID) values ( 12,'大連',11)
insert tbtree (ID,Context,ParentID) values ( 13,'上海',1)
insert tbtree (ID,Context,ParentID) values ( 14,'天河軟件園',6)
insert tbtree (ID,Context,ParentID) values ( 15,'汕頭',5)
SET IDENTITY_INSERT tbtree off
下載地址 http://msdn.microsoft.com/downloads/samples/internet/ASP_DOT_NET_ServerControls/WebControls/default.asp 安裝后，通過“自定義工具箱”->“.net框架組件”把TreeView添加到工具箱里。 新建一個項目，選擇Visual Basic.Net 工程Asp.net Web應用程序，在頁面上拖畫一個TreeView控件。 Html頁： <%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %> <%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="Tree.WebForm1"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm1</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <FONT face="宋體"> <iewc:TreeView id="TreeView1" style="Z-INDEX: 101; LEFT: 39px; TOP: 68px" runat="server"></iewc:TreeView></FONT> </form> </body> </HTML> 后臺代碼： Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim ds As New DataSet()
Dim CN As New SqlConnection()
Try
'初始化連接字符串
CN.ConnectionString =
"data source=pmserver;initial catalog=Benchmark;persist security info=False;user id=sa;Password=sa;"
CN.Open()
Dim adp As SqlDataAdapter = New SqlDataAdapter("select * from tbTree", CN)
adp.Fill(ds)
Me.ViewState("ds") = ds
Catch ex As Exception
#If DEBUG Then
Session("Error") = ex.ToString()
Response.Redirect("error.aspx") '?跳轉程序的公共錯誤處理頁面
#End If
Finally
'關閉連接
CN.Close()
End Try
'調用遞歸函數(shù)，完成樹形結構的生成
AddTree(0, Nothing)
End Sub
'遞歸添加樹的節(jié)點
Private Sub AddTree(ByVal ParentID As Integer, ByVal pNode As TreeNode)
Dim ds As DataSet
ds = Me.ViewState("ds")
Dim dvTree As New DataView()
dvTree = New DataView(ds.Tables(0))
'過濾ParentID,得到當前的所有子節(jié)點
dvTree.RowFilter = "PARENTID = " + ParentID.ToString
Dim Row As DataRowView
For Each Row In dvTree
Dim Node As New TreeNode()
If pNode Is Nothing Then '判斷是否根節(jié)點
'添加根節(jié)點
Node.Text = Row("ConText").ToString()
TreeView1.Nodes.Add(Node)
Node.Expanded = True
'再次遞歸
AddTree(Int32.Parse(Row("ID").ToString()), Node)
Else
'?添加當前節(jié)點的子節(jié)點
Node.Text = Row("ConText").ToString()
pNode.Nodes.Add(Node)
Node.Expanded = True
'再次遞歸
AddTree(Int32.Parse(Row("ID").ToString()), Node)
End If
Next
End Sub
C#版本： using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using Microsoft.Web.UI.WebControls;
using System.Data.SqlClient;
namespace TreeCS
{
///
/// WebForm1 的摘要說明
///
public class WebForm1 : System.Web.UI.Page
{
protected Microsoft.Web.UI.WebControls.TreeView TreeView1;
private void Page_Load(object sender, System.EventArgs e)
{
// 定義數(shù)據(jù)庫連接
SqlConnection CN = new SqlConnection();
try
{
//初始化連接字符串
CN.ConnectionString=
"data source=pmserver;initial catalog=Benchmark;persist security info=False;user id=sa;Password=sa;";
CN.Open();
SqlDataAdapter adp = new SqlDataAdapter("select * from tbTree",CN);
DataSet ds=new DataSet();
adp.Fill(ds);
this.ViewState["ds"]=ds;
}
catch (Exception ex)
{
Session["Error"] = ex.ToString();
Response.Redirect("error.aspx"); //?跳轉程序的公共錯誤處理頁面
}
finally
{
CN.Close();
}
//調用遞歸函數(shù)，完成樹形結構的生成
AddTree(0, (TreeNode)null);
}
//遞歸添加樹的節(jié)點
public void AddTree(int ParentID,TreeNode pNode)
{
DataSet ds=(DataSet) this.ViewState["ds"];
DataView dvTree = new DataView(ds.Tables[0]);
//過濾ParentID,得到當前的所有子節(jié)點
dvTree.RowFilter = "[PARENTID] = " + ParentID;
foreach(DataRowView Row in dvTree)
{
TreeNode Node=new TreeNode() ;
if(pNode == null)
{ //添加根節(jié)點
Node.Text = Row["ConText"].ToString();
TreeView1.Nodes.Add(Node);
Node.Expanded=true;
AddTree(Int32.Parse(Row["ID"].ToString()), Node); //再次遞歸
}
else
{ //?添加當前節(jié)點的子節(jié)點
Node.Text = Row["ConText"].ToString();
pNode.Nodes.Add(Node);
Node.Expanded = true;
AddTree(Int32.Parse(Row["ID"].ToString()),Node); //再次遞歸
}
}
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN該調用是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
///設計器支持所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內容
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
轉載于:https://www.cnblogs.com/fuyingke/archive/2006/06/19/429179.html
總結
以上是生活随笔為你收集整理的NET平台下Web树形结构程序设计的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [转]有关gimbal lock的详细解
- 下一篇： bbs的最终形式