SpringMVC+EasyUI实现页面左侧导航菜单功能

SpringMVC+EasyUI实现页面左侧导航菜单功能

1. 效果图展示

2. 工程目录结构

注意: webapp下的resources目录放置easyui和js(jquery文件是另外的)

3. 代码

index.jsp

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

<%--以下三个js文件导入顺序不要调整!!--%>

springmvc.xml配置静态资源

注意:

1. EasyUI和JQuery文件是放在webapp/resources目录下的, 需要把 jquery-1.7.2.js也引进去.

2. jsp文件中引入EasyUI的css和js文件的顺序如下, 不要随意调整!!!

<%--以下三个js文件导入顺序不要调整!!--%>

3. springMVC的静态资源配置是针对resources目录下所有文件的, 所以之后的图片等静态资源文件也直接放在resources目录下即可.

4. 导航菜单是在以下id为nav的div里显示的

该div的id属性一定要是 nav, 试过其它的都没有效果.

总结

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。