| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2757 人关注过本帖
标题:系统左边的折叠菜单怎么与数据库相连?
只看楼主 加入收藏
青格儿
Rank: 4
等 级:贵宾
威 望:11
帖 子:698
专家分:20
注 册:2007-7-31
结帖率:87.5%
收藏
 问题点数:0 回复次数:12 
系统左边的折叠菜单怎么与数据库相连?
系统左边的折叠菜单,怎么与数据库相连(用datatable吗?)
那么从数据库里读出来的(菜单和子菜单在一个表里放的,用的是ID和parentID区分的)。那如何显示的时候把它们分开显示(也就是header显示菜单,Content显示子菜单)就像下图一样.(大菜单下面展开后是小菜单)

图片附件: 游客没有浏览图片的权限,请 登录注册
搜索更多相关主题的帖子: 数据库 菜单 系统 折叠 
2008-06-23 10:00
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:40
帖 子:1787
专家分:7527
注 册:2007-6-27
收藏
得分:0 
青妹妹帮你顶一下!
青妹妹帮你顶一下!

Q:1428196631,百度:开发地 即可找到我,有事请留言!
2008-06-23 12:33
中国第一色
Rank: 1
等 级:新手上路
帖 子:20
专家分:0
注 册:2008-6-23
收藏
得分:0 
MM的问题一定要热情解答的。
2008-06-23 13:46
中国第一色
Rank: 1
等 级:新手上路
帖 子:20
专家分:0
注 册:2008-6-23
收藏
得分:0 
<html xmlns="http://www. >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <STYLE type=text/css>
BODY {
    BACKGROUND: #799ae1; MARGIN: 0px; FONT: 9pt 宋体
}
TABLE {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}

TD {
    FONT: 12px 宋体
}
IMG {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
A {
    FONT: 12px 宋体; COLOR: #215dc6; TEXT-DECORATION: none
}
A:hover {
    COLOR: #428eff
}
.sec_menu {
    BORDER-RIGHT: white 1px solid; BACKGROUND: #d6dff7; OVERFLOW: hidden; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid
}
.menu_title {
    
}
.menu_title SPAN {
    FONT-WEIGHT: bold;
    LEFT: 8px;
    COLOR: #215dc6;
    POSITION: relative;
    TOP: 2px;
    visibility: visible;
}
.menu_title2 {
    
}
.menu_title2 SPAN {
    FONT-WEIGHT: bold; LEFT: 8px; COLOR: #428eff; POSITION: relative; TOP: 2px
}
</STYLE>
<SCRIPT language=javascript>
function menuShow(obj,maxh,obj2)
{
  if(obj.style.pixelHeight<maxh)
  {
    obj.style.pixelHeight+=maxh/10;
    obj.filters.alpha.opacity+=20;
    obj2.background="images/title_bg_hide.gif";
    if(obj.style.pixelHeight==maxh/10)
      obj.style.display='block';
    myObj=obj;
    myMaxh=maxh;
    myObj2=obj2;
    setTimeout('menuShow(myObj,myMaxh,myObj2)','5');
  }
}
function menuHide(obj,maxh,obj2)
{
  if(obj.style.pixelHeight>0)
  {
    if(obj.style.pixelHeight==maxh/5)
      obj.style.display='none';
    obj.style.pixelHeight-=maxh/5;
    obj.filters.alpha.opacity-=10;
    obj2.background="images/title_bg_show.gif";
    myObj=obj;
    myMaxh=maxh
    myObj2=obj2;
    setTimeout('menuHide(myObj,myMaxh,myObj2)','5');
  }
  else
    if(whichContinue)
      whichContinue.click();
}
function menuChange(obj,maxh,obj2)
{
  if(obj.style.pixelHeight)
  {
    menuHide(obj,maxh,obj2);
    whichOpen='';
    whichcontinue='';
  }
  else
    if(whichOpen)
    {
      whichContinue=obj2;
      whichOpen.click();
    }
    else
    {
      menuShow(obj,maxh,obj2);
      whichOpen=obj2;
      whichContinue='';
    }
}
</SCRIPT>

<SCRIPT lanuage="Javascript">
var tt='start';
var ii='start';
function turnit(ss,bb) {

  if (ss.style.display=="none") {
    if(tt!='start') tt.style.display="none";
    if(ii!='start') ii.src="dian.gif";
    ss.style.display="";
    tt=ss;
    ii=bb;
    bb.src="ball.gif";
  }
  else {
    ss.style.display="none";
    bb.src="dian.gif";
  }
}

function openWindow(url) {
  popupWin = window.open(url, 'new_page', 'width=400,height=410,scrollbars')
}
</SCRIPT>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#FF9800">
    <form id="form1" runat="server">

<TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
<TBODY>
  <TR>
    <TD vAlign=top>
      <TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
        <TBODY>
        <TR style="CURSOR: hand">
          <TD vAlign=bottom height=42><IMG height=38
            src="images/title.gif" width=158>
</TD>
        </TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
        <TBODY>
        <TR style="CURSOR: hand">
            <TD class=menu_title onMouseOver="this.className='menu_title2';"
          onmouseout="this.className='menu_title';"
          background="images/title_bg_quit.gif"
            height=25><SPAN><a href="News.aspx"  target="main"><B>管理首页</B></A>/<a href="logout.aspx" target=_top><B>退出</B></A></SPAN>
            </TD>
          </TR></TBODY></TABLE>&nbsp;
      <TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
        <TBODY>
        <TR style="CURSOR: hand">
            <TD class=menu_title id=menuTitle1
          onmouseover="this.className='menu_title2';"
          onclick=menuChange(menu1,80,menuTitle1);
          onmouseout="this.className='menu_title';"
          background="images/title_bg_hide.gif"
            height=25><SPAN>信息管理</SPAN> </TD>
          </TR>
        <TR>
            <TD align="center" valign="middle">
              <DIV class=sec_menu id=menu1
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 158px; HEIGHT: 0px">
                <TABLE  cellSpacing=0
            cellPadding=0 width=135 align=center>
                  <TBODY>
                    <TR>
                      <TD height=25><A href="News.aspx" target="main" >信息管理</A></TD>
                    </TR>
               <TR>
                      <TD height=25><A href="News_Add.aspx" target="main">添加信息</A></TD>
                    </TR>
                                   <TR>
                      <TD height=25><A href="News_Type.aspx" target="main">信息分类</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </DIV></TD></TR></TBODY></TABLE>&nbsp;   
      
     
           
            
      &nbsp;
      <SCRIPT language=javascript>
  var whichOpen="";
  var whichContinue='';
      </SCRIPT>
      &nbsp;
      
      
      
      <TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
        <TBODY>
          <TR style="CURSOR: hand">
            <TD class=menu_title id=menuTitle7
          onmouseover="this.className='menu_title2';"
          onclick=menuChange(menu7,110,menuTitle7);
          onmouseout="this.className='menu_title';"
          background="images/title_bg_show.gif"
            height=25><SPAN>会议管理</SPAN> </TD>
          </TR>
          <TR>
            <TD valign="middle">
              <DIV class=sec_menu id=menu7
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 158px; HEIGHT: 0px">
                <TABLE  cellSpacing=2
            cellPadding=0 width=135 align=center>
                  <TBODY>
                                         <TR>
                      <TD height=25><A href="AddRoom.aspx" target="main">添加教室</A></TD>
                    </TR>
                    <TR>
                      <TD height=25><A href="Rooms.aspx" target="main">会议教室</A></TD>
                    </TR>
                    <TR>
                      <TD height=25><A href="RoomStatus.aspx" target="main">教室开放管理</A></TD>
                    </TR>
                    <TR>
                      <TD height=25><A href="RoomSQ.aspx" target="main">会议室申请</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
            </DIV></TD>
          </TR>
        </TBODY>
      </TABLE><br>
      <TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
        <TBODY>
          <TR style="CURSOR: hand">
            <TD class=menu_title id=menuTitle9
          onmouseover="this.className='menu_title2';"
          onclick=menuChange(menu9,100,menuTitle9);
          onmouseout="this.className='menu_title';"
          background="images/title_bg_show.gif"
            height=25><SPAN>礼品管理</SPAN> </TD>
          </TR>
          <TR>
            <TD valign="middle">
              <DIV class=sec_menu id=menu9
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 158px; HEIGHT: 0px">
                <TABLE  cellSpacing=2
            cellPadding=0 width=135 align=center>
                  <TBODY>
                    <TR>
                      <TD height=25><A href="AddGift.aspx" target="main">添加礼品</A></TD>
                    </TR>
                       <TR>
                      <TD height=25><A href="Gifts.aspx" target="main">礼品管理</A></TD>
                    </TR>
                                           <TR>
                      <TD height=25><A href="MyGift.aspx" target="main">礼品申请</A></TD>
                    </TR>
                  </TBODY>
                </TABLE>
            </DIV></TD>
          </TR>
        </TBODY>
      </TABLE>
      <br>
       <TABLE cellSpacing=0 cellPadding=0 width=158 align=center>
        <TBODY>
          <TR style="CURSOR: hand">
            <TD class=menu_title id=menuTitle5
          onmouseover="this.className='menu_title2';"
          onclick=menuChange(menu5,150,menuTitle5);
          onmouseout="this.className='menu_title';"
          background="images/title_bg_show.gif"
            height=25><SPAN>系统管理</SPAN> </TD>
          </TR>
          <TR>
            <TD valign="middle">
              <DIV class=sec_menu id=menu5
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 158px; HEIGHT: 0px">
                <TABLE  cellSpacing=2
            cellPadding=0 width=135 align=center>
                  <TBODY>
                    <TR>
                      <TD height=25><A href="Pwd.aspx" target="main">修改管理员密码</A></TD>
                    </TR> <TR>
                      <TD height=25><A href="AddUser.aspx" target="main">添加用户信息</A></TD>
                    </TR>      
                     <TR>
                      <TD height=25><A href="Users.aspx" target="main">用户信息列表</A></TD>
                    </TR>
            
                  </TBODY>
                </TABLE>
            </DIV></TD>
          </TR>
        </TBODY>
      </TABLE>
        <uc1:Check ID="Check1" runat="server" />



    </form>
</body>
</html>
2008-06-23 13:46
中国第一色
Rank: 1
等 级:新手上路
帖 子:20
专家分:0
注 册:2008-6-23
收藏
得分:0 
把上面的文件保存为.HTML的格式就可以了
2008-06-23 14:00
中国第一色
Rank: 1
等 级:新手上路
帖 子:20
专家分:0
注 册:2008-6-23
收藏
得分:0 
数据库设计的时候分大类和小类,读取数据的时候就好办了。
2008-06-23 14:11
hinroe
Rank: 1
等 级:新手上路
帖 子:46
专家分:0
注 册:2007-7-27
收藏
得分:0 
<TD height=25><A href="AddGift.aspx" target="main">添加礼品</A></TD>
                    </TR>
                       <TR>
                      <TD height=25><A href="Gifts.aspx" target="main">礼品管理</A></TD>
                    </TR>
                                           <TR>
                      <TD height=25><A href="MyGift.aspx" target="main">礼品申请</A></TD>
这些菜单项是从数据库读出来的吗?(怎么没有数据库绑定?)你的是直接写菜单名称在html代码里了。人家要的是菜单项也从数据库里取出来,显示成那样的样式。她想问怎么控制显示项。(大菜单下显示小菜单,就像Treeview一样分根节点(相当于大菜单)和子节点(相当于子节点)

祝编程快乐
2008-06-23 19:56
青格儿
Rank: 4
等 级:贵宾
威 望:11
帖 子:698
专家分:20
注 册:2007-7-31
收藏
得分:0 
对啊,我就是要楼上说的种,我用了Accordion做民折叠菜单。我还用了repeter绑定到了数据库,可是它把数据库表里的菜单全读出来了,没分层啊。简单来说,就是Accordion如何与数据库相连,连接后怎么把它们显示在不同的Accordionpane里。
2008-06-23 21:02
青格儿
Rank: 4
等 级:贵宾
威 望:11
帖 子:698
专家分:20
注 册:2007-7-31
收藏
得分:0 
简单来说,就是Accordion如何与数据库相连,连接后怎么把它们显示在不同的Accordionpane里。
也可以不用Accordion。请朋友给我想个办法,让权限表里的权限与左边系统折叠菜单相照应,这不能手动写左边的菜单项吧,手动添加的话,没办法管理啊,是吧?那它怎么与数据库表相对应呢?

[[it] 本帖最后由 青格儿 于 2008-6-24 08:48 编辑 [/it]]
2008-06-23 21:03
yyltt
Rank: 1
等 级:新手上路
帖 子:18
专家分:0
注 册:2008-3-31
收藏
得分:0 
我认为,用treeview,以及,应该是最合适的,html和js功能有限,且是在客户端执行的。你先查treeview控件的使用,不是很复杂的,它本身就有父、子条目的多种功能,在中,treeview和数据库连接完全是代码可控制的,可以满足你的要求。不好意思,我刚看过不久,不想倒回去,只能提供参考意见
2008-06-25 12:43
快速回复:系统左边的折叠菜单怎么与数据库相连?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.042350 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved