Springboot+Thymeleaf+layui框架的配置与使用

前言
Springboot默认是不支持JSP的，默认使用thymeleaf模板引擎。所以这里介绍一下Springboot使用Thymeleaf的实例以及遇到的问题。

配置与使用
1.在application.properties文件中增加Thymeleaf模板的配置。
#关闭thymeleaf的缓存，不然在开发过程中修改页面不会立刻生效需要重启，生产可配置为true

#关闭thymeleaf的缓存，不然在开发过程中修改页面不会立刻生效需要重启，生产可配置为true
spring.thymeleaf.cache=false
spring.thymeleaf.prefix=classpath:/web/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.resources.chain.strategy.content.enabled=true
spring.resources.chain.strategy.content.paths=/**

说明一下，这些配置不是必须的，如果配置了会覆盖默认的。

2.在pom.xml中添加thymeleaf的依赖

    org.springframework.boot
    spring-boot-starter-thymeleaf

3、编写一个测试的Controller

package com.lynch.web;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/layui")
public class LayuiController {
     
    @RequestMapping("/index")
    public String demo() {
        return "layui/index";
    }
  
}

可以看到，Controller与普通的SpringMVC的Controller无异。

4、编写index.html
默认情况下：
spring-boot项目静态文件目录：/src/java/resources/static （比如：js、css、img等静态资源）
spring-boot项目模板文件目录：/src/java/resources/templates （所有的页面文件，这个地方我已经通过application.properties 将 templates 改为了web）
所以index.html文件在/src/java/resources/web/layui下。

    

        

            
layui 后台布局
            
            

                
控制台
                
商品管理
                
用户
                
其它系统
                    

                        

                            邮件管理
                        
                        

                            消息管理
                        
                        

                            授权管理
                        
                    
            
            

                
 aaa 贤心 
                    

                        

                            基本资料
                        
                        

                            安全设置
                        
                    
                
退了
            
        

        

            

                
                

                    

                        href="javascript:;">所有商品
                        

                            

                                列表一
                            
                            

                                列表二
                            
                            

                                列表三
                            
                            

                                超链接
                            
                        
                    
解决方案
                        

                            

                                列表一
                            
                            

                                列表二
                            
                            

                                超链接
                            
                        
                    
云市场
                    
发布商品
                
            
        

        

            
            
内容主体区域
        

        

            
            © layui.com - 底部固定区域
        
    
    
    

5、引入layui
从https://www.layui.com/下载layui-v2.4.5.zip，解压后把layui-v2.4.5目录下的layui文件夹拷贝到/src/java/resources/static目录下。

6、效果图
项目启动成功，访问http://localhost:8080/layui/index，运行效果如下：