使用struts-menu制作树型菜单实例录像教程

Posted on 2005-12-12 10:36 oksonic 阅读(24551) 评论(43)  编辑  收藏 所属分类: java

速动画教程第十四集

 

使用struts-menu制作树型菜单实例

下载:http://sonic.peakle.net/download/sonic014.rar
 

制作人:速

 

新建j2ee工程,工程名称为:struts-menu

Context root URL: /menu

选中Add JSTL libraries to WEB-INF/lib forlder? JSTL版本(随意)

 

以下所有的文件可以从源代码中拷贝

拷贝文件中的以下内容到工程的webroot目录中

imagesscriptsstylestemplates 四个文件夹

 

拷贝以下文件到 /WEB-INF/ 目录

struts-menu.tld

struts-menu-el.tld

menu-config.xml

 

拷贝以下文件到 /WEB-INF/lib/ 目录

struts-menu-2.3.jar

velocity-1.4.jar

velocity-tools-view-1.0.jar

 

拷贝以下文件到 /src/ 目录

globalMacros.vm

 

拷贝以下文件到 /WEB-INF/lib/ 目录,此文件是在使用j2ee1.4版本创建工程时才需要

commons-lang-2.0.jar         此文件将在录像包中提供

 

刷新工程

 

创建Struts框架

 

按下Ctrl + N ,使用向导新增 struts 插件

 

Plugin class: net.sf.navigator.menu.MenuPlugIn

点击 add 按钮,在对话框中填入以下内容

Property:menuConfig

   Value:/WEB-INF/menu-config.xml

 

 

按下Ctrl + N ,使用向导新增 Action

Use case:find

其它使用默认值

 

在WebRoot目录中新建两个jsp文件,index.jsp ok.jsp

 

创建一个 Forward

name:okGo

Path:/ok.jsp

 

修改 index.jsp 文件,内容如下:

<html>

  <head>

    <title>ok</title>

  </head>

  <body>

    <a href="find.do">Find</a>

  </body>

</html>

 

修改 ok.jsp 文件,内容如下:

<%@ page contentType="text/html;charset=UTF-8" language="java"%>

<%@ taglib uri="/WEB-INF/struts-menu.tld" prefix="menu" %>

<%@ taglib uri="/WEB-INF/struts-menu-el.tld" prefix="menu-el" %>

<%@ taglib uri="/WEB-INF/c.tld" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <title>Dynamic, Database-driven Menu</title>

    <link rel="stylesheet" type="text/css" media="all"

        href="<c:url value="/styles/menuExpandable.css"/>" />

    <script type="text/javascript"

        src="<c:url value="/scripts/menuExpandable.js"/>"></script>

    <link rel="stylesheet" type="text/css" media="all"

        href="<c:url value="/styles/xtree.css"/>" />

    <script type="text/javascript"

        src="<c:url value="/scripts/xtree.js"/>"></script>

    <link rel="stylesheet" type="text/css" media="all"

        href="<c:url value="/styles/global.css"/>" />

    <script type="text/javascript">

        /* Function for showing and hiding elements that use 'display:none' to hide */

        function toggleDisplay(targetId) {

            if (document.getElementById) {

                target = document.getElementById(targetId);

                if (target.style.display == "none"){

                    target.style.display = "";

                } else {

                    target.style.display = "none";

                }

            }

        }

    </script>

</head>

<body>

    <div class="dynamicMenu">

        <menu:useMenuDisplayer name="ListMenu" repository="repository">

            <menu:displayMenu name="DatabaseMenu"/>

            <menu:displayMenu name="StandaloneMenu"/>

        </menu:useMenuDisplayer>

    </div>

    <div class="dynamicMenu tree">

    <script type="text/javascript">

        <menu:useMenuDisplayer name="Velocity" config="/templates/xtree.html"

            repository="repository">

          <c:forEach var="menu" items="${repository.topMenus}">

            <menu-el:displayMenu name="${menu.name}"/>

          </c:forEach>

        </menu:useMenuDisplayer>

    </script>

    </div>

</body>

</html>

 

创建数据库表

CREATE TABLE `menu_item` (

  `id` bigint(20) NOT NULL default '0',

  `parent_name` varchar(30) default NULL,

  `name` varchar(30) default NULL,

  `title` varchar(30) default NULL,

  `description` varchar(50) default NULL,

  `location` varchar(255) default NULL,

  `target` varchar(10) default NULL,

  `onclick` varchar(100) default NULL,

  `onmouseover` varchar(100) default NULL,

  `onmouseout` varchar(100) default NULL,

  `image` varchar(50) default NULL,

  `altImage` varchar(30) default NULL,

  `tooltip` varchar(100) default NULL,

  `roles` varchar(100) default NULL,

  `page` varchar(255) default NULL,

  `width` varchar(5) default NULL,

  `height` varchar(5) default NULL,

  `forward` varchar(50) default NULL,

  `action` varchar(50) default NULL,

  PRIMARY KEY  (`id`)

);

INSERT INTO menu_item (id, name, title) VALUES (1,'DatabaseMenu','Database Menu');

INSERT INTO menu_item (id, parent_name, name, title, location) VALUES (2,'DatabaseMenu','Yahoo','Yahoo Mail','http://mail.yahoo.com');

INSERT INTO menu_item (id, parent_name, name, title, location) VALUES(3,'DatabaseMenu','JavaBlogs','JavaBlogs','http://javablogs.com');

INSERT INTO menu_item (id, name, title, location) VALUES (4,'StandaloneMenu','Standalone Menu','http://raibledesigns.com');

 

 

创建 Hibernate 框架,配置数据库连接,关于数据库连接的配置就不做介绍了,如果不知道如何配置的话请参考以前发布的录像!

记得点击 Copy JDBC Driver and add to classpath 链接

 

打开 MyEclipse Database Explorer 视图,创建 menu_item 的映射文件

 

修改 FindAction.java 文件,内容如下:

import java.util.List;

import javax.servlet.ServletContext;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import net.sf.navigator.menu.MenuComponent;

import net.sf.navigator.menu.MenuRepository;

import org.apache.struts.action.Action;

import org.apache.struts.action.ActionForm;

import org.apache.struts.action.ActionForward;

import org.apache.struts.action.ActionMapping;

import org.hibernate.Query;

import org.hibernate.Session;

import org.hibernate.Transaction;

import com.Hibernate.MenuItem;

import com.Hibernate.SessionFactory;

 

public class FindAction extends Action {

 

    public ActionForward execute(

        ActionMapping mapping,

        ActionForm form,

        HttpServletRequest request,

        HttpServletResponse response) {

        //创建连接

                   Session session=SessionFactory.currentSession();

        //创建事务

                   Transaction tx=session.beginTransaction();

        //创建对话

                   Query query=session.createQuery("FROM MenuItem m order by id");

        List list=query.list();

        //事务提交

                   tx.commit();

        if(list.size()<0)

            return mapping.getInputForward();

        MenuRepository repository = new MenuRepository();

        HttpSession httpsession=(HttpSession)request.getSession();

        ServletContext application=(ServletContext)httpsession.getServletContext();

        MenuRepository defaultRepository = (MenuRepository)application.getAttribute(MenuRepository.MENU_REPOSITORY_KEY);

        repository.setDisplayers(defaultRepository.getDisplayers());

        for (int i=0; i < list.size(); i++) {

            MenuComponent mc = new MenuComponent();

            MenuItem mi=(MenuItem) list.get(i);

            String name = mi.getName();

            mc.setName(name);

            String parent = (String) mi.getParentName();

            System.out.println(name + ", parent is: " + parent);

            if (parent != null) {

                MenuComponent parentMenu = repository.getMenu(parent);

                if (parentMenu == null) {

                    System.out.println("parentMenu '" + parent + "' doesn't exist!");

                    // create a temporary parentMenu

                    parentMenu = new MenuComponent();

                    parentMenu.setName(parent);

                    repository.addMenu(parentMenu);

                }

                mc.setParent(parentMenu);

            }

            String title = (String)mi.getTitle();

            mc.setTitle(title);

            String location = (String) mi.getLocation();

            mc.setLocation(location);

            repository.addMenu(mc);

        }

        request.setAttribute("repository", repository);

        return mapping.findForward("okGo");

    }

}

 

以上代码是使用了hibernate操作数据,得到一个数据集,并将数据集添加到MenuRepository中

然后在jsp页面中使用以下代码显示树型菜单

<menu:useMenuDisplayer name="ListMenu" repository="repository">

            <menu:displayMenu name="DatabaseMenu"/>

            <menu:displayMenu name="StandaloneMenu"/>

        </menu:useMenuDisplayer>

 

menu-config.xml 文件中的内容已经被精减了,如果要使用XML文件来配置菜单的话,请查看struts-menu的示例

代码完成,现在进行测试!

 

好了,显示正常,这集就讲到此了,下集再见!!!

 

Feedback

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-13 22:03 by 吴淦
我认为,你的实现方法很好。巧妙的采用了Hibernate+struts的优势来设计。
但是,我还是比较喜欢采用XML数据岛+DOM+JS来设计树。数据同样可以取自数据库。效率高很多。

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-15 02:10 by jack chen
这里面的东西真的很好,真的感谢大哥如此热心!!!

有一小小建议:如果视频能换个格式就更好了,比如加上声音什么的.那样可能给我们初学者有更好的帮忙.

不管怎样,再次感谢!!!希望继续坚持下去.支持你!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-17 15:35 by cyw --bjnkd

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-22 17:07 by lubaolin
感谢呀!

太好了!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-27 11:17 by Jnaughty^_^
感谢ING~~~~~~~~~~~~~~~~~~~~~~~~~~

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-28 17:06 by pillar
内容不错,版主辛苦了,永远支持!!!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2005-12-31 15:04 by sinoline
非常感谢楼主,学到不少东西~顶~~

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-01-04 14:13 by slan
强人,就是看着有点头昏~~~~~~~~
自我感觉用dtree加struts标签或者自定义标签要方便很多

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-01-04 15:30 by wuxufeng
搂主,问一个问题,我想在frame中使用这个tree,但是我用mc.setTarget(target) 指定了他的目标,在数据库中我也添加了相应的数据,为什么还是没有转到其它的页面,很奇怪。更奇怪的是,我更新了数据库中的节点,但是现实的tree还是最原始的那个结构,晕了。

谢谢,能不能帮我看一下,我的email wuxufeng@ivo.com

请尽快联系我,搞不出来了,郁闷中

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-01-04 16:06 by wuxufeng
那个tree结构不能更新我的问题我知道了。但是后面一个更奇怪的问题,你不是有两种显示格式嘛,我把后一种删了,现在重新加回去就不能显示了说
晕倒了

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-01-04 16:20 by wuxufeng
我的那个menu显示页面,就是从你这边拷过来的,但是脚本错误,下面的那个tree显示不出来,我早上还可以显示呢

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-02-22 10:46 by 李决
晕啊!老大,你真是有心了,以后我很常来您这,向您好好学习,希望你断续下去.顶啊!!!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-03-04 20:40 by chfeng
很棒!!!!!!!!!!!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-03-28 10:15 by WW
找到亲人了!!!!!!!!!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-04-09 13:54 by xiaotong
您好!看了这个程序觉得非常好,对我的帮助很大。
可是我有一个问题,我想得到选中菜单的名字,怎么能得到,我急用,请您帮帮忙!
谢谢 !!
邮箱:xialingling_it@yahoo.com.cn

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-04-09 14:51 by dihin
谢谢!
真是一个好网站
大家共同学习

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-04-18 16:14 by ping
写得很好.

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-04-28 08:48 by onlyzzw
感谢楼主,顺便问一下,rar.gstore的后缀文件用什么解,我用WINRAR解好像缺东西。

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-05-15 10:14 by camille
strtus-menu显示成功了,偶现在面临的问题是,点击菜单中的链接怎么在指定的框架中显示的问题,改了数据库里面的target=mainFrame. 在框架页中也设定了该框架的name=mainFrame.不知道是不是还有哪个地方需要改,麻烦知道的GGMM告诉俺一下咯,共同学习,互相进步

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-05-22 08:55 by
老大,强,继续下去 ,谢谢你的帮助,我会不断来这里。。。你是一个大牛人

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-06-06 15:03 by 湘江浪子
我在数据库里加入数据想显示多级菜单,但是上面那个显示方式能出来,下面这个显示不出来,网页还报错,请问是什么原因呢!?

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-06-16 15:01 by 123456789
这样是不是只能显示这种Listmenu样式的菜单啊?
我试了试别的,那个dropdown样式的可以,别的好象都不行。
如果用别的话,需要改哪啊???
struts-menu的原理不懂,不知道怎么改。
大家帮忙啊。

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-06-20 17:23 by 123456789
这里面JSTL起的什么作用啊???

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-09-04 17:23 by ?
Unable to find a value for "name" in object of class "java.lang.String" using operator "." (null)

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-09-28 19:26 by ebookdown
辛苦辛苦!
感谢中!

# 出错求助  回复  更多评论   

2006-10-26 13:40 by ff_ff
照您的操作,出错:
According to TLD or attribute directive in tag file, attribute items does not accept any expressions
这是什么原因?
我用的是struts1.2 jstl1.1
有影响吗?

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-10-31 17:07 by 逍遥不在
大虾,我和楼上的一样的问题,请问和struts版本有关系吗?
谢谢~~~

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-12-15 11:59 by upforever
烂嘴老师,果然弓虽

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-12-18 14:42 by LeVaN
http://filmiki-najlepsze.lolas.pl">http://filmiki-najlepsze.lolas.pl ^^^ <a href="http://filmiki-najlepsze.lolas.pl">http://filmiki-najlepsze.lolas.pl">filmiki najlepsze</a> ^^^ [url]http://filmiki-najlepsze.lolas.pl">http://filmiki-najlepsze.lolas.pl[/url]

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2006-12-18 14:44 by LeVaN
http://www.50-sex-video.beibi.info ^^^ http://www.60-luvun-pukeutuminen-mies-suomi.beibi.info ^^^ http://www.gratis-virgin-urinering.biseksuell.info ^^^ http://www.transseksuell-videoer.biseksuell.info ^^^ http://www.gratis-virgin-urinering.erotiska.info ^^^ http://www.transseksuell-videoer.erotiska.info ^^^ http://www.overnaturlig-mor-arte.fitta69.info ^^^ http://www.videor-transsexuell-naken.fitta69.info ^^^ http://www.kuk-naken-porr.fotsex.info ^^^ http://www.lesbisk-ful-porr.fotsex.info ^^^ http://www.webcam-naken-hardcore.isomuna.info ^^^ http://www.maksuton-xnxx-story.isomuna.info ^^^ http://www.rakastettava-tytsyt-striptease.laukeaminen.info ^^^ http://www.mami-sexsi-maksuton.laukeaminen.info ^^^ http://www.handjager-hetest-foto.rype.info ^^^ http://www.video-fett-suging.rype.info ^^^ http://www.sexy-officegirls-gallerier.sadsprut.info ^^^ http://www.galleri-strippe-lesbisk.sadsprut.info ^^^ http://www.porno-zpornstars-naida.tytsy.info ^^^ http://www.hockey-butik-lesbisk.tytsy.info ^^^ http://www.vids-ass-picture.18analsex.com ^^^ http://www.images-anal-pics.18analsex.com ^^^

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-02-14 15:20 by 某先知
我配置好了,唯一的一个错误就是这个,请问这是什么问题?

"FindAction.java": cannot access org.apache.commons.collections.map.LinkedMap; org.apache.commons.collections.map.LinkedMap at line 42, column 28

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-02-14 21:15 by 某先知
我的当前项目的包里有commons-collections 这个包,原来还有一个2.1.1版的,我以为是两个冲突,就把2.1.1的删除了,现在还是不行...还是提示上面那个错误

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-02-15 15:24 by 某先知
已经好了,struts1.2自带的那个包不行,更新成最新版本(或者速动画的版本)的就可以了

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-03-01 09:17 by tgh_alien
我的项目里以前有commons-collections.jar这个包,用这个包会报这个错误.
Error: compiler message file broken: key=complier.err.file org\apache\commons\collections\LinkedMap.class not found argument=null,null,null,null,null,null,null
换成commons-collections-3.0.jar 就可以,但是只能是静态显示.要出数据库中取得,会有问题,取得了个java.util.List,现在要把他转成java.util.HashMap就会有问题 HashMap map=(HashMap)List.get(i) 错误是:
java.lang.ClassCastException
at entity.FindAction.execute(FindAction.java:58)
请高手指教,敬谢!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-04-20 17:48 by 软件开发
路过看看,多学习一下。

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-04-20 17:49 by 标志设计
我喜欢你的博客!

# 如果多几棵树,显示的时候就出现以下问题:  回复  更多评论   

2007-04-29 19:30 by mm
如果多几棵树,显示的时候就出现以下问题:
最先显示的树,可以点击那个+号,来显示子目录的内容,或点击-号来隐藏子目录的内容
接着显示的树,点击+或-号 都不能显示或隐藏内容哦

请问 请问是甚么问题呢

^_^

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2007-08-30 14:55 by Struts
很好,不错...

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2008-08-28 12:59 by 天亮
为什么视频下载不下来啊
呵呵但是看代码就够了 谢谢 !!顶死你!!!

# re: 使用struts-menu制作树型菜单实例录像教程  回复  更多评论   

2008-09-08 09:55 by ss
教程很好,就是视频无法下载啊。谢谢,不知道代码能不能运行

# re: 使用struts-menu制作树型菜单实例录像教程[未登录]  回复  更多评论   

2008-12-18 19:19 by killer
有病毒啊!晕死

# re: 使用struts-menu制作树型菜单实例录像教程[未登录]  回复  更多评论   

2009-03-07 17:03 by aaa
下载:http://sonic.peakle.net/download/sonic014.rar
有木马
病毒真这么好玩吗
欺骗感情

# re: 使用struts-menu制作树型菜单实例录像教程[未登录]  回复  更多评论   

2009-03-07 17:04 by aaa
<h1>真没有道德哈</h1>

只有注册用户登录后才能发表评论。


网站导航:
 

posts - 103, comments - 1104, trackbacks - 0, articles - 0

Copyright © oksonic