欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用UserControl做网站导航条的思路 分析

程序员文章站 2023-03-15 14:57:39
网址其实就是目录文件的影射。因此只要拆分url,并且根据url的层级关系进行循环,就可以得到当前导航文件的目录。1、建立数据库表:navigate 列名 数...

网址其实就是目录文件的影射。因此只要拆分url,并且根据url的层级关系进行循环,就可以得到当前导航文件的目录。

1、建立数据库表:navigate

列名 数据类型 说明
id int
parentid int 父id
root int 层级,0代表根目录,最顶层
pathname varchar(50) (url)路径名称
navname varchar(50) (栏目)导航名称


2、建立用户控件 navigate.ascx
-----------------------------------------------------------
<%@ control language="c#" autoeventwireup="true" codefile="navigate.ascx.cs" inherits="uc_navigate" %>
<div style="display:block;margin-top:5px;margin-left:3px;margin-bottom:5px;">

     您当前的位置:<a href="/index.aspx">首页</a> 
      >>
      <asp:label id="lblnavigate" runat="server"></asp:label>
      <asp:label id="lbltitle" runat="server"></asp:label>

</div>


3、用户控件的cs后台文件 navigate.ascx.cs
-----------------------------------------------------------
using system;
using system.collections;
using system.componentmodel;
using system.data;
using system.data.sqlclient;
using system.configuration;
using system.web;
using system.web.ui;
using system.web.ui.webcontrols;
using system.web.ui.webcontrols.webparts;
using system.web.ui.htmlcontrols;

using bai51.data;

public partial class uc_navigate : system.web.ui.usercontrol
{
    private string localurl="";
    private string title;
    private dataset ds;
    private datatable dt;

    protected void page_load(object sender, eventargs e)
    {

        #region -- 获取导航信息表内容(缓存) --
        ds=(dataset)cache["dsnavigatecache"];
        if(ds==null)
       {
         ds=sqlcomd.createsqldataset("select * from navigate","dsnavigate"); 
         cache.insert("dsnavigatecache",ds,null,system.web.caching.cache.noabsoluteexpiration,timespan.fromhours(24));
       }
       dt=ds.tables[0];
        #endregion

         #region -- 生成导航信息 --
        //分割当前url地址
        string[] weburl = system.web.httpcontext.current.request.path.split(new char[] { '/' });
        int len = weburl.length - 1;

        //层级循环
        string strurl = localurl + "/";
        string strnavigate = "";
        string parenid = "0";

        for (int i = 1; i < len; i++)
        {
            string sql = "root=" + convert.tostring(i-1) + " and pathname='" + weburl[i] + "' and parentid=" + parenid;
            datarow[] rows = dt.select(sql);

            //循环连接地址
            strurl += (weburl[i] + "/");
            strnavigate += "<a href='" + strurl + "'>" + rows[0]["navname"].tostring() + "</a>" + " >> ";

            //保存父id
            parenid = rows[0]["id"].tostring();
        }
       #endregion

        lblnavigate.text=strnavigate;
        lbltitle.text=title ;
    }

    #region --控件属性 --
    public string localurl
    {
        get{return  localurl;}
        set{ localurl=value ;}
    }
    public string title
    {
        get { return title; }
        set { title = value; }
    }
    #endregion   

}

4、使用方法
-----------------------------------------------------------
在页面中拖入 navigate.ascx 用户控件,命名为"navbar"。
在后台代码中写入当前文件的导航名称即可。
      navbar.title = "本页面是xx栏目";