Springboot 引⼊css 和js
标题：使⽤Springboot 引⼊css 和js 之前⼀直使⽤springboot+mvc+jsp 实现简单的增删改查. 使⽤jsp 引⼊bootstrap 样式没有什么⼤的问题源样式存放在resource 下的static
⽂件下可正常使⽤
这⼏天使⽤新的框架去写的时候就出了新的bug
使⽤Springboot+thymeleaf+bootstarp 写的时候⼀直在导⼊css 上⾯出了
bug.
不到css 和js 习惯下的查看下配置⽂件
第⼀个bug 是没有加上配置⽂件的约束
'''
server:
port: 8080
spring:
mvc:
static-path-pattern: /static/**
thymeleaf:
#缓冲的配置
cache: false
datasource:
name:
url: jdbc:mysql://127.0.0.1:3306/bank_project?useUnicode=true&characterEncoding=UTF-8&allowMultiQueries=true&serverTimezone=UTC username: root
password: root
web:
resources:
static-locations: classpath:/static/
mybatis:
mapper-locations: classpath:mapper/*.xml
'''
Springboot2.0+需要配置下静态资源，如果不在需要修改
之后再修改导⼊的设置
thymeleaf用法更改为
'''
'''
直接使⽤cdn 来写就不会不到，如果配置在本地的话就需要
'''
'''
将配置⽂件都放在static 下⾯.然后使⽤相对路径来查
<link href="${tPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script href="${tPath}/bootstrap/js/bootstrap.js"></script>
<!--    <link rel="stylesheet" href="/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->
<!--    <script src="/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
<link rel="stylesheet" type="text/css" media="all" href="/static/css/bootstrap.css"
th:href="@{/static/css/bootstrap.css}"/>
<script type="text/javascript" src="/static/js/bootstrap.js" th:src="@{/static/js/thymeleaf.js}"></script>
以下是HTML 引⼊⽅法，如果springboot 使⽤thymeleaf 模板，下⾯写法⽆法正常引⼊资源⽂件，需改为thymeleaf 引⼊⽅法HTML 引⼊⽅法：
'''
'''
⾄此bug 结束.
语法规则
th:text ；改变当前元素⾥⾯的⽂本内容
th ：任意html 属性；来替换原⽣属性的值
th:include ：加载模板的内容： 读取加载节点的内容（不含节点名称），替换div 内容
th:replace ：替换当前标签为模板中的标签，加载的节点会整个替换掉加载他的div
th:attr 来设置任意属性
th:attrprepend 来追加(不是替换)属性值
th:classappend
th:each 每次遍历都会⽣成当前这个标签
th:href="@{...}" 替换url
th:text="${...}"    转译特殊字符，特殊符号原⽅不动输出
th:utext="${...}    会转译字符，特殊符号被转译后输出结果<link href="/css/bootstrap.min.css" rel="stylesheet">
<script src="/js/jquery.js"></script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。