今天跟大家分享的内容是 站点导航之TreeView控件绑定数据库,具体的页面展示呢,如下:
。
这里呢,其实是以树状图的形式,展现的数据库的内容,数据库的内容即下:
.
实现步骤:
1.准备好数据库
2.网站设计页,拉入一个TreeView控件(利用代码给其增加节点)
3.代码页(连接数据库,增加节点)
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//绑定数据源
BindDataBase();
TreeView1.ShowLines = true;//显示连接父节点与子节点间的线条
TreeView1.ExpandDepth = 1;//控件显示时所展开的层数
}
public void BindDataBase()
{
//实例化SqlConnection对象
SqlConnection sqlCon = new SqlConnection();
//实例化SqlConnection对象连接数据库的字符串
sqlCon.ConnectionString = "server=QH-20150804WJPO;uid=sa;pwd=123;database=Xianxian";
//实例化SqlDataAdapter对象
SqlDataAdapter da = new SqlDataAdapter("select * from tb_StuInfo", sqlCon);
//实例化数据集DataSet
DataSet ds = new DataSet();
da.Fill(ds, "tb_StuInfo");
//下面的方法动态添加了TreeView的根节点和子节点
//设置TreeView的根节点
TreeNode tree1 = new TreeNode("学生信息 ");
this.TreeView1.Nodes.Add(tree1);
for (int i = 0; i < ds.Tables["tb_StuInfo"].Rows.Count; i++)
{
TreeNode tree2 = new TreeNode(ds.Tables["tb_StuInfo"].Rows[i][1].ToString(), ds.Tables["tb_StuInfo"].Rows[i][1].ToString());
tree1.ChildNodes.Add(tree2);
//显示TreeView根节点下的子节点
for (int j = 0; j < ds.Tables["tb_StuInfo"].Columns.Count; j++)
{
TreeNode tree3 = new TreeNode(ds.Tables["tb_StuInfo"].Rows[i][j].ToString(), ds.Tables["tb_StuInfo"].Rows[i][j].ToString());
tree2.ChildNodes.Add(tree3);
}
}
}
}
然后,就实现咯~
很酷炫的东东,咳咳,大家一起学啦,我这样已经很自豪了,哈哈~
很励志的话,后悔永远是一个转折点,往往人们意识不到,改变永远不晚。