springboot、jpa、Thymeleaf使用

环境 ：window10 、IDEA 2018.2.4、jdk1.8.0_131、Mysql。 　

使用springboot框架，mybits作数据处理，Thymeleaf作试图渲染。参考文章 、　项目地址 。

一、创建项目

1、new/create project -> 选择spring initilizr ->  next

2、进入dependencies，选择：

　　

 左边：web　　　右边：spring web starter

左边：template　  右边：Thymeleaf

左边：SQL　　　右边：spring data jpa 和 Mysql Driver　　-> next (可以在建完项目后看看你的pom.xml)

3、选择项目名 和 项目路径，finish (项目文件结构 略)

 二、数据库

1、建表　　(了解AUTO_INCREMENT=3，未设置key插入时 主键从3开始)

create database boot_demo;
use boot_demo;
-- ----------------------------
-- Table structure for `tb_area`
-- ----------------------------
DROP TABLE IF EXISTS `tb_area`;
CREATE TABLE `tb_area` (
  `area_id` int(2) NOT NULL AUTO_INCREMENT COMMENT '区域ID',
  `area_name` varchar(200) DEFAULT NULL COMMENT '区域名称',
  `priority` int(2) DEFAULT '0' COMMENT '优先级',
  `create_time` datetime DEFAULT NULL COMMENT '创建时间',
  `last_edit_time` datetime DEFAULT NULL COMMENT '修改时间',
  PRIMARY KEY (`area_id`),
  UNIQUE KEY `uk_area` (`area_name`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of tb_area
-- ----------------------------
INSERT INTO `tb_area` VALUES ('1', '东苑', '1', null, null);
INSERT INTO `tb_area` VALUES ('2', '北苑', '2', null, null);

use MySQL

2、配置application.properties

spring.datasource.url=jdbc:mysql://localhost:3306/boot_demo?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
spring.datasource.username=root　　#用户
spring.datasource.password=xu12chuan　　#密码
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.jpa.properties.hibernate.hbm2ddl.auto=update
spring.jpa.hibernate.naming.physical-strategy=org.hibernate.boot.model.naming.PhysicalNamingStrategyStandardImpl #jpa下划线与驼峰

　　spring.thymeleaf.cache=false　　#不缓存
　　spring.thymeleaf.mode=LEGACYHTML5　#不严格HTML5文档
　　spring.mvc.view.prefix=/templates　　#路径设置（默认值）

3、从数据库表生成实体类  (idea中jpa的这种功能帮我们省去了Entity的编写)

　3.1 连接数据库，点击右边DataBase ->  + -> DataSource，之后：　　　　　　　　(可以了解一下生成MySQL控制台)

  

　3.2 添加JPA：　　File -> Project Structure -> model ->   +   -> JPA，OK。

　3.2 打开Persistence视图，如下操作：

  　

　3.4配置生成的 实体类的路径与名称，最后完成发下Entity类中 讨厌的红色波浪线，解决办法。

四、使用JPA

1、Dao中只要继承JpaRepository<>接口就好了，内涵大量的东东。 当然你也可以自定义SQL语句： 

public interface AreaRepository extends JpaRepository<TbAreaEntity,Integer> {
    @Transactional
    @Modifying    //用以update和delete
    @Query("delete from TbAreaEntity where areaId = ?1")
    void deleteBy_Id(@Param("areaId") Integer id);

    @Transactional
    @Query("select o from TbAreaEntity  o where o.areaId=:areaId")
    TbAreaEntity findBy_id(@Param("areaId") Integer id);　　//三个areaId要一致。 ?id=1
}　 　 　　 

　　(了解一下Dao的@Param，再回过头来看 类方法写参的注解1@PathParam 和 @PathVariable)

2、创建controller类，先在启动类的同级目录下创建controller包。否则你就要了解一下启动类的@ComponentScan(basePackages = {"com.example.demo.controller"})。 

 1 package com.example.demo.controller;
 2 
 3 import com.example.demo.dao.AreaRepository;
 4 import com.example.demo.entity.TbAreaEntity;
 5 import org.springframework.beans.factory.annotation.Autowired;
 6 import org.springframework.data.repository.query.Param;
 7 import org.springframework.stereotype.Controller;
 8 import org.springframework.ui.Model;
 9 import org.springframework.validation.BindingResult;
10 import org.springframework.web.bind.annotation.*;
11 
12 import javax.validation.Valid;
13 import java.util.Collection;
14 import java.util.HashMap;
15 import java.util.Map;
16 
17 @Controller
18 public class AreaController {
19     @Autowired
20     AreaRepository areaSQL;
21 
22     @ResponseBody
23     @RequestMapping("/find2")
24     public Map<String,Object>  findAll2(){
25         Map<String,Object> model= new HashMap<String,Object>() ;
26         model.put("areas",areaSQL.findAll());
27         return model;
28     }
29     @GetMapping("/find3")
30     public String findAll3(Model model) {
31         model.addAttribute("msg","Spring boot and Thymeleaf-->to redit.html");
32         model.addAttribute("areas", areaSQL.findAll());
33         return "index";  //在templates中寻找addArea.html,而不会陷入循环
34     }
35 
36     @GetMapping("/regit")
37     public String addArea(Model model) {
38         model.addAttribute("area",new TbAreaEntity());
39         return "regit";
40     }
41     @RequestMapping(value = "/regit",method = RequestMethod.POST, produces = {"application/json;charset=UTF-8"})
42     public String addArea(@Valid TbAreaEntity area, Model model,BindingResult bindingResult){
43         if (bindingResult.hasErrors()) {  // in com..Entity @NotEmpty  @Size(min=2, max=30)  and @Valid
44 
45             return "regit";   //@ModelAttribute Area area --https://www.cnblogs.com/zhangshitong/p/5342076.html
46         }else{
47             //Map<String,Object> model= new HashMap<String,Object>() ;
48             model.addAttribute("regit","regit success:"+areaSQL.save(area));
49             areaSQL.save(area);//Model model;
50             return findAll3(model);
51         }
52     }
53 
54     @ResponseBody
55     @RequestMapping("/del")     //del?id=2
56     public String del(@Param("areaId") Integer id){
57         areaSQL.deleteBy_Id(id);
58         return areaSQL.existsById(id)?"failed":"success";
59     }
60     @ResponseBody
61     @RequestMapping("/fin")
62     public Map<String, Object> fin(@Param("areaId") Integer id){
63         Map<String,Object> model= new HashMap<String,Object>() ;
64         model.put("areas", areaSQL.findBy_id(id));
65         return model;
66     }
67 }

AreaController.java

   　除了路径无误 还需要类声明@Controller。　　(再了解一下类方法传参的注解2 @RequestMapping 、@GetMapping和 @PostMapping)

　　方法参数Model把值带入了html视图，Map<>就不行。　　(@ResponseBody的有无决定方法生成JSON or跳转视图)

3、运行:　　可以设置serve.port,默认8080，不是?areaId=1。

        　　两种跳转视图return regit；　return ../static/regit.html

五、动态templates和静态static

　 动态页面可以th:href=“@{/}”跳转服务器后台程序 然后转另一个动态页面，也可以直接href或src 转static页面。

　 window.location.href="regit"(服务器)，window.location.href="regit.html"(static页面)  http://localhost:8080/static/…　　index.html如下:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="../static/css/table.css"/><!--或者/css/table.css  静态-->

</head>
<body>
<a th:text="'Area:'+${msg}" th:href="@{/regit}">Error</a><!--动态-->
<span th:text="${regit}"></span>
<table  class="gridtable" style="text-align: center">
    <tr>
        <th>AreaId</th><th>AreaName</th><th>priority</th>
    </tr>
    <tr th:each="area,areaState : ${areas}">
        <td style="border: 1px solid seagreen" th:text="${area.areaId}"></td>
        <td style="border: 1px solid seagreen" th:text="${area.areaName}"></td>
        <td style="border: 1px solid seagreen" th:text="${area.priority}"></td>
    </tr>
</table>
</body>
</html>

table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}

static/css/table.css

 1 <!DOCTYPE html>
 2 <html xmlns:th="http://www.thymeleaf.org"><!--引入thymeleaf-->
 3 <head>
 4     <meta charset="UTF-8" />
 5     <title>添加区域</title></head>
 6 <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
 7 <body>
 8 <h2 style="color:green;text-align: center;">添加区域</h2>
 9 <p th:text="${msg}">你好</p>
10 <form class="form-horizontal" role="form" action="#" th:action="@{/addArea}" th:object="${area}" method="post">
11     <div class="form-group">
12         <label for="name" class="col-sm-2 control-label">
13             区域名称：
14         </label>
15         <div class="col-sm-8">
16             <input type="text" th:field="*{areaName}" class="form-control" id="areaName" placeholder="输入区域名称">
17         </div>
18 
19         <label class="col-sm-2" style="color:red" th:if="${#fields.hasErrors('areaName')}" th:errors="*{areaName}">
20             区域名称错误
21         </label>
22     </div>
23 
24     <div class="form-group">
25         <label for="priority" class="col-sm-2 control-label">
26             优先级
27         </label>
28 
29         <div class="col-sm-8">
30             <input type="text" th:field="*{priority}" class="form-control" id="priority" placeholder="输入优先级">
31         </div>
32 
33         <label class="col-sm-2" style="color:red" th:if="${#fields.hasErrors('priority')}" th:errors="*{priority}">
34             优先级错误
35         </label>
36     </div>
37 
38     <div class="form-group">
39         <div class="col-sm-12" style="text-align: center">
40             <button type="submit" class="btn btn-primary" id="btn">Submit</button>
41             <input type="reset" class="btn btn-warning" value="Reset"/>
42         </div>
43     </div>
44 </form>
45 </body>
46 </html>
47 
48 addArea.html

regit.html

  运行：

               

  运行中注册数据areaSQL.save(area)时报错：org.hibernate.id.IdentifierGenerationException: ids for this class must be manually assigned before calling save():

插入数据时id重复了。   解决：在Entity类@Id后加入 @GeneratedValue(strategy = GenerationType.IDENTITY) 

 

2019-07-18　　16:50:59

转载于:https://www.cnblogs.com/xuchuan/p/11133917.html