# TJH

**Repository Path**: zevsee/tjh

## Basic Information

- **Project Name**: TJH
- **Description**: 学习springboot+thymeleaf单体应用开发
- **Primary Language**: Java
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-25
- **Last Updated**: 2021-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 开始

## 说明

学习使用thymeleaf开发的单体应用

来源https://www.bilibili.com/video/BV1av4y1f7o1

| 技术栈    | 选择       |
| ----------- | --------------- |
| 模板引擎    | thymeleaf       |
| orm框架     | spring data jpa |
| 数据库      | H2              |
| set and get | lombok          |

## 创建工程

- 选择SDK版本11

- 命名项目com.TJH，名称为see，选择java版本11

- 选择需要的依赖
  - devtools全选
  - spring web + 模板选thymeleaf
  - 数据库：jpa+H2
  
- 选择创建位置，finish

- 如果卡住，删掉.mvn文件夹然后重启IDEA

- 添加thymeleaf模板

  ```html
  <!DOCTYPE html>
  <html xmlns:th="http://www.thymeleaf.org"
        xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
  	<head>
    		<title> Hello World! </title>
  	</head>
  	<body>
  		<h1>Hello</h1>
  	</body>
  </html>
  ```

- 设置html和js缩进为2

## 测试

1. 启动项目，访问http://localhost:8080/
5. 访问h2，也可使用idea连接，注意jdbc url的值与配置文件中一致

## 版本控制GIT

本地项目首次添加到git之后，在远程创建仓库（仓库中有LICENSE），在IDEA中配置git->remotes为远程仓库地址。然后push报错，提示先pull，根据提示pull报错无up-stream。命令行执行`git branch --set-upstream-to origin/master master`，报related错执行`git pull origin master --allow-unrelated-histories`，然后push

# 前端开发

前端使用thymeleaf模板和bootstrap组件加jquery库（**考虑换成layui**）。bootstrap的[文件选择](https://getbootstrap.net/docs/getting-started/contents/)：

- bootstrap.bundle.min.js（包含了Popper）
- jquery需要单独下载
- bootstrap.min.css

打开[bootstrap官网](https://getbootstrap.net/examples/)，在示例中选择一个模板进行开发。

## 日志使用

Springboot框架已经整合了logback依赖，因此不再需要加入依赖。

使用的方法有两种

- 在类头上使用@Slf4j注解（常用）

  ```java
  log.info("注解方式使用日志");
  ```

- 手动创建Logger对象

  ```java
  private final static Logger logger = LoggerFactory.getLogger(ControllerAspect.class);
  logger.info("手动创建Logger对象");
  ```

# 过程记录

# 页面信息

页面信息使用后端传的tdk，有时需要判断是否调用了setTDK，添加了AOP拦截处理请求，反而增加了代码复杂度；也可以直接在前端代码中硬编码