Layui+spring boot+thymeleaf简单配置

最新推荐文章于 2024-08-26 11:53:53 发布

一大条鱼

最新推荐文章于 2024-08-26 11:53:53 发布

阅读量240

点赞数 1

本文链接：https://blog.csdn.net/weixin_42548147/article/details/118069522

版权

首先是pom依赖

    <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

我在配置layui是遇到一些坑，主要是在HTML中对资源包的引用

简单说一下主要是头文件和引用需要注意一下<script> 标签

正确使用方法<script th:inline="none">

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>
    <script type="text/javascript" th:src="@{/static/layui/layui.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/static/layui/css/layui.css}"/>
</head>

<script th:inline="none">
    //加载模块（从layui 2.6 开始，第一个参数不传即代表加载所有内置模块）
    layui.use(['layer', 'table','form'], function() {
        var table = layui.table;
        var form = layui.form;
        var $ = layui.jquery;
......
</script>

th:inline="none"是禁止内联

关于th:inline="none"的解说：https://blog.csdn.net/fanpeizhong/article/details/80173452