程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> 使用UserControl做網站導航條的思路 分析

使用UserControl做網站導航條的思路 分析

編輯:ASP.NET基礎

網址其實就是目錄文件的影射。因此只要拆分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="http://localhost:8085";
    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欄目";

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved