吉福美食网
您的当前位置:首页EasyUI实现树形功能菜单

EasyUI实现树形功能菜单

来源:吉福美食网
 本文主要介绍了基于EasyUI的基础之上实现树形功能菜单,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。

页面展示截图如下:

为了实现以上效果,在开始前必须先将环境配置一下。

第一步: 首先,先将 jquery-easyui-1.2.6 文件引入到工程项目下,并在jsp页面上进入引入3个jsp文件和2个css文件。如下:


引入顺序必须按照以上顺序引入,否则页面展示效果将出错。

第二步:引入jar包,分别为:commons-beanutils-1.8.3.jar、commons-collections-3.2.1.jar、commons-lang-2.5.jar、commons-logging-1.1.1.jar、ezmorph-1.0.6.jar、json-lib-2.3-jdk15.jar、mysql-connector-java-5.1.17-bin.jar

代码实现

1、创建数据表


2、JDBC连接工具类

JDBCUtils.Java


3、创建实体类domain

Menu.java


TreeDTD.java


4、创建接口DAO

MeunDao.java


5、实现DAO接口方法Bean

MenuDaoBean.java


6、创建Servlet 并配置映射文件

MenuServlet.java


映射文件信息:

Web.xml


7、JSP网页代码


        
显示全文