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

1. 效果图展示

为乐安等地区用户提供了全套网页设计制作服务,及乐安网站建设行业解决方案。主营业务为成都网站设计、网站制作、乐安网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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

2. 工程目录结构

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

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

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, 试过其它的都没有效果.

总结

以上所述是小编给大家介绍的SpringMVC+EasyUI实现页面左侧导航菜单功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!


网站名称:SpringMVC+EasyUI实现页面左侧导航菜单功能
URL地址:http://scyanting.com/article/gicpds.html