第一章：login注册功能

**1.register.**html

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

<script th:src="@{/js/global.js}"></script>
<script th:src="@{/js/register.js}"></script>

2.index.html

<a class="nav-link" th:href="@{/index}">首页</a>

<a class="nav-link" th:href="@{/register}">注册</a>

3.实现复用

第一步：index

<header class="bg-dark sticky-top" th:fragment="header">

第二步：register.html

<header class="bg-dark sticky-top" th:replace="index::header">

4.导入依赖

<dependency>
    <groupId>org.apache.commons</groupId>
    <artifactId>commons-lang3</artifactId>
    <version>3.12.0</version>
</dependency>

5.域名和util

#域名
community.path.domain=http://localhost:8080

public class CommunityUtil {

    //生成随机字符串
    public static String generateUUID(){
        return UUID.randomUUID().toString().replaceAll("-","");
    }

    //MD5加密
    public static String md5(String key){
        if(StringUtils.isBlank(key)){
            return null;
        }
        return DigestUtils.md5DigestAsHex(key.getBytes());
    }
}

6.占位符

user.setHeaderUrl(String.format("https://images.nowcoder.com/head/%dt.png", new Random().nextInt(1000)));

%d 表示整数

1. 找到百分号键（%）：在标准的英文键盘上，百分号键通常位于数字键盘的5键上，与数字键盘上的数字5键共用一个键位。你需要按下 Shift 键并同时按下百分号键来输入 % 符号。

2. 输入占位符：一旦你按下了百分号键，你就可以输入占位符的具体格式。例如，%s 表示字符串，%d 表示整数，%.2f 表示保留两位小数

7.register

th:class="|form-control ${userNameMsg!=null?'is-invalid':''}|"

8.快捷键

ctrl+shift+u 转换为大写字母

9.导入包失败

blog.csdn.net/m0_67391121…

在pom文件里添加阿里云镜像

<repositories>
        <repository>
            <id>alimaven</id>
            <name>aliyun maven</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
            <releases>
                <enabled>true</enabled>
            </releases>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </repository>
    </repositories>