SpringBoot整合LayUI

您所在的位置：网站首页 › springboot项目怎么导入 › SpringBoot整合LayUI

SpringBoot整合LayUI

2023-08-22 10:28| 来源: 网络整理| 查看: 265

Springboot框架整合使用Layui，配置过程如下：

一、新建Springboot工程

配置POM：

org.springframework.boot spring-boot-starter-thymeleaf org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-devtools runtime true org.projectlombok lombok true org.springframework.boot spring-boot-starter-test test org.junit.vintage junit-vintage-engine 二、将layui解压在static文件夹下

在这里插入图片描述

三、配置application.yml server: port: 8807 tomcat: uri-encoding: UTF-8 spring: # datasource: # type: com.alibaba.druid.pool.DruidDataSource application: name: ******* thymeleaf: # prefix: classpath:/web/ cache: false 四、配置拦截器访问静态资源

由于WebMvcConfigurerAdapter 的废弃，现今配置拦截器可使用继承 WebMvcConfigurationSupport。

@Configuration public class WebMvcConfig extends WebMvcConfigurationSupport { //通过重写配置方法覆盖 @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/mapper/**").addResourceLocations("classpath:/mapper/");//mapper.xml registry.addResourceHandler("/**") .addResourceLocations("classpath:/static/") .addResourceLocations("classpath:/templates/"); super.addResourceHandlers(registry); } } 五、在templates下新建index.html layout 后台大布局 - Layui layui 后台布局控制台商品管理用户其它系统邮件管理消息管理授权管理贤心基本资料安全设置退了所有商品列表一列表二列表三超链接解决方案列表一列表二超链接云市场发布商品内容主体区域 © layui.com - 底部固定区域 //JavaScript代码区域 layui.use('element', function(){ var element = layui.element; }); 六、配置控制器 @Controller public class LayuiController { @RequestMapping("/") public String index(){ return "index"; } } 在这里插入代码片七、访问

输入localhost:8807,显示结果如图：在这里插入图片描述

【本文地址】

SpringBoot整合LayUI

SpringBoot整合LayUI

今日新闻

推荐新闻