上一节 撸了一套基于SpringBoot的最小管理系统02_java小白翻身-CSDN博客
整个系统的前端框架使用EasyUI，非常经典的一个框架。
虽然EasyUI是一个老框架，但是这么多年来还是在一直更新的。目前最新版本的EasyUI已经没有那么丑了，而且也推出了各种JS框架的适配。
进入官网：点击进入
因为是学习，我们使用免费版就可以了。
我找到的下载地址是: jQuery EasyUI下载 - EasyUI中文站
下载下来后就是一个压缩包，注意，如果你要解压缩，一定要选择解压到默认的文件夹！
不要解压到当前位置，因为压缩包里面没有一个总的父文件夹。
demo和demo-mobile是一个例子，不需要拷贝到项目里面去。
随便打开一个demo，代码如下：
Basic Dialog - jQuery EasyUI Demo Basic DialogClick below button to open or close dialog.
Open Close The dialog content.
我们重点关注这个：
这些文件就是加载页面所需要的，其中主要是一个themes，还有两个核心js，demo.css就不用了。
我们当然可以直接访问html文件，但是SpringBoot推荐我们使用一个模板引擎叫做 thymeleaf 。
在一些老的项目里面，用jsp比较多，但是这个教程里面，我们还是随大流一下，用thymeleaf。
打开pom.xml，在dependencies里面添加一个节点：
org.springframework.boot spring-boot-starter-thymeleaf
然后你会发现这里是红的，那是因为这个新的maven依赖需要手动导入。
按照上面的步骤重新导入一下就好了。
然后打开这个文件，输入：
spring.thymeleaf.prefix=classpath:/templates/
这个表示设置一下模板文件的地址，classpath就是类路径。
templates在这里，新建一个html
用户管理
用户管理
这个时候你会发现th:是红色的，只需要你修改html标签的属性就好了。
这其实是一个命名空间的问题。
修改ViewController，增加一个方法：
@RequestMapping("/userAdmin")
public String Hello(Model model){
model.addAttribute("hello","你好，thymeleaf");
return "userAdmin";
}
Model就是页面的模板对象，我们可以主动添加一个hello属性进去，这个玩意你就看成HashMap，会用就行了。
最后，返回userAdmin，就会对应到userAdmin.html。
启动项目访问：http://localhost:8080/userAdmin
html红色波浪线解决
请查看: 常见错误
解决方法就是取消检查。
项目集成 EasyUI
如图，把上面说的这些文件copy到static文件夹，这是静态资源存放的目录。
然后，在html中引入：
用户管理
用户管理
访问页面，打开F12，查看是否引入正确。
这样就算是成功引入了。
访问easyUI的官方文档：Jquery EasyUI 中文文档
比如，我们要使用一个文本框，就这样写：
用户管理
效果：
