那么前面的章节,我们实现了一个简单的接口服务器。
这个接口服务器,就是我们后端接口开发的骨架,接下来呢,我们就在这个骨架的基础上,进行各种功能的填充和完善。
本章,我们将要实现登录注册功能,这也是实现一个有用户系统的全栈项目的优先部分。
那么在实现这个功能之前呢,我们先来捋一捋这个登录注册的流程。
- 用户访问登录注册页面,一共有 3 个页面元素。
- 用户名输入框。
- 密码输入框。
- 立即登录按钮。
- 点击注册按钮,请求
注册接口。- 后端查询数据库,该用户名是否已经注册。
- 如果已注册,提示
用户已注册。 - 如果未注册,提示
注册成功。
- 点击登录按钮,请求
登录接口。- 后端查询数据库,该用户名是否已存在。
- 如果已存在,返回用户信息,提示
登录成功。 - 如果不存在,提示
用户未注册。
大概步骤就是这样,那么这里涉及到用户数据,我们用 Mysql 来存储。
如果你还没有配置好 Mysql 环境,请回到 第二章 开发环境的准备 了解。
我们这里使用的事 HeidiSQL 来管理数据库的创建,修改,更新等。
一个新的数据库环境,只有以下显示的几个数据库,这是 Mysql 自带的数据库。

右击数据库连接名称,选择创 建新的数据库。

在弹出框中,输入新创建的数据库名称为 blog (博客),编码选择 utf8mb4_general_ci (通用)。
utf8mb4_general_ci 组合提供了一种数据编码方式,它允许存储广泛的国际字符,并且对于字符串比较是大小写不敏感的。
这种编码方式非常适合需要存储多种语言和特殊字符的数据库,并且对大小写不敏感的查询和排序操作,也可以用来存储 emoji 表情文字。

点击 OK,成功创建 blog 数据库。

接下来,跟上述操作类似,创建表。
登录注册,主要跟用户有关,所以我们创建 用户表 (user)。

该表一共 4 个字段。

需要注意的是,要给 ID 设置为主键,同时 默认值为递增。
这样,当我们插入用户信息时,ID 就会默认按数字递增,方便我们后续根据 ID 查找用户信息。
user 表成功创建后,点击 Data 栏,可以看到,目前表里面没有任何数据。

接下来,我们就通过前后端联调实战,实现用户的登录和注册。
