Vertical Menu ver4

以前一直使div来创建Vertical菜单,也曾有过3个版本。
http://www.cnblogs.com/insus/archive/2011/10/19/2217314.html

现今Insus.NET抛开DIV标签生成的方法,使用a标签,而且是能动态添加的Vertical的网站左边菜单条。
为了能够动态管理,莫非是把菜单的信息存储于数据库中,在网站的后管理页面能够添加,编辑,更新及删除这些菜单的信息。

SET ANSI_NULLS ON
GO SET QUOTED_IDENTIFIER ON
GO SET ANSI_PADDING ON
GO
-- =============================================
-- Author: Insus.NET
-- Create date: 2013-07-22
-- Description: site left menu .
-- =============================================
CREATE TABLE [dbo].[SiteMenu](
[SiteMenu_nbr] [tinyint] IDENTITY(1,1) NOT NULL,
[MenuName] [nvarchar](30) NOT NULL,
[Link] [varchar](200) NULL,
[Target] [varchar](10) NULL,
PRIMARY KEY CLUSTERED
(
[SiteMenu_nbr] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY] GO SET ANSI_PADDING OFF
GO

[dbo].[SiteMenu]

有关添加,更新和删除的存储过程,在此略过,只提供一个SELECT的存储过程:

SET ANSI_NULLS ON
GO SET QUOTED_IDENTIFIER ON
GO -- =============================================
-- Author: Insus.NET
-- Create date: 2013-07-22
-- Description: get all site left menu .
-- =============================================
CREATE PROCEDURE [dbo].[usp_SiteMenu_GetAll]
AS
SELECT [SiteMenu_nbr],[MenuName],[Link],[Target] FROM [dbo].[SiteMenu] GO

[dbo].[usp_SiteMenu_GetAll]

在网站中,需要创建一个访问数据库的类别。

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web; /// <summary>
/// Summary description for SiteMenu
/// </summary>
namespace Insus.NET
{
public class SiteMenu
{
private byte _SiteMenu_nbr;
private string _MenuName;
private string _Link;
private string _Target; public byte SiteMenu_nbr
{
get { return _SiteMenu_nbr; }
set { _SiteMenu_nbr = value; }
}
public string MenuName
{
get { return _MenuName; }
set { _MenuName = value; }
}
public string Link
{
get { return _Link; }
set { _Link = value; }
}
public string Target
{
get { return _Target; }
set { _Target = value; }
} BusinessBase objBusinessBase = new BusinessBase(); public SiteMenu()
{
//
// TODO: Add constructor logic here
//
} public DataTable GetAll()
{
return objBusinessBase.GetDataToDataSet("usp_SiteMenu_GetAll").Tables[];
}
}
}

SiteMenu.cs

在菜单呈现之前,先写好菜单的样式:
Vertical Menu ver4

菜单一般都是共用的,因此Insus.NET在演示时,把它放在MasterPage母版页内。创建一个母版页:
Vertical Menu ver4

下面是在.master.cs内,动态加载与绑定菜单的数据从数据库中。
Vertical Menu ver4

演示:
Vertical Menu ver4

上一篇:如何高效的将excel导入sqlserver?


下一篇:20165226 2017-2018-4 《Java程序设计》第6周学习总结