【笔记】Thymeleaf
- 官网: https://www.thymeleaf.org/
- 参考
- http://heavy_code_industry.gitee.io/code_heavy_industry/pro001-javaweb/lecture/chapter08/
文章目录
- MVC概念
- 服务器端渲染 vs 前后端分离
- Thymeleaf
- 物理视图、逻辑视图
- 在服务器端引入Thymeleaf环境
- # 引入依赖
- # 创建Servlet基类
- # HelloWorld
- 基本语法 ⭐️
- # th名称空间
- # 表达式语法: 标签文本值 th
- 文本值 th:text
- 属性值 th:value
- 地址 @{...}
- 页面获取值 `${...}` (OGNL)
- # 访问域对象
- 请求域
- 会话域
- 应用域
- # 获取请求参数
- 一个名字一个值
- 一个名字多个值
- # 内置对象
- 公共内置对象
- # 分支与迭代
- 分支 if、unless、switch
- 判断表达式
- 迭代(遍历)
- 迭代状态 xxxStat
- # 包含其他模板文件
- 创建页面的代码片段 th:fragment
- 包含到有需要的页面 th:insert、th:replace、th:include
- # 引入 script 资源 th:block
- # 解决页面获取项目路径问题 base标签 【不推荐】
- 案例:
- # CRUD
MVC概念
- M:Model模型
- V:View视图
- C:Controller控制器
MVC是在表述层开发中运用的一种设计理念。主张把封装数据的『模型』、显示用户界面的『视图』、协调调度的『控制器』分开。
好处:
- 进一步实现各个组件之间的解耦
- 让各个组件可以单独维护
- 将视图分离出来以后,我们后端工程师和前端工程师的对接更方便
【笔记】Thymeleaf相关推荐
- 前端笔记-thymeleaf发送数据给JavaScript变量(普通变量和List)
比如这个情况,当使用echart的时候: 如下图: 下面给出thymeleaf发送List给JavaScript //入学手续界面@GetMapping("/procedure") ...
- 前端笔记-thymeleaf获取及回显input标签type=radio
如下演示: 回显: 前端代码如下: <div class="form-group"><label>性别</label><br/>&l ...
- 前端笔记-thymeleaf获取及回显select数据(combox)
如下: 以及回显 前端代码如下: <div class="form-group"><label>选课</label><select nam ...
- 前端笔记-thymeleaf获取及回显input标签type=time
前端效果如下: 设置的时候就是这样的 前端代码如下: <div class="form-group"><label>开课时间</label>&l ...
- 前端笔记-thymeleaf获取及回显input标签type=date
这是前端回显的数据: 修改界面: 前端相关代码: <div class="form-group"><label>出生时间</label>< ...
- 前端笔记-thymeleaf显示数据及隐藏数据
源码如下: <form id="loginFrom" name="loginFrom" method="post" th:action ...
- vue 中的el表达式_解释el页面数据表达式
java web开发人员经常使用标签 struts标签库 国际化配置 配置国际化 1.国际化配置 在struts自带的app中的struts-config.xml中的<message-resou ...
- SpringBoot/Spring Cloud/Docker
第九阶段模块一 SpringBoot 1. SpringBoot基本应用 1.1 约定优于配置 官方: Spring Boot 是所有基于 Spring 开发的项目的起点.Spring Boot ...
- JavaEE开发之SpringBoot框架深入剖析项目实战(魔乐科技)
课程目录& `) t. s # W, g, ]" O 第1篇: SpringBoot入门" _0 ?2 t- e; f, r 小节1: S ...
- SpringBoot学习笔记(4)----SpringBoot中freemarker、thymeleaf的使用
1. freemarker引擎的使用 如果你使用的是idea或者eclipse中安装了sts插件,那么在新建项目时就可以直接指定试图模板 如图: 勾选freeMarker,此时springboot项目 ...
最新文章
- 啥是佩奇?Python告诉你
- OpenStack 实现技术分解 (5) 应用开发 — 使用 OpenStackClients 进行二次开发
- linux的mysql主主_Linux下指定mysql数据库数据配置主主同步的实例
- 3D Printer 开发进程一。 步进电机升降台设计图纸。
- Linux 命令之 lsusb -- 显示本机的USB设备列表信息
- react-router 页面离开 提示数据变更
- CF813E Army Creation
- visual studio 设计器不显示_嫦娥上升器为什么不设计成月球勘测器?
- 【java学习之路】(java框架)004.Mybatis SQL映射文件详解
- Win10 如何调整任务栏高度
- Android Studio工程项目打包成SDK(jar或aar格式)
- 修改手机屏幕刷新率_今年买手机绕不开高刷新率屏幕,144Hz比120Hz更好吗?
- 【九天教您南方cass 9.1】 08 绘制等高线及对其处理
- JavaScript 使用指定字符格式化整数
- php 滑块 爬虫_php中强大爬虫工具querylist
- 注册查看隐私协议 --- 滚动条是否滚动到底
- 15块rmb做一个语音识别控制的0.3W白光LED便利USB灯
- 今天用Java开发主机IP扫描神器,零基础Socket编程详细
- 微信小程序请求后台接口(完整版)
- 计算机软件添加信任,瑞星杀毒怎么添加信任软件 添加方法介绍
热门文章
- 忘记linux里mysql账号密码忘记_Linux下MySQL忘记root用户密码
- 【MT7628】WiFi Driver-MT7628 WiFi Driver增加抗干扰修改
- 脑电(EEG)等公开数据集汇总
- Core Animation Tutorial: Rendering QuickTime Movies In A CAOpenGLLayer
- OpenCV和Python进行SIFT算法——两张图片的关键点匹配
- 你知道吗?iPhone7竟然都是机器人组装的
- 第三周 7.17LJY关于方法参数的一些理解
- 7-6 输出三角形面积和周长 (15分)
- 小白如何学python编程_零基础小白如何学习Python编程?
- 个股期权交易系统为什么和私密机构紧密相连?