SpringMVC 整合 EasyUI

傷城~ 2021-09-22 11:32 329阅读 0赞

**前置内容：**

= > [SSM搭建][SSM]

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

![20180419095519296][]

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

![20180419095530861][]

![20180419095612670][]

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

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

<servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
          <param-name>contextConfigLocation</param-name>
          <param-value>classpath:spring-mvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
        <async-supported>true</async-supported>
      </servlet>
      <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        
        <url-pattern>/</url-pattern>
      </servlet-mapping>

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

![20180419114813358][]

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

修改模板内容

![20180419120304702][]

![20180419121144953][]

5、UserController.java

![20180419120404449][]

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

![20180419121020354][]

[SSM]: https://blog.csdn.net/write6/article/details/79193821
[20180419095519296]: /images/20210920/f89050fc928048508fb1869f190c8bf6.png
[20180419095530861]: /images/20210920/d8149a96bd51475698f077cddb3af5df.png
[20180419095612670]: /images/20210920/ea4def5149c74403b17e03f8c32128d6.png
[20180419114813358]: /images/20210920/d3ee85ad417e4868a33570ea2cbc590e.png
[20180419120304702]: /images/20210920/f5661d18746b46c5aaa5858473f25ff2.png
[20180419121144953]: /images/20210920/95dc28e37d8f452da510f42aa8598335.png
[20180419120404449]: /images/20210920/5f33c5bb87444bda8ca6fedcecaf5f56.png
[20180419121020354]: /images/20210920/583d6450685e457e8c912309a3f45a2b.png