基于asp.net的webmenu的数据操作

2022-07-15 80酷酷网 80kuku.com

　　asp.net|web|数据

摘要：越来越多的网页中使用到了菜单，一般说来，菜单制作的方法比较多，编程的语言基本上是javascript或者vbscript这两种，这种菜单一旦制作好就不能改变，修改起来比较麻烦。本文讲解webmenu控件，同时给出实例，讲菜单和数据库结合起来，实现动态的菜单。

前言：

下拉菜单技术常常在大型网站（如微软公司网站）中被用于网站导航，这样可有效的缩短浏览者定位至特定内容的时间。用Javascript或VBscript虽可实现该项效果，但需要学习脚本语言和DHTML。或者，还可以用Dreamweaver和CSS也能制作出（多级）下拉菜单。

对菜单的显示过程进行一下分析，可以发现以下几点：

1 当鼠标移动到文字（或图像）上，菜单显示；

2 鼠标从文字（或图像）上移开（除菜单外的位置），菜单消失；

3 鼠标从文字（或图像）移动到菜单上，菜单保持显示(这是关键)；鼠标从菜单移开，菜单消失。

4 对于多级菜单还要保持上下级菜单的同步。

5当鼠标移动到菜单项目上，菜单项的外观（前景，背景或边框）变化。

这些特点实现了菜单的部分功能，某一些菜单功能无法通过或者不方便通过脚本语言来操作，例如，怎么来实现菜单的Disenable和Enable功能。还有怎么来实现菜单的“过程操作”（也就是没有点击“打开文件”，就无法进行“编辑”功能），这些方法均无法通过脚本来实现，同时脚本语句嵌入HTML语言中，结构复杂，写作麻烦，技术要求较高，不能迅速掌握，现在也有一些写作网页菜单的工具，通过软件操作，生成脚本，然后拷贝脚本到网页里，尽管这样也可以实现网页菜单，但是也无法实现上文所说的部分功能。

第一部分：Web Munu控件

在网上搜索到了一个很有用的控件，WebMenu for ASP.NET（http://www.coalesys.com），这个控件除了能够实现生成脚本语言的功能之外，就是还可以支持数据库操作，通过在数据库里设置一些属性的值，可以实现菜单的相关功能。而且该控件生成的脚本可以面向国中内核的浏览器，做到了真正的兼容，使用起来没有后顾之忧。

使用之前要注册。注册后就可以把注册码嵌入ASP.net的后台，以便分发部署的时候不会出错。Web Menu的License key是一个字符串，格式为："用户名:公司名称:序列号"具体使用如下：

WebMenu.UserData = "John Doe:Acme Corp:1234567890";

//如果没有公司名称，使用方法如下：
WebMenu.UserData = "John Doe::1234567890";

具体使用这个控件的方法如下：

1：拷贝DLL到解决方案的bin目录。

2：在您的页面上注册。语句为：

<% Register TagPrefix="cswm" Namespace="Coalesys.WebMenu" Assembly="Coalesys.WebMenu" %>

3：在页面上放置Web Menu对象。

4：添加菜单组和菜单项。

5：添加嵌套菜单组和菜单项。

<cswm:WebMenu
          ID = "QuickMenu"
          ClearPixelImage = "/images/clearpixel.gif"
          PopupIcon = "/images/popup.gif"
          SelectedPopupIcon = "/images/selectedpopup.gif"
          runat = "server">

          <cswm:Group
                    Caption = "Home"
                    runat="server">

                    <cswm:Item
                               Caption = "News"
                               URL = "News.aspx"
                               runat = "server" />

                    <cswm:Item
                               Caption = "About"
                               URL = "About.aspx"
                               runat = "server" />

                    <cswm:Item
                               Caption = "Products"
                               runat = "server">

                               <cswm:Group runat="server">

                                         <cswm:Item
                                                   Caption = "Super Widget"
                                                   URL = "SuperWidget.aspx"
                                                   runat = "server" />

                                         <cswm:Item
                                                   Caption = "Super Widget Pro"
                                                   URL = "SuperWidgetPro.aspx"
                                                   runat = "server" />

                               </cswm:Group>

                    </cswm:Item>

          </cswm:Group>

</cswm:WebMenu>

在Asp.net里操作的基本过程如下

1：添加控件对象到VS.net的工具箱

找到相应的DLL：

2：拖放Web Menu到页面上。

效果图如下：

3：编程。

第二部分：数据库操作

为了实现通过数据库来操作菜单功能，建立下表：

其中的部分数据如下：

可以看到有File，Edit，Options等几个菜单组，在File里又有New，Open，Save等。在Asp.net后台

程序代码如下：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data.OleDb;

namespace WebApplication6

{

/// <summary>

/// WebForm1 的摘要说明。

/// </summary>

public class WebForm1 : System.Web.UI.Page

{

protected Coalesys.WebMenu.WebMenu csNetMenu;

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

{

// 在此处放置用户代码以初始化页面

csNetMenu.MenuBar.AbsoluteDockEnabled = false;

csNetMenu.MenuBar.AbsoluteDragEnabled = false;

csNetMenu.MenuBar.BackgroundColor = "";

csNetMenu.MenuBar.OuterHighlightColor = "#666666";

csNetMenu.MenuBar.OuterShadowColor = "#666666";

csNetMenu.MenuBar.InnerShadowColor = "#F9F8F7";

csNetMenu.MenuBar.HoverColor = "#dfdfdf";

csNetMenu.MenuBar.SelectedColor = "#B6BDD2";

csNetMenu.MenuBar.SelectedTextColor = "#000000";

csNetMenu.BackgroundColor = "";

csNetMenu.SelectedColor = "#B6BDD2";

csNetMenu.OuterHighlightColor = "#c0c0c0";

csNetMenu.OuterShadowColor = "#c0c0c0";

csNetMenu.InnerShadowColor = "#808080";

csNetMenu.PopupIcon = "./images/arrow-black.gif";

csNetMenu.SelectedPopupIcon = "./images/arrow-white.gif";

csNetMenu.ClearPixelImage = "./images/clearpixel.gif";

// Populate WebMenu

LoadWebMenuData(csNetMenu);

}

//=============================================================================

// LoadWebMenuData - load webmenu from database

// input:

// csWebMenu - [in] Coalesys.WebMenu.WebMenu object

// output:

// none

public void LoadWebMenuData(Coalesys.WebMenu.WebMenu csWebMenu)

{

Coalesys.WebMenu.Group csMenuGroup;

// database info

string dbConnString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=";

string dbPathString = Server.MapPath("./SelfReferencedTable.mdb");

string dbSqlString = "SELECT * FROM Nodes ORDER BY ID";

// Initiate OleDb interface

OleDbConnection dbConn = new OleDbConnection(dbConnString + dbPathString);

OleDbCommand dbComm = new OleDbCommand(dbSqlString, dbConn);

OleDbDataAdapter dbAdapter = new OleDbDataAdapter();

dbConn.Open();

// Fill an ADO.NET DataSet

DataSet ds = new DataSet();

dbAdapter.SelectCommand = dbComm;

dbAdapter.Fill(ds, "MenuItems");

dbConn.Close();

// Create the data relation between the ID and Parent_ID columns of the MenuItems table.

// (this is the key to hierarchical navigating in a self-referencing table).

DataRelation dr = ds.Relations.Add("MenuItemHierarchy",

ds.Tables["MenuItems"].Columns["ID"],

ds.Tables["MenuItems"].Columns["Parent_ID"]);

// Start top-down navigation of the MenuItem rows.

foreach(DataRow dbMenuItem in ds.Tables["MenuItems"].Rows)

{

// If the Parent_ID colum is null, then this is a root menu item.

if(dbMenuItem.IsNull("Parent_ID"))

{

// Create a menu group for the root menu item

csMenuGroup = csWebMenu.Groups.Add();

csMenuGroup.Caption = dbMenuItem["Caption"].ToString();

// execute the recursive function to populate all it's children.

AddMenuItems(dbMenuItem.GetChildRows(dr), dr, csMenuGroup);

}

//=============================================================================

// AddMenuItems - Recursive function to populate hierarchical Menu Items

// from data rows that have parent/child relationships.

// input:

// dataRows - [in] Child Rows

// dataRel - [in] Data Relation

// webMenuGroup - [in] WebMenu Group

// output:

// none

public void AddMenuItems(DataRow[] dataRows, DataRelation dataRel, Coalesys.WebMenu.Group webMenuGroup)

{

Coalesys.WebMenu.Item csMenuItem;

Coalesys.WebMenu.Group csNestedMenuGroup;

DataRow[] drChildren;

foreach(DataRow dbMenuItem in dataRows)

{

csMenuItem = webMenuGroup.Items.Add();

csMenuItem.Caption = dbMenuItem["Caption"].ToString();

csMenuItem.URL = dbMenuItem["URL"].ToString();

if (dbMenuItem["Enable"].ToString()=="True" )

{

csMenuItem.Enabled=true;

}

else

{

csMenuItem.Enabled=false;

}

// check if this Item has children of it's own

drChildren = dbMenuItem.GetChildRows(dataRel);

// if so, create a group for the children and reenter this function.

if(drChildren.Length > 0)

{

csNestedMenuGroup = csMenuItem.AddGroup();

AddMenuItems(drChildren, dataRel, csNestedMenuGroup);

}

效果图如下：

其中可以看到，Help菜单有两项内容：Contents和About，其中，Contents又有Topics和ObjectReference，但是这里的Topics已经被Disenable了，不能点击，菜单的使能由数据库里的Enable字段决定，这样实现了动态菜单的生成。如果菜单的项目由改变，只需要在数据库里面进行操作就可以了，从而实现了web页面实现菜单的基本功能。除了能够实现这些功能外，还可以在菜单中添加图标，可停靠等。如下图：

索要源代码和作者联系方式：l_yx123sina.com.cn，谢谢支持。