当前位置： 移动技术网 > IT编程>开发语言>.net > 使用UserControl做网站导航条的思路 分析

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

2018年04月25日  | 移动技术网IT编程  | 我要评论

无敌龙书屋,怎么保存茶叶,惊呆!陈晓大光头太抢镜

网址其实就是目录文件的影射。因此只要拆分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栏目";

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网