Asp.Net生成无限级菜单

首先创建SQL脚本

if exists (select * from sysobjects where id = OBJECT_ID('[Menu]') and OBJECTPROPERTY(id, 'IsUserTable') = 1)

DROP TABLE [Menu]

CREATE TABLE [Menu] (

[ID] [bigint]  IDENTITY (1, 1)  NOT NULL,

[MenuName] [nvarchar]  (200) NULL,

[Menu_ICON] [bigint]  NOT NULL DEFAULT (0),

[Menu_URL] [varchar]  (500) NULL,

[ParentID] [bigint]  NOT NULL DEFAULT (0),

[AddTime] [datetime]  NOT NULL,

[ICON_URL] [varchar]  (500) NULL)

ALTER TABLE [Menu] WITH NOCHECK ADD  CONSTRAINT [PK_sys_menu] PRIMARY KEY  NONCLUSTERED ( [ID] )

SET IDENTITY_INSERT [Menu] ON

页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="common_menu.aspx.cs" Inherits="AccordMenu.common_menu" %>

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <style type="text/css">

        body

        {

            margin: 0;

            padding: 30px;

            background: #FFF;

            color: #666;

        }

        h1

        {

            font: bold 16px Arial, Helvetica, sans-serif;

        }

        p

        {

            font: 11px Arial, Helvetica, sans-serif;

        }

        a

        {

            color: #900;

            text-decoration: none;

        }

        a:hover

        {

            background: #900;

            color: #FFF;

        }

        /*CSS Code for Menu Begin:*/

        /* Root = Vertical, Secondary = Vertical */

        ul#navmenu, ul#navmenu li, ul#navmenu ul

        {

            margin: 0;

            border: 0 none;

            padding: 0;

            width: 160px; /*For KHTML*/

            list-style: none;

        }

        ul#navmenu li

        {

            display: block !important; /*For GOOD browsers*/

            display: inline; /*For IE*/

            position: relative;

        }

        /* Root Menu */

        ul#navmenu a

        {

            border: 1px solid #FFF;

            border-right-color: #CCC;

            border-bottom-color: #CCC;

            padding: 0 6px;

            display: block;

            background: #EEE;

            color: #666;

            font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

            text-decoration: none;

            height: auto !important;

            height: 1%; /*For IE*/

        }

        /* Root Menu Hover Persistence */

        ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a

        {

            background: #CCC;

            color: #FFF;

        }

        /* 2nd Menu */

        ul#navmenu li:hover li a, ul#navmenu li.iehover li a

        {

            background: #EEE;

            color: #666;

        }

        /* 2nd Menu Hover Persistence */

        ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a

        {

            background: #CCC;

            color: #FFF;

        }

        /* 3rd Menu */

        ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a

        {

            background: #EEE;

            color: #666;

        }

        /* 3rd Menu Hover Persistence */

        ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a

        {

            background: #CCC;

            color: #FFF;

        }

        /* 4th Menu */

        ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a

        {

            background: #EEE;

            color: #666;

        }

        /* 4th Menu Hover */

        ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover

        {

            background: #CCC;

            color: #FFF;

        }

        ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul

        {

            display: none;

            position: absolute;

            top: 0;

            left: 160px;

        }

        /* Do Not Move - Must Come Before display:block for Gecko */

        ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul

        {

            display: none;

        }

        ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul

        {

            display: block;

        }

    </style>

    <script type="text/javascript">

        <!--

        navHover = function () {

            var lis = document.getElementById("navmenu").getElementsByTagName("LI");

            for (var i = 0; i < lis.length; i++) {

                lis[i].onmouseover = function () {

                    this.className += " iehover";

                }

                lis[i].onmouseout = function () {

                    this.className = this.className.replace(new RegExp(" iehover\\b"), "");

                }

            }

        }

        if (window.attachEvent) window.attachEvent("onload", navHover);

        function gotoURL(szURL) {

            if (szURL == "") return;

            window.open(szURL, 'Main', '');

        }

        function SelectMenu(object, szURL) {

            for (var i = 0; i < document.all.length; i++) {

                if (document.all(i).className == "SelectedMenuLevel2")

                    document.all(i).className = "MenuLevel2"

                else if (document.all(i).className == "SelectedMenuLevel1")

                    document.all(i).className = "MenuLevel1"

            }

            if (object.className == "MenuLevel2")

                object.className = "SelectedMenuLevel2";

            else if (object.className == "MenuLevel1")

                object.className = "SelectedMenuLevel1";

            gotoURL(szURL);

        }

        function resizeMenu() {

            if (Menu.style.display == '') {

                Menu.style.display = 'none';

                resizeIcon_Show.style.display = 'none';

                resizeIcon_Hidden.style.display = '';

                top.Bottom.cols = '7,*';

            }

            else {

                Menu.style.display = '';

                resizeIcon_Show.style.display = '';

                resizeIcon_Hidden.style.display = 'none';

                top.Bottom.cols = '180,*';

            }

        }

        -->

    </script>

</head>

<body>

    <table height="100%" cellspacing="0" cellpadding="0" border="0">

        <tr valign="top">

            <td id="Menu" style="width: 180">

                <!--**-->

                <table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0">

                    <tr valign="top">

                        <td valign="middle" align="center" background="../images/Desk/ResizeBg.gif" style="width: 7px">

                            &nbsp;

                        </td>

                        <td>

                            <ul id="navmenu">

                                <%= _menu %>

                            </ul>

                        </td>

                    </tr>

                </table>

            </td>

            <td valign="middle" align="center" background="../images/Desk/ResizeBg.gif" style="width: 7px">

                <span id="resizeIcon_Show" style="cursor: hand" onclick="javascript:resizeMenu()"

                    title="隐藏菜单">

                    <img src="../images/Desk/Resize_Hidden.gif" width="7" height="48"></span> <span id="resizeIcon_Hidden"

                        style="display: none; cursor: hand" onclick="javascript:resizeMenu()" title="显示菜单">

                        <img src="../images/Desk/Resize_Show.gif" width="7" height="48"></span>

            </td>

        </tr>

    </table>

    <script language="javascript" event="oncontextmenu" for="document">

              if (!event.ctrlKey) return false;

    </script>

</body>

</html>

后台代码

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data.SqlClient;

using System.Data;

using System.Text;

namespace AccordMenu

{

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

    {

        protected void Page_Load(object sender, System.EventArgs e)

        {

            //try

            //{

            //    string CheckSessionStr = Session["id"].ToString();

            //}

            //catch

            //{

            //    Response.Write("<script language=javascript>alert('请登录');top.location='../index.aspx'</script>");

            //}

            if (!IsPostBack)

            {

                ListMenu();

            }

        }

        protected string _menu = string.Empty;

        public void ListMenu()

        {

            StringBuilder sb = new StringBuilder();

            DataTable _list = new DataTable();

            string ConctionStr = "Data Source=127.0.0.1;Initial Catalog=AccordMenu;Integrated Security=False;User ID=sa;Password=sa";

            using (SqlConnection conec = new SqlConnection(ConctionStr))

            {

                conec.Open();

                string SqlText = "SELECT * FROM sys_menu";

                SqlCommand Comand = new SqlCommand(SqlText, conec);

                SqlDataAdapter Adaper = new SqlDataAdapter(Comand);

                Adaper.Fill(_list);

                Adaper.Dispose();

                Comand.Dispose();

                conec.Close();

            }

            DataRow[] rows = _list.Select("ParentID=0");

            foreach (DataRow dr in rows)

            {

                string id = dr["ID"].ToString();

                string name = dr["MenuName"].ToString();

                sb.AppendFormat("<li ID=\"{2}\"><a href=\"javascript:;\" onclick=\"gotoURL('{0}');\">{1}</a>\r\n", dr["Menu_URL"].ToString(), name, id);//href可以写需要的链接地址

                sb.Append(GetSubMenu(id, _list));

                sb.Append("</li>\r\n");

            }

            _menu = sb.ToString();

        }

        /// <summary>

        /// 递归调用生成无限级别

        /// </summary>

        /// <param name="pid"></param>

        /// <param name="dt"></param>

        /// <returns></returns>

        private string GetSubMenu(string pid, DataTable dt)

        {

            StringBuilder sb = new StringBuilder();

            DataRow[] rows = dt.Select("ParentID=" + pid);

            sb.Append("<ul>\r\n");

            foreach (DataRow dr in rows)

            {

                string id = dr["ID"].ToString();

                string name = dr["MenuName"].ToString();

                sb.AppendFormat("<li ID=\"{2}\"><a href=\"javascript:;\" onclick=\"gotoURL('{0}');\">{1}</a>\r\n", dr["Menu_URL"].ToString(), name, id);//href可以写需要的链接地址

                sb.Append(GetSubMenu(id, dt));  //递归

                sb.Append("</li>\r\n");

            }

            sb.Append("</ul>\r\n");

            return sb.ToString();

        }

    }

}

Asp.Net生成无限级菜单的更多相关文章

jQuery仿京东无限级菜单HoverTree
官方网址:http://keleyi.com/jq/hovertree/ 效果图: 看了上面效果图,你或许已经明白为什么是仿京东菜单.如果还不明白,请访问http://list.jd.com/list ...
Go语言实现excel导入无限级菜单结构
目录需求实现测试简单例子复杂例子需求最近有一个需求,要实现一个无限级结构的树型菜单,差不多长下面这个样子我们知道无限级实现思路都是用一个parent_id将各种层级串联起来,顶级的pa ...
用C#从数据库动态生成AdminLTE菜单的一种方法
当前的应用设计风格趋于Flat扁平化,很多基于BootStrap实现了很多UI非常漂亮的管理界面(Bootstrap admin template). 此核心文件开源在Github:https://g ...
ASP.NET生成WORD文档，服务器部署注意事项
网上转的,留查备用,我服务器装的office2007所以修改的是Microsoft Office word97 - 2003 文档这一个. ASP.NET生成WORD文档服务器部署注意事项 1.Asp ...
MVC5+EF6 入门完整教程13 -- 动态生成多级菜单
稍微有一定复杂性的系统,多级菜单都是一个必备组件. 本篇专题讲述如何生成动态多级菜单的通用做法. 我们不用任何第三方的组件,完全自己构建灵活通用的多级菜单. 需要达成的效果:容易复用,可以根据mode ...
asp.net生成PDF文件 (1)
asp.net生成PDF文件 (1) 这个是例子是网上淘来的,哈哈,很有用的! 首先要到网上下载itextsharp.dll,然后添加引用,主程序如下: 1 2 3 4 5 6 7 8 9 10 11 ...
asp.net生成二维码的方法
asp.net生成二维码的方法 [复制链接] 这个要利用一个Dll文件. 如下 Gma.QrCodeNet.Encoding.dll (105.5 KB, 下载次数: 27) 当然大家也可以直 ...
asp.net生成RSS
经常看到博客.还有很多网站中有RSS订阅,今天就来玩玩asp.net生成RSS,在网上查找了相关资料发现just soso,如下: aspx <?xml version="1.0&q ...
asp.net 生成、解析条形码和二维码
原文 asp.net 生成.解析条形码和二维码一.条形码一维码,俗称条形码,广泛的用于电子工业等行业.比如我们常见的书籍背面就会有条形码,通过扫描枪等设备扫描就可以获得书籍的ISBN(Intern ...

随机推荐

CentOS按电源键关机
chkconfig --list查看没有acpid服务.安装之后解决yum install acpid -y 安装后需要重启,不然会提示:* Starting acpid ...acpid: can' ...
将cmake文件转化为vs方便代码阅读与分析
下面通过“chengxuyuancc”同学的图来说明.通过cmake将winafl cmake编译方式转化为vs2015,方便源码阅读与分析. 1.到官网下载cmake软件.启动图形版 2.选择源码目 ...
ARM芯片stm32中的AHB和APB
AHB,是Advanced High performance Bus的缩写,译作高级高性能总线,这是一种“系统总线”.AHB主要用于高性能模块(如CPU.DMA和DSP等)之间的连接.AHB 系统由主 ...
CodeForces 732E Sockets
贪心,优先队列. 将$s$按照从小到大的顺序扔进优先队列.从小的开始与电脑配对,如果找不到合适的电脑,那么再变小一次,直到找到与之配对的电脑或者作废. #pragma comment(linker, ...
循序渐进PYTHON3（十三） --6-- COOKIE和SESSION
1. 由于HTTP协议是无状态的协议(发送一次请求即断开),所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户,这个机制就是Session. 典型的场景比如购物车,当 ...
大数据技术之_16_Scala学习_05_面向对象编程-中级
第七章面向对象编程-中级7.1 包7.1.1 Java 中的包7.1.2 Scala 中的包7.1.3 Scala 包的特点概述7.1.4 Scala 包的命名7.1.5 Scala 会自动引入的常 ...
验证二叉查找树（LintCode）
验证二叉查找树给定一个二叉树,判断它是否是合法的二叉查找树(BST) 一棵BST定义为: 节点的左子树中的值要严格小于该节点的值. 节点的右子树中的值要严格大于该节点的值. 左右子树也必须是二叉查找 ...
coreseek mmseg分词配置和创建
1.文件格式为沃尔沃 1x:1现代 1x:1徐工 1x:1住友 1 ... 3.将生成的符合格式要求的词表粘贴到原词表unigram.txt末尾,保存为unigram_new.txt,并拷贝到mms ...
POJ 2348 Euclid's Game 博弈论
http://poj.org/problem?id=2348 顺便说,必应翻译真的好用,比谷歌翻译好用100倍. 很难判断这道题的具体博弈类型. 有两种写法,一种是找规律,一种是推理得到关系后循环(或 ...
[P3806] Divide and Conquer on Tree
Link: P3806 传送门 Solution: 询问树上是否存在两点间的距离为$k$,共有$m$次询问($m\le 100,k\le 1e7$) 预处理出所有距离的可能性再$O(1)$出解的复杂度 ...

Asp.Net生成无限级菜单

Asp.Net生成无限级菜单的更多相关文章

随机推荐

热门专题