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

我是个小菜，高手请不要喷！我在网上查了好久，说用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. nginx环境下搭建nagios 3.5.0，及配置pnp4nagios画图

    本文基于<LNMP最新源码安装脚本>,Nagios依赖PHP环境和perl环境,由于Nginx不支持Perl的CGI,需先来搭建Perl环境,Nagios原理介绍略.一.下载最新稳定源码包 ...

  2. linux操作笔记

    [fedora可以ping通但是isReachAble返回false的原因] fedora18+ 防火墙设置原因,导致tcp端口不通,返回no route to host错误. 关闭防火墙命令: sy ...

  3. UITableView实现分组, 并且点击每个分组后展开

    效果图: 简单说下实现思路: 数据传过来之后, 先创建好对应个数的分组头部View, 也就是要在 - (UIView *)tableView:(UITableView *)tableView view ...

  4. Interview Algorithm

    约瑟夫环: #include <stdio.h> #include <stdlib.h> #include <string.h> int find(int *arr ...

  5. 2013中国大数据技术大会——BDTC2013

    阿里飞天平台总架构师唐洪分享了飞天开放平台. 飞天平台特点:同时支持在线和离线应用:安全控制:分布式部署,监控和诊断:无单点故障,可用性99.9%:数据3副本,数据可靠性“10个9”. 阿里飞天平台总 ...

  6. MetInfo操作笔记

    1.去版权(前台) 文件路径:templates/模板名称/foot.php <div class="powered_by_metinfo">Powered by &l ...

  7. GetWindowText

    用于得到窗口中的数据 {// TODO: If this is a RICHEDIT control, the control will not// send this notification un ...

  8. VS Code 项目编译

    编译运行vs code源码 如果我们想本地运行 vs code 需要安装一些必要的库. 我们需要安装 'Node.JS' . 这里需要注意的是,最低版本要求是'5.1.0'. 还需要安装 'Pytho ...

  9. 2016最新一元云购完整源码 云购CMS系统 带安卓和ios手机客户端 源码免费分享

    原文转自:http://www.zccode.com/thread-724-1-1.html 该资源说明: 看起来不错的一套一元云购CMS源码,源码包里面带了安卓和ios手机客户端,手机客户端需要自己 ...

  10. HTTPS 服务器搭建

    利用NGINX搭建HTTPS服务器不是一件困难的事情,过程包括以下几步 第一步:利用OpenSSL制作证书 第二步:安装NGINX,configure中保证加入ngx_http_ssl_module. ...