序
好几年没写前端页面了,当时还是jQuery的天下,现在都是vue。基本上是能看懂,但是自己写不太会。现在决定重新学习下前端,也为以后一些小活做做准备。
今天主要是来跟大家分享下springBoot + thymeleaf + layui。
二、layui引入org.springframework.boot spring-boot-starter-thymeleaf
layui本月初决定退出江湖了,但是对于后端开发来说,要自己整点东西无疑还是最好最优秀的选择。现在layui的创始人贤心将layui项目放在了github和码云上,有其他爱好者自建了“官网”。要接入还是可以找到好多官网跟文档的,最新版本现在是2.6.8。
下载到的文件放在static目录下:
thymeleaf配置
spring:
thymeleaf:
cache: false #缓存,如果要热部署设置为false
prefix: classpath:/templates/ #静态页面前置目录
check-template-location: true #本地模板检查
suffix: .html #页面后缀
encoding: UTF-8 #页面编码
servlet:
content-type: text/html #页面类型
mode: HTML #页面模式,其实可以设置为HTML5、LEGACYHTML5(非严格检查格式,这个还需要其他包引入)
下面就是静态资源配置,这里有2种方式,一种是配置文件,一种是配置类
配置文件
spring:
mvc:
static-path-pattern: /** #静态资源父级路径
web:
resources:
static-locations: classpath:/resources/,classpath:/static/ #静态资源映射目录
以上2个配置是配合使用,这样页面上引入css、js,只要文件是放在static目录下,就不会出现404。
替代方式,配置类
在MyWebMvcConfigurer类,实现 WebMvcConfigurer配置类,注意WebMvcConfigurerAdapter已过时、WebMvcConfigurationSupport不推荐,如果用继承WebMvcConfigurationSupport表示接管springBoot的Mvc配置,会导致配置都不生效。
重新方法addResourceHandlers
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("
@GetMapping("/index")
public ModelAndView index() {
ModelAndView mv = new ModelAndView();
mv.setViewName("index");
return mv;
}
这个不需要我解释吧。。。。
然后再补充一个关于favicon.ico,这个是浏览器上显示的那个小图标。这里也需要将favicon.ico文件放到static目录,这个图片有好多网站可以在线制作。
页面上再head里加上下面2句就ok了
五、看效果
页面上能出Hello Word,控制台没有css、js的404就是ok的了。剩下的就是可以拿layui的例子改改,然后套上接口,用thymeleaf语法取值,写页面交互,fly you self了。



