thymeleaf遇到的问题01

一、springboot版本所带来的问题：

1、springboot为1.5.21时，引用thymeleaf作为前端页面模板，在Pom文件中需要加上依赖：

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency><groupId>net.sourceforge.nekohtml</groupId><artifactId>nekohtml</artifactId><version>1.9.22</version>
</dependency>

因为thymeleaf模板是严格按html5规范执行，标签一定要有结束标签；加了nekohtml这个就不会那么严检查。在springboot2.0以上版本的thymeleaf没有这么严检查；

还有需要在配置文件中添加

spring.thymeleaf.cache=false；缓存问题，可以不需要添加
spring.thymeleaf.content-type=text/html
spring.thymeleaf.mode =LEGACYHTML5

2、在thymeleaf中写js需要注意的地方：

1）、在js中加载后台数组数据，会出现异常；需要在<script>标签内添加th:inline="none";

2）、在js中获取上下文路径时，需要在<script>标签内添加th:inline="javascript";

下面是获取上下文的

注：如果页面都在一个<script>写，这时，又需要获取后台数组数据，又要获取上下路径，同时用到th:inline="none"和th:inline="javascript";没找到好的办法，分两个<script>写。

3、在标签体中引用上下文路径，不需要那么麻烦，一般都有th:src="@{/}";th:href="@{/}";在js中，一些ajax请求时，需要用到上下文路径，也就是上面的basePath；url:basePath+"/";就可以访问。

4、在请求静态页面，如下面一个请求：

//基本功能菜单加载
            $.ajax({url : basePath + '/json/menu.json',type : 'GET',dataType : 'text',success : function(data){var zNodes = eval ("(" + data + ")");$.fn.zTree.init($("#treeMenu"), setting, zNodes);},error : function(msg){alert('菜单加载异常!');}});

若type:是post，不能加载成功，改为get请求，就能正常运行。menu.json是在静态资源static文件中。请求controller就不会涉及请求方式问题。

转载于:https://www.cnblogs.com/lazyli/p/10927970.html

thymeleaf遇到的问题01相关推荐

springboot项目创建笔记33 之《初始化资源》
以前用springmvc时,程序初始化资源用@PostConstruct注解和ApplicationContextAware接口. springboot提供了一个新接口可以实现这个功能,就是Comma ...
【Bug档案01】Spring Boot的控制器+thymeleaf模板 -使用中出现静态资源加载路径不当的问题 -解决时间:3h
[Bug档案01]Spring Boot的控制器+thymeleaf模板 -使用中出现静态资源加载路径不当的问题 -解决时间:3h 参考文章: (1)[Bug档案01]Spring Boot的控制器+ ...
Spring Boot-Spring Tool Suit + Gradle 构建第一个Spring Boot 项目01
文章目录概述使用Spring Tool Suite构建Spring Boot项目下载STS 插件安装搭建第一个Spring Boot项目启动项目概述通常,构建一个Spring Boot项 ...
Thymeleaf中使用if和unless实现状态的判断显示达到if-else逻辑判断的效果
场景 Thymeleaf官方文档: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#introducing-thymel ...
SpringBoot中使用thymeleaf的switch来实现if-else if -else的效果
场景 SpringBoot中使用thymeleaf的开关语句实现if-else if -else的效果. Switch使用示例: <div th:switch="${user.role ...
thymeleaf取model值_史上最详 Thymeleaf 使用教程
点击上方"桌前明月",可以关注我偶. 前言操作前建议先参考我的另一篇博客:玩转 SpringBoot 2 快速整合 | Thymeleaf 篇查看如何在SpringBoot 中 ...
Web前端笔记-通过Thymeleaf把数组传输给echarts并显示曲线图
目录最终结果过程最终结果截图如下: 这里的数据都是从Mysql数据库中直接读取到的,下面演示下过程,把后端的数据通过Thymeleaf,把数组传输给前端的JS. 过程这里曲线的存储结构是这样 ...
(转）Spring Boot(四)：Thymeleaf 使用详解
http://www.ityouknow.com/springboot/2016/05/01/spring-boot-thymeleaf.html 在上篇文章Spring Boot (二):Web 综 ...
史上最详 Thymeleaf 使用教程
史上最详 Thymeleaf 使用教程前言基础语法文本标签 th:text/th:utext 字符串拼接 *{...}和 ${...}表达式 #{...}表达式 ~{...}片段表达式 @{.. ...

thymeleaf遇到的问题01

thymeleaf遇到的问题01相关推荐

最新文章

热门文章