`

模板thymeleaf的使用

阅读更多
springboot中使用thymeleaf动态模板增删改查

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

(1)application.properties
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.cache=false
spring.thymeleaf.content-type=text/html
spring.thymeleaf.enabled=true
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.mode=HTML5

(2)controller
@Controller("user_controller")
@RequestMapping("/user")
public class UserController{

@Autowired
@Qualifier("userService") /* 一个接口多个实现用name区分*/
private IUserService userService;

@RequestMapping("/")
public String list(Model model) {
System.out.println(" *** controller *** "+this);
List<UserPO> list = userService.findUsers();
model.addAttribute("userList", list);
return "users/list";
}
@RequestMapping("/delete/{id}")
public String delete(@PathVariable("id") String id){
userService.deleteUser(id);
return "redirect:/user/";
}

@RequestMapping(value="/save", method=RequestMethod.POST)
//public String save(@RequestBody UserVO user){ //415错误
public String save() {
return "forward:/user/";
}

@RequestMapping("/{id}")
public String get(@PathVariable String id, Model model){
if("toadd".equals(id)) {
return toAddPage();
}
System.out.println(" *** controller *** "+this);
UserVO user = userService.findUserByID(id);
model.addAttribute("user", user);
// return "forward:/";
return "users/detail";
}

public String toAddPage(){
return "users/add";
}
}

(3)页面

  <html xmlns:th="http://www.thymeleaf.org">
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- jquery -->
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <!-- bootstrap -->
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.min.css}" />
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <!-- jquery-validator -->
    <script type="text/javascript" th:src="@{/jquery-validation/jquery.validate.min.js}"></script>
    <script type="text/javascript" th:src="@{/jquery-validation/localization/messages_zh.min.js}"></script>
    <!-- layer -->
    <script type="text/javascript" th:src="@{/layer/layer.js}"></script>
    <!-- md5.js -->
    <script type="text/javascript" th:src="@{/js/md5.min.js}"></script>
    <!-- common.js -->
    <script type="text/javascript" th:src="@{/js/common.js}"></script>
  <script type="text/javascript">
  function toAddPage(){
  window.location.href="/boot/user/toadd/";
  }
  </script>
  </head>
  <body>
    <div>
        <div class="title-search fl" style="width:100%;">
        <span class="ft14" style="width: 60px;">用户编号</span>
        <input id="yhbh" class="ft12 search-box" type="text" placeholder=""/>
        <span class="ft14" style="width: 60px;margin-left: 20px;">用户名称</span>
        <input id="yhmc" class="ft12 search-box" type="text" placeholder="用户名称"/>
        <input type="button" id="userquery" class="btn-blue" value="查询" style="width: 80px;margin-left:20px;margin-bottom:5px;"/>
        <button class="btn btn-primary btn-block" type="button" id="addbtn" style="width:80px" onclick="toAddPage()">新建</button>
        </div>

<table class="table" >
<tr>
<th><input type="checkbox"/></th>
<th>用户编号</th>
<th>用户名称</th>
<th>邮箱</th>
<th>办公电话</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr th:each="u,uStat:${userList}">
<td><input name="userId" type="checkbox" th:value="${u.userId}"/></td>
<td th:text="${u.userNo}"></td>
<td th:text="${u.userName}"></td>
<td th:text="${u.email}"></td>
<td th:text="${u.officeTel}"></td>
<td th:text="${u.status}"></td>
<td>
<!-- 
编辑
删除
-->
<a th:href="'/boot/user/'+${u.userId}" >编辑</a>
<a th:href="'/boot/user/delete/'+${u.userId}" style="margin-left:10px;">删除</a>
</td>
</tr>
</table>
</div>

</body>
</html>

android入门实例:https://gitbook.cn/gitchat/activity/5d382e64b669c0566c335b32
0
0
分享到:
评论

相关推荐

    eclipse模板插件thymeleaf

    Eclipse 模板插件 Thymeleaf 是一个强大的开发工具,专为使用 Thymeleaf 模板引擎的 Java 开发者设计。Thymeleaf 是一个广泛应用于 Web 应用开发中的服务器端模板引擎,它允许开发者使用 HTML 作为模板语言,同时在...

    Java学习资料-SpringBoot自带模板引擎Thymeleaf使用详解

    Thymeleaf 是一个强大的模板引擎,尤其在与 Spring Boot 结合使用时,可以简化 Web 应用程序的视图层开发。以下是关于 Thymeleaf 在 Spring Boot 中的使用和一些关键知识点的详细说明: 1. **Thymeleaf 依赖**: ...

    基于java的开发源码-HTML5模板引擎 Thymeleaf.zip

    基于java的开发源码-HTML5模板引擎 Thymeleaf.zip 基于java的开发源码-HTML5模板引擎 Thymeleaf.zip 基于java的开发源码-HTML5模板引擎 Thymeleaf.zip 基于java的开发源码-HTML5模板引擎 Thymeleaf.zip 基于java的...

    HTML5模板引擎 Thymeleaf v3.0.10.zip

    HTML5模板引擎 Thymeleaf简介 Thymeleaf是一个Java库。这是个XML/XHTML/HTML5模板引擎,提供一组模板文件到文本的转换。Thymeleaf更适应在web应用中提供XHTML/HTML5的服务,但也可以在web或任何的独立应用中处理...

    thymeleaf使用模板

    通过上述知识点,我们可以更好地理解和使用Thymeleaf模板引擎,构建出高效、灵活的Spring Boot应用。在实际项目中,结合"StudySpringboot"这样的学习资源,有助于进一步提升开发效率和代码质量。

    HTML5模板引擎 Thymeleaf

    1. **模板语法**:Thymeleaf使用一系列属性标签(如`th:*`)来标记动态内容,例如`th:text`用于设置元素的文本,`th:href`用于设置链接地址等。这些属性在解析时会被替换为实际值,从而生成最终的HTML。 2. **变量...

    springboot整合thymeleaf模板

    Thymeleaf使用特殊的标签和表达式来插入动态数据。 4. **控制器处理**:创建Spring MVC的Controller类,定义处理请求的方法,并使用`@GetMapping`或`@PostMapping`等注解映射URL。在方法中返回Thymeleaf模板的名称...

    thymeleaf使用+API

    Thymeleaf是一个面向web和独立环境的现代服务器端Java模板引擎。 Thymeleaf的主要目标是将优雅的自然模板引入到您的开发工作流程中——可以在浏览器中正确显示的HTML,也可以作为静态原型工作,从而在开发团队中实现...

    thymeleaf模板中文手册

    - **表达式语言(EL)**: Thymeleaf使用自己的表达式语言,可以访问模型数据,执行简单的逻辑运算。 - **指令(Directives)**: 指令是Thymeleaf的语法元素,以`th:`前缀开头,用于控制模板的渲染过程。 2. **...

    Thymeleaf中文参考手册_3.0.5版_thymeleaf_thymeleaf中文网_thymeleaf文档_thmele

    1. **快速入门**:介绍如何设置Thymeleaf环境,创建第一个模板,以及如何在Java项目中使用Thymeleaf。 2. **核心概念**:深入解释Thymeleaf的模板语言、表达式语言以及上下文变量。 3. **标准语法**:详细阐述各种...

    SpringBoot框架整合thymeleaf模板和mybatis

    然后,我们可以创建Thymeleaf模板文件,使用Thymeleaf语法来绑定数据和控制逻辑。对于MyBatis,我们需要定义Mapper接口和对应的XML文件,编写SQL语句,并在Service层中通过@Autowired注解注入Mapper实例进行数据库...

    springboot框架+thymeleaf模板引擎+layui前端框架+数据库

    "Thymeleaf模板引擎"允许开发者在模板中使用自然的HTML语法,通过添加特定的属性来实现动态内容的生成。这极大地提高了前端开发的效率和代码的可读性。 Layui是一个轻量级的前端UI框架,它的特点是模块化、响应式、...

    springboot+thymeleaf+maven+html+css实现精美大方好看官网模板完整源码.zip

    springboot+thymeleaf+maven+html+css实现精美大方好看官网模板完整源码 不需要搭建数据库即可启动,如果需要后台管理+数据库可以自己迭代拓展增加; 项目可以轻易修改,非常简单,非常适合新手

    SpringBoot加Thymeleaf模板

    SpringBoot与Thymeleaf模板的整合是现代Java Web开发中的常见实践,它极大地简化了前端展示和后端逻辑的交互。SpringBoot以其简洁的配置和开箱即用的特性深受开发者喜爱,而Thymeleaf则是一款强大的服务器端模板引擎...

    springboot用thymeleaf模板引擎

    - 使用模板:在控制器类中,通过`@GetMapping`或`@PostMapping`注解映射URL,并返回模板名,Thymeleaf会自动处理数据绑定和渲染。 4. **Thymeleaf语法** - 变量表达式:`[[${expression}]]`,用于插入变量值。 -...

    ViewBaseServlet代码模板,使用了thymeleaf视图模板技术,是处理视图模板文件的Servlet基类

    处理视图模板文件的servlet基类; 继承:HttpServlet类 重写了init()方法: 1.获取ServletContext对象 2.创建Thymeleaf解析器对象 3.给解析器对象设置参数(前缀、后缀、缓存过期时间、是否缓存、编码方式) 4....

    springboot 自带模板thymeleaf 写的超市管理系统 带数据库 小白学习专用

    标题中的“SpringBoot自带模板Thymeleaf写的超市管理系统”是一个基于SpringBoot框架,并结合Thymeleaf模板引擎实现的简单超市管理应用。这个系统旨在帮助初学者理解如何在SpringBoot环境中集成Thymeleaf进行Web开发...

    Thymeleaf所需要的jar包

    在使用Thymeleaf时,除了配置这些jar包外,还需要正确配置Spring MVC的视图解析器,指定Thymeleaf模板的路径,并在控制器中返回模板名称,让Thymeleaf处理模板并生成最终的HTML响应。Thymeleaf的强大之处在于它能够...

    ThymeLeaf模板引擎教材

    Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎, 能够处 理HTML, XML, JavaScript, CSS甚⾄纯⽂本。 Thymeleaf旨在提供⼀个优雅的、 ⾼度可维护的创建模板的⽅式。 为了实 现这⼀⽬标, Thymeleaf建⽴...

    18.[视频]使用模板(thymeleaf-freemarker)【从零开始学Spring Boot】

    标题中的“18.[视频]使用模板(thymeleaf-freemarker)【从零开始学Spring Boot】”指的是一个视频教程,该教程聚焦于Spring Boot中模板引擎的使用,特别是Thymeleaf和FreeMarker这两种技术。Spring Boot是一个快速...

Global site tag (gtag.js) - Google Analytics