本篇用来介绍项目用到的前端技术
利用springboot框架很方便的使我的项目实现了前后端分离,因为自己对前端不熟悉,很多知识都不懂,所以在实习过程中也学习了不少前端的知识,现在介绍一下前端框架中用到的模板引擎
Thymeleaf是一个现代服务器端Java模板引擎,适用于Web和独立环境,能够处理HTML,XML,JavaScript,CSS甚至纯文本。
Thymeleaf的主要目标是提供一种优雅且高度可维护的模板创建方式。为实现这一目标,它以自然模板的概念为基础,将其逻辑注入模板文件,其方式不会影响模板被用作设计原型。这改善了设计沟通,缩小了设计和开发团队之间的差距。
th属性
(1) th:text :设置当前元素的文本内容,相同功能的还有th:utext,两者的区别在于前者不会转义html标签,后者会。优先级不高:order=7
(2) th:value:设置当前元素的value值,类似修改指定属性的还有th:src,th:href。优先级不高:order=6
(3) th:each:遍历循环元素,和th:text或th:value一起使用。注意该属性修饰的标签位置,详细往后看。优先级很高:order=2
(4) th:if:条件判断,类似的还有th:unless,th:switch,th:case。优先级较高:order=3
标准表达式语法
(1)@{…} 链接表达式
(2)${…}变量表达式:可以获取对象的属性和方法
内置方法应用:
<td th:text="${#arrays.length(booklist.books)}">520</td>