SpringMVC 整合 EasyUI

前置内容:

    = > SSM搭建

 

1、官网下载  jquery-easyui-1.5.3.zip 解压(可以下载最新版)

    SpringMVC 整合 EasyUI_第1张图片

2、在 WebContent \WEB-INF\views\ 下新建文件夹 ui  ,把easyui文件拷贝到该目录下

    SpringMVC 整合 EasyUI_第2张图片

 

    SpringMVC 整合 EasyUI_第3张图片

 

3、在spring-mvc.xml 配置静态资源访问路径,jsp页面通过 mapping属性值引用静态资源;配置converter用于转换JSON数据,easyui 接收 JSON格式的返回数据

 

web.xml  中 springMVC前端控制器配置

  
  
    SpringMVC
    org.springframework.web.servlet.DispatcherServlet
    
      contextConfigLocation
      classpath:spring-mvc.xml
    
    1
    true
  
  
    SpringMVC
    
    /
   

      

    由于在web.xml中 前端控制器的url-pattern 配置为 /   ,对项目中所有资源的直接请求都会被DispatcherServlet 拦截,包括JPG、JS脚本等静态资源;因此必须在springMVC中对这些静态资源进行设置不被核心控制器拦截, mvc:resources 可以解决这个问题。

 

            SpringMVC 整合 EasyUI_第4张图片

 

4、在项目的views目录下新建 userListUI.jsp , 把 jquery-easyui-1.5.3\demo\datagrid\basic.html 表格模板拷贝到该页面;

修改模板内容

    SpringMVC 整合 EasyUI_第5张图片

 

    SpringMVC 整合 EasyUI_第6张图片

 

5、UserController.java

    SpringMVC 整合 EasyUI_第7张图片

 

 6、浏览器地址栏输入:http://localhost:8080/ssm3/user/showUserList            测试

 

    SpringMVC 整合 EasyUI_第8张图片

你可能感兴趣的:(easyui,Java,SSM)