专栏名称: 纯洁的微笑
分享微服务实践与Java技术干货、偶尔讲讲故事。在人工智能的时代,一起学习微服务架构演进和大数据治理。
目录
相关文章推荐
鱼羊史记  ·  哪吒2中的信息量太大了 1、土拨鼠并未杀人 ... ·  17 小时前  
夏天的陈小舒  ·  这套书必入!用穿越故事带孩子亲历7朝! ·  20 小时前  
夏天的陈小舒  ·  这套书必入!用穿越故事带孩子亲历7朝! ·  20 小时前  
上下五千年故事  ·  收复台湾前,郑成功只有福建一带弹丸之地,为何 ... ·  4 天前  
历史地理研究资讯  ·  当代学术日记中的学术生存秘法 ·  4 天前  
51好读  ›  专栏  ›  纯洁的微笑

Spring Boot (十五): Spring Boot + Jpa + Thymeleaf 增删改查示例

纯洁的微笑  · 公众号  ·  · 2019-08-14 09:09

正文

这篇文章介绍如何使用 Jpa 和 Thymeleaf 做一个增删改查的示例。

先和大家聊聊我为什么喜欢写这种脚手架的项目,在我学习一门新技术的时候,总是想快速的搭建起一个 Demo 来试试它的效果,越简单越容易上手最好。

在网上找相关资料的时候总是很麻烦,有的文章写的挺不错的但是没有源代码,有的有源代码但是文章介绍又不是很清楚,所在找资料的时候稍微有点费劲。

因此在我学习 Spring Boot 的时候,会写一些最简单基本的示例项目,一方面方便其它朋友以最快的方式去了解,一方面如果我的项目需要用到相关技术的时候,直接在这个示例版本去改造或者集成就可以。

现在的技术博客有很多的流派,有的喜欢分析源码,有的倾向于底层原理,我最喜欢写这种小而美的示例,方便自己方便他人。

其实以前写过 Thymeleaf 和 Jpa 的相关文章: Spring Boot (四): Thymeleaf 使用详解 Spring Boot(五):Spring Data Jpa 的使用 里面的代码示例都给的云收藏的内容Favorites-web,云收藏的内容比较多,查找起来不是很方便,因此想重新整理一篇快速上手、简单的内容,来介绍 Jpa 和 Thymeleaf 的使用,也就是本文的内容。

这篇文章就不在介绍什么是 Jpa 、 Thymeleaf ,如果还不了解这些基本的概念,可以先移步前两篇相关文章。

快速上手

配置文件

pom 包配置

pom 包里面添加 Jpa 和 Thymeleaf 的相关包引用

  1. org.springframework.boot

  2. spring-boot-starter-web

  3. org.springframework.boot

  4. spring-boot-starter-thymeleaf

  5. org.springframework.boot

  6. spring-boot-starter-data-jpa

  7. mysql

  8. mysql-connector-java

在application.properties中添加配置

  1. spring.datasource.url= jdbc:mysql://127.0.0.1/test?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC&useSSL=true

  2. spring.datasource.username=root

  3. spring.datasource.password=root

  4. spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver


  5. spring.jpa.properties.hibernate.hbm2ddl.auto=create

  6. spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL5InnoDBDialect

  7. spring.jpa.show-sql= true


  8. spring.thymeleaf.cache=false

其中 propertiesspring . thymeleaf . cache = false 是关闭 Thymeleaf 的缓存,不然在开发过程中修改页面不会立刻生效需要重启,生产可配置为 true。

在项目 resources 目录下会有两个文件夹:static目录用于放置网站的静态内容如 css、js、图片;templates 目录用于放置项目使用的页面模板。

启动类

启动类需要添加 Servlet 的支持

  1. @SpringBootApplication

  2. public class JpaThymeleafApplication extends SpringBootServletInitializer {

  3. @Override

  4. protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {

  5. return application.sources(JpaThymeleafApplication.class);

  6. }


  7. public static void main(String[] args) throws Exception {

  8. SpringApplication.run(JpaThymeleafApplication.class, args);

  9. }

  10. }

数据库层代码

实体类映射数据库表

  1. @Entity

  2. public class User {

  3. @Id

  4. @GeneratedValue

  5. private long id;

  6. @Column(nullable = false, unique = true)

  7. private String userName;

  8. @Column(nullable = false)

  9. private String password;

  10. @Column(nullable = false)

  11. private int age;

  12. ...

  13. }

继承 JpaRepository 类会自动实现很多内置的方法,包括增删改查。也可以根据方法名来自动生成相关 Sql,具体可以参考: Spring Boot (五):Spring Data Jpa 的使用

  1. public interface UserRepository extends JpaRepository<User, Long> {

  2. User findById(long id);

  3. Long deleteById(Long id);

  4. }

业务层处理

Service 调用 Jpa 实现相关的增删改查,实际项目中 Service 层处理具体的业务代码。

  1. @Service

  2. public class UserServiceImpl implements UserService{


  3. @Autowired

  4. private UserRepository userRepository;


  5. @Override

  6. public List<User> getUserList() {

  7. return userRepository.findAll();

  8. }


  9. @Override

  10. public User findUserById(long id) {

  11. return userRepository.findById(id);

  12. }


  13. @Override

  14. public void save(User user) {

  15. userRepository.save(user);

  16. }


  17. @Override

  18. public void edit(User user) {

  19. userRepository.save(user);

  20. }


  21. @Override

  22. public void delete(long id) {

  23. userRepository.delete(id);

  24. }

  25. }

Controller 负责接收请求,处理完后将页面内容返回给前端。

  1. @Controller

  2. public class UserController {


  3. @Resource

  4. UserService userService;



  5. @RequestMapping("/")

  6. public String index() {

  7. return "redirect:/list";

  8. }


  9. @RequestMapping("/list")

  10. public String list(Model model) {

  11. List<User> users=userService .getUserList();

  12. model.addAttribute("users", users);

  13. return "user/list";

  14. }


  15. @RequestMapping("/toAdd")

  16. public String toAdd() {

  17. return "user/userAdd";

  18. }


  19. @RequestMapping("/add")

  20. public String add(User user) {

  21. userService.save(user);

  22. return "redirect:/list";

  23. }


  24. @RequestMapping("/toEdit")

  25. public String toEdit(Model model,Long id) {

  26. User user=userService.findUserById(id );

  27. model.addAttribute("user", user);

  28. return "user/userEdit";

  29. }


  30. @RequestMapping("/edit")

  31. public String edit(User user) {

  32. userService.edit(user);

  33. return "redirect:/list";

  34. }



  35. @RequestMapping("/delete")

  36. public String delete(Long id) {

  37. userService.delete(id);

  38. return "redirect:/list";

  39. }

  40. }

  • return "user/userEdit" ; 代表会直接去 resources 目录下找相关的文件。

  • return "redirect:/list" ; 代表转发到对应的 Controller,这个示例就相当于删除内容之后自动调整到 list 请求,然后再输出到页面。

页面内容

list 列表

  1. lang="en" xmlns:th="http://www.thymeleaf.org">

  2. charset="UTF-8"/>

  3. userList

  4. rel="stylesheet" th:href="@{/css/bootstrap.css}">

  5. class="container">


  6. 用户列表



  7. class="with:80%">
  8. class="table table-hover">

  9. th:each="user : ${users}">
  10. #User NamePasswordAgeEditDelete
    scope="row" th:text="${user.id}">1 th:text="${user.userName}">neo th:text="${user.password}">Otto th:text="${user.age}">6 th:href="@{/toEdit(id=${user.id})}">edit th:href="@{/delete(id=${user.id})}">delete

  • class = "form-group" >
  • class = "col-sm-2 control-label" >
  • href = "/toAdd" th:href = "@{/toAdd}" class = "btn btn-info" > add


  • 效果图:

    th:each = "user : ${users}" > 这里会从 Controler 层 model set 的对象去获取相关的内容, th : each 表示会循环遍历对象内容。

    其实还有其它的写法,具体的语法内容可以参考这篇文章: Spring Boot (四): Thymeleaf 使用详解

    修改页面:

    1. lang="en" xmlns:th="http://www.thymeleaf.org">

    2. charset="UTF-8"/>

    3. user

    4. rel="stylesheet" th:href="@{/css/bootstrap.css}">

    5. class="container">


    6. 修改用户



    7. class="with:80%">
    8. class="form-horizontal" th:action="@{/edit}" th:object="${user}" method="post">

    9. type="hidden" name="id" th:value="*{id}" />

    10. class="form-group">
    11. class="col-sm-10">
    12. type="text" class="form-control" name="userName" id="userName" th:value="*{userName}" placeholder="userName"/>

    13. class="form-group">
    14. class="col-sm-10">
    15. type="password" class="form-control" name="password" id="password" th:value="*{password}" placeholder="Password"/>

    16. class="form-group">
    17. class="col-sm-10">
    18. type="text" class="form-control" name="age" id="age" th:value="*{age}" placeholder="age"/>

    19. class="form-group">
    20. class="col-sm-offset-2 col-sm-10">
    21. type="submit" value="Submit" class="btn btn-info" />

    22.      

    23. href="/toAdd" th:href="@{/list}" class="btn btn-info">Back








    请到「今天看啥」查看全文