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

所属分类: 网络编程 / ASP.NET 阅读数: 1620
收藏 0 赞 0 分享

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

更多精彩内容其他人还在看

.NET Core源码解析配置文件及依赖注入

这篇文章我们设计了一些复杂的概念,因为要对ASP.NET Core的启动及运行原理、配置文件的加载过程进行分析,依赖注入,控制反转等概念的讲解等
收藏 0 赞 0 分享

.NET Corek中Git的常用命令及实战演练

这篇文章将通过故事的形式从Git的历史谈起,并讲述Git的强大之处。然后通过实战演练教你如何在Github以及码云上托管我们的代码并进行代码的版本控制
收藏 0 赞 0 分享

Asp.Net Core WebAPI使用Swagger时API隐藏和分组详解

这篇文章主要给大家介绍了关于Asp.Net Core WebAPI使用Swagger时API隐藏和分组的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Asp.Net Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

如何利用FluentMigrator实现数据库迁移

这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

ASP.NET Core利用Jaeger实现分布式追踪详解

这篇文章主要给大家介绍了关于ASP.NET Core利用Jaeger实现分布式追踪的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

浅谈从ASP.NET Core2.2到3.0你可能会遇到这些问题

这篇文章主要介绍了ASP.NET Core2.2到3.0可能会遇到的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解.net core webapi 前后端开发分离后的配置和部署

这篇文章主要介绍了.net core webapi 前后端开发分离后的配置和部署,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁

这篇文章主要介绍了ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

.net 4.5部署到docker容器的完整步骤

这篇文章主要给大家介绍了关于.net 4.5部署到docker容器的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用.net4.5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

.net core并发下线程安全问题详解

这篇文章主要给大家介绍了关于.net core并发下线程安全问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多