栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

springBoot+thymeleaf+layui后端极速做前后端开发

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

springBoot+thymeleaf+layui后端极速做前后端开发


好几年没写前端页面了,当时还是jQuery的天下,现在都是vue。基本上是能看懂,但是自己写不太会。现在决定重新学习下前端,也为以后一些小活做做准备。
今天主要是来跟大家分享下springBoot + thymeleaf + layui。

一、依赖引入


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

二、layui引入

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了。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/351110.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号