这几天一直打算做个从数据读取导航菜单的效果，以前做的时候都是写死的（太死了），好了话不多说，先看效果！

我是个小菜，高手请不要喷！我在网上查了好久，说用menu控件，但是我用了不太好！最后我决定用repeater的嵌套来实现这个效果。先数据库结构吧！

前台的代码：

 <body>

     <form id="form1" runat="server">

     <div class="menu">

         <ul class="nav">

             <asp:Repeater ID="rptNav" runat="server" OnItemDataBound="rptNav_ItemDataBound">

                 <ItemTemplate>

                     <li><a href='<%# DataBinder.Eval(Container.DataItem,"navUrl")%>'>

                         <%# DataBinder.Eval(Container.DataItem,"navTitle") %></a>

                         <asp:Repeater ID="rptSub" runat="server">

                             <HeaderTemplate>

                                 <ul class="sub-nav">

                             </HeaderTemplate>

                             <ItemTemplate>

                                 <li><a href='<%# DataBinder.Eval(Container.DataItem,"navUrl")%>'>

                                     <%# DataBinder.Eval(Container.DataItem,"navTitle") %></a></li>

                             </ItemTemplate>

                             <FooterTemplate>

                                 </ul>

                             </FooterTemplate>

                         </asp:Repeater>

                     </li>

                 </ItemTemplate>

             </asp:Repeater>

         </ul>

     </div>

     </form>

 </body>

 </html>

后台的实现：

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data.SqlClient;

using System.Data;

namespace LearnTest

{

    public partial class Default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!Page.IsPostBack)

            {

                InitData();

            }

        }

        /// <summary>

        /// 初始化数据

        /// </summary>

        private void InitData()

        {

            SqlConnection cn = new SqlConnection(@"server=(local);uid=sa;pwd=xjai18749695757;database=Test");

            SqlDataAdapter da = new SqlDataAdapter("select * from nav where parentId = 0",cn);

            DataSet ds = new DataSet();

            cn.Open();          //打开数据库连接

            da.Fill(ds);

            rptNav.DataSource = ds.Tables[].DefaultView;

            rptNav.DataBind();

            cn.Close();

        }

        //绑定一级菜单时绑定二级菜单

        protected void rptNav_ItemDataBound(object sender, RepeaterItemEventArgs e)

        {

            //判断repeater的数据绑定列

            if (e.Item.ItemType == ListItemType.Item ||e.Item.ItemType == ListItemType.AlternatingItem)

            {

                //当前一级菜单的ID

                string id = ((DataRowView)(e.Item.DataItem)).Row["Id"].ToString();

                //找到下面的repeater控件

                Repeater rpt = (Repeater)e.Item.FindControl("rptSub");

                if (rpt!=null)

                {

                    SqlConnection cn = new SqlConnection(@"server=(local);uid=sa;pwd=123456;database=Test");

                    SqlCommand cmd = new SqlCommand("select * from nav where parentId =@parentId",cn);

                    cmd.Parameters.Add("@parentId",SqlDbType.VarChar,).Value = id;

                    cn.Open();

                    rpt.DataSource = cmd.ExecuteReader();

                    rpt.DataBind();

                    cn.Close();

                }

            }

        }

    }

}

这就是用repeater进行嵌套来进行实现的！

动态从数据库读取菜单（ASP.NET版）的更多相关文章

  1. java从数据库读取菜单，递归生成菜单树

    首先看一下菜单的样子 根据这个样子我们定义菜单类 public class Menu { // 菜单id private String id; // 菜单名称 private String name; ...

  2. ASP.NET实现二维码 ASP.Net上传文件 SQL基础语法 C# 动态创建数据库三（MySQL） Net Core 实现谷歌翻译ApI 免费版 C#发布和调试WebService ajax调用WebService实现数据库操作 C# 实体类转json数据过滤掉字段为null的字段

    ASP.NET实现二维码 using System;using System.Collections.Generic;using System.Drawing;using System.Linq;us ...

  3. 《Entity Framework 6 Recipes》中文翻译系列 (38) ------ 第七章 使用对象服务之动态创建连接字符串和从数据库读取模型

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 第七章 使用对象服务 本章篇幅适中,对真实应用中的常见问题提供了切实可行的解决方案. ...

  4. ASP.NET状缓存Cache的应用-提高数据库读取速度

    原文:ASP.NET状缓存Cache的应用-提高数据库读取速度 一. Cache概述       既然缓存中的数据其实是来自数据库的,那么缓存中的数据如何和数据库进行同步呢?一般来说,缓存中应该存放改 ...

  5. 【vue】iView-admin2.0动态菜单路由【版2】

    依照iView-admin2.0动态菜单路由[版1] 归纳几个节点动态路由获取方式2 ——> easymock假数据 ——> 数据转组件处理.addRoutes ——> localS ...

  6. C#无限极分类树-创建-排序-读取 用Asp.Net Core+EF实现之方法二：加入缓存机制

    在上一篇文章中我用递归方法实现了管理菜单,在上一节我也提到要考虑用缓存,也算是学习一下.Net Core的缓存机制. 关于.Net Core的缓存,官方有三种实现: 1.In Memory Cachi ...

  7. ASP.NET版Memcached监控工具（转载）

    在上一篇文章<使用Memcached提高.NET应用程序的性能>中周公讲述如何在.NET中使用Memcached来提高.NET应用程序的性 能.在实际的使用中有可能出现Memcached因 ...

  8. C语言与数据库操作入门（Win版）

    C语言与数据库操作入门(Win版) 2017年12月10日 17:30:17 阅读数:1387 数据库,DataBase,学C语言的是不是想说,很想爱她却并不容易呢?不用着急,C语言也可以操作数据库的 ...

  9. 10天学会phpWeChat——第三天：从数据库读取数据到视图

    在第二天,我们创建了我们的第一个phpWeChat功能模块,但是比较简单.实际生产环境中,我们不可能有如此简单的需求.更多的情况是数据存储在MySql数据库中,我们开发功能模块的作用就是将这些数据从M ...

随机推荐

  1. 让 IE 支持HTML5 placeholder

    HTML5 新增的placeholder属性已经得到现代浏览器的支持,旨在提供简单的API可以为文本输入框设置 描述输入字段预期值的提示信息(hint). 这是W3C在标准化的过程中对用户体验的更多考 ...

  2. 数据库WMI 0x80041010 如何解决?

    在你打开 SQL Server Configuration Manager遇到以下错误的时候,请参考下面提出的解决办法 solution: 打开cmd 命令窗口执行mofcomp.exe " ...

  3. 系统管理中 bash shell 脚本常用方法总结

    在日常系统管理工作中,需要编写脚本来完成特定的功能,编写shell脚本是一个基本功了!在编写的过程中,掌握一些常用的技巧和语法就可以完成大部分功能了,也就是2/8原则 1. 单引号和双引号的区别 单引 ...

  4. Xcode7.0设置网络白名单

  5. Netty 5 传送大文件的方法

    Netty 5 提供了 一个ChunkedWriterHandler 来传送大文件,发送端如下: 添加chunedwriterhandler: ChannelPipeline p = ...; p.a ...

  6. javascript 滚动条下拉导航fixed

    <!doctype html> <html> <style> body{ margin:; padding:; } #top{ background:#; widt ...

  7. DbContext的命名空间

    未能找到类型或命名空间名称“DbContext” 解决办法:需要引用命名空间,using System.Data.Entity; 如果还报错的话,则项目需要引用程序集EntityFramework.d ...

  8. swift代码排版-参考

    代码排版包括: 空行.空格.断行和缩进等内容.代码排版内容比较多工作量很多,但是非常重要. 空行 空行将逻辑相关的代码段分隔开,以提高可读性.下列情况应该总是添加空行: 类型声明之前. import语 ...

  9. 解读 《2014 最流行编程语言》 by Code Eval

    此文已转至http://cn.abnerchou.me/2014/02/23/fa87ae80/ 原文:点我 原文翻译:点我 首先了解下CodeEval是做什么的: A tool for auto e ...

  10. Visual Studio 2015 Owin+MVC+WebAPI+ODataV4+EntityFrawork+Identity+Oauth2.0+AngularJS 1.x 学习笔记之"坑"

    1.AngularJS route 与 MVC route http://www.cnblogs.com/usea/p/4211989.html public class SingleRoute : ...