模板户:专注于dede模板,织梦源码,织梦模板,网站模板,dedecms模板,网站源码,dedecms教程以及各类手机网站模板和企业网站模板分享.

织梦模板

VIP

springboot(十五):springboot+jpa+thymeleaf增删改查示例

www.mobanhu.com / 2019-03-16 08:25:13
纯洁的微笑 纯洁的微笑

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

先和大家聊聊我为什么喜欢写这种脚手架的项目,在我学习一门新技术的时候,总是想快速的搭建起一个demo来试试它的效果,越简单越容易上手最好。在网上找相关资料的时候总是很麻烦,有的文章写的挺不错的但是没有源代码,有的有源代码但是文章介绍又不是很清楚,所在找资料的时候稍微有点费劲。因此在我学习Spring Boot的时候,会写一些最简单基本的示例项目,一方面方便其它朋友以最快的方式去了解,一方面如果我的项目需要用到相关技术的时候,直接在这个示例版本去改造或者集成就可以。

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

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

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

快速上手

配置文件

pom包配置

pom包里面添加jpa和thymeleaf的相关包引用

  1. <dependency>

  2.    <groupId>org.springframework.boot</groupId>

  3.    <artifactId>spring-boot-starter-web</artifactId>

  4. </dependency>

  5. <dependency>

  6.    <groupId>org.springframework.boot</groupId>

  7.    <artifactId>spring-boot-starter-thymeleaf</artifactId>

  8. </dependency>

  9. <dependency>

  10.    <groupId>org.springframework.boot</groupId>

  11.    <artifactId>spring-boot-starter-data-jpa</artifactId>

  12. </dependency>

  13. <dependency>

  14.    <groupId>mysql</groupId>

  15.    <artifactId>mysql-connector-java</artifactId>

  16. </dependency>

在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.jdbc.Driver

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

  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,具体可以参考:springboot(五):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. <!DOCTYPE html>

  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">

  3. <head>

  4.    <meta charset="UTF-8"/>

  5.    <title>userList</title>

  6.    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"></link>

  7. </head>

  8. <body class="container">

  9. <br/>

  10. <h1>用户列表</h1>

  11. <br/><br/>

  12. <div class="with:80%">

  13.    <table class="table table-hover">

  14.        <thead>

  15.        <tr>

  16.            <th>#</th>

  17.            <th>User Name</th>

  18.            <th>Password</th>

  19.            <th>Age</th>

  20.            <th>Edit</th>

  21.            <th>Delete</th>

  22.        </tr>

  23.        </thead>

  24.        <tbody>

  25.        <tr  th:each="user : ${users}">

  26.            <th scope="row" th:text="${user.id}">1</th>

  27.            <td th:text="${user.userName}">neo</td>

  28.            <td th:text="${user.password}">Otto</td>

  29.            <td th:text="${user.age}">6</td>

  30.            <td><a th:href="@{/toEdit(id=${user.id})}">edit</a></td>

  31.            <td><a th:href="@{/delete(id=${user.id})}">delete</a></td>

  32.        </tr>

  33.        </tbody>

  34.    </table>

  35. </div>

  36. <div class="form-group">

  37.    <div class="col-sm-2 control-label">

  38.        <a href="/toAdd" th:href="@{/toAdd}" class="btn btn-info">add</a>

  39.    </div>

  40. </div>

  41. </body>

  42. </html>

效果图:

这里会从controler层model set的对象去获取相关的内容,th:each表示会循环遍历对象内容。

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

修改页面:

  1. <!DOCTYPE html>

  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">

  3. <head>

  4.    <meta charset="UTF-8"/>

  5.    <title>user</title>

  6.    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"></link>

  7. </head>

  8. <body class="container">

  9. <br/>

  10. <h1>修改用户</h1>

  11. <br/><br/>

  12. <div class="with:80%">

  13.    <form class="form-horizontal"   th:action="@{/edit}" th:object="${user}"  method="post">

  14.        <input type="hidden" name="id" th:value="*{id}" />

  15.        <div class="form-group">

  16.            <label for="userName" class="col-sm-2 control-label">userName</label>

  17.            <div class="col-sm-10">

  18.                <input type="text" class="form-control" name="userName"  id="userName" th:value="*{userName}" placeholder="userName"/>

  19.            </div>

  20.        </div>

  21.        <div class="form-group">

  22.            <label for="password" class="col-sm-2 control-label" >Password</label>

  23.            <div class="col-sm-10">

  24.                <input type="password" class="form-control" name="password" id="password"  th:value="*{password}" placeholder="Password"/>

  25.            </div>

  26.        </div>

  27.        <div class="form-group">

  28.            <label for="age" class="col-sm-2 control-label">age</label>

  29.            <div class="col-sm-10">

  30.                <input type="text" class="form-control" name="age"  id="age" th:value="*{age}" placeholder="age"/>

  31.            </div>

  32.        </div>

  33.        <div class="form-group">

  34.            <div class="col-sm-offset-2 col-sm-10">

  35.                <input type="submit" value="Submit" class="btn btn-info" />

  36.                &nbsp; &nbsp; &nbsp;

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

  38.            </div>

  39.        </div>

  40.    </form>

  41. </div>

  42. </body>

  43. </html>

添加页面和修改类似就不在贴代码了。

效果图:

这样一个使用jpa和thymeleaf的增删改查示例就完成了。

当然所以的示例代码都在这里:
https://github.com/ityouknow/spring-boot-examples

周末了推荐大家看一个自己特别喜欢的电影《Once》,先听听它的主题曲吧,我喜欢的类型。

推荐阅读:

   springboot(一):入门篇

   Spring Cloud在国内中小型公司能用起来吗?

   那些年租房的经历

    阅读原文

    发送中

    阅读原文
    本文由AB模板网:织梦模板整理发布,转载请说明出处:https://www.mobanhu.com
    上一篇:进行网站建设必须要掌握的基础知识
    下一篇:没有了
    随机站长资讯
    网站改版页面url要做哪些注意
    seo对企业的帮助有哪些
    外贸网站如何才能发挥作用
    五年之后,你还认识SEO吗?
    网站seo要远离以下几点作弊
    最新站长资讯
    网站建设:seo优化的重要操作项目有哪些?
    怎样做SEO优化才能达到最大效益?
    更好的优化seo应该采取什么措施?
    进行网站建设必须要掌握的基础知识
    企业网站优化效果评估方法
    首页 免费源码 VIP专区 会员中心
    收缩