Skip to content

那么前面的章节,我们实现了一个简单的接口服务器。

这个接口服务器,就是我们后端接口开发的骨架,接下来呢,我们就在这个骨架的基础上,进行各种功能的填充和完善。

本章,我们将要实现登录注册功能,这也是实现一个有用户系统的全栈项目的优先部分。

那么在实现这个功能之前呢,我们先来捋一捋这个登录注册的流程。

  1. 用户访问登录注册页面,一共有 3 个页面元素。
    1. 用户名输入框。
    2. 密码输入框。
    3. 立即登录按钮。
  2. 点击注册按钮,请求 注册接口
    1. 后端查询数据库,该用户名是否已经注册。
    2. 如果已注册,提示 用户已注册
    3. 如果未注册,提示 注册成功
  3. 点击登录按钮,请求 登录接口
    1. 后端查询数据库,该用户名是否已存在。
    2. 如果已存在,返回用户信息,提示 登录成功
    3. 如果不存在,提示 用户未注册

大概步骤就是这样,那么这里涉及到用户数据,我们用 Mysql 来存储。

如果你还没有配置好 Mysql 环境,请回到 第二章 开发环境的准备 了解。

我们这里使用的事 HeidiSQL 来管理数据库的创建,修改,更新等。

一个新的数据库环境,只有以下显示的几个数据库,这是 Mysql 自带的数据库。

数据库界面

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

创建新的数据库

在弹出框中,输入新创建的数据库名称为 blog (博客),编码选择 utf8mb4_general_ci (通用)

utf8mb4_general_ci 组合提供了一种数据编码方式,它允许存储广泛的国际字符,并且对于字符串比较是大小写不敏感的。

这种编码方式非常适合需要存储多种语言和特殊字符的数据库,并且对大小写不敏感的查询和排序操作,也可以用来存储 emoji 表情文字。

创建blog数据库

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

创建表弹框

接下来,跟上述操作类似,创建表。

登录注册,主要跟用户有关,所以我们创建 用户表 (user)

表字段

该表一共 4 个字段。

设置主键和自增

需要注意的是,要给 ID 设置为主键,同时 默认值为递增

这样,当我们插入用户信息时,ID 就会默认按数字递增,方便我们后续根据 ID 查找用户信息。

user 表成功创建后,点击 Data 栏,可以看到,目前表里面没有任何数据。

user表创建成功

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

何以解忧,唯有代码。不忘初心,方得始终。