“Offer 驾到，掘友接招！我正在参与2022春招系列活动-Debug实录任务，点击查看活动详情。”
前言
做了那么多年前端，突然想学点后端了，原因是想自己做一个完整的项目，走完整个流程，自己前后端都会的感觉应该很酷吧，加油！！！反正就是瞎折腾。。。
我要做的小项目，主要就是采用前后端分离的方式。在此过程中我想要的是能够快速搭建一个 project（后端），并且使用代码生成器快速生成后端代码（entity，mapper，service，controller），封装结果集，做日期处理，解决跨域请求等问题，实现增删改查、模糊查找等接口，并快速搭建前端项目。
开发依赖
在正式进行项目开发之前，我们需要做如下操作，为能够实现这个项目做一些前期的准备，这边就不想洗说了，网上都有，主要有以下几个：
- 安装并配置 JDK8
- 安装并配置 MYSQL 及 Navicat
- 安装并配置 Tomcat
- 安装并配置 Maven 、Node、Webpack、vue-cli 等
这个之后可能也会更多吧，待补充。
在进行这些安装配置的时候，出现的问题还是挺多的，好在都一一解决了，这边的话主要注意 JDK 安装完以后，记得要配置环境变量呀！！我的 JDK 安装路径如下：C:\Program Files\Java\jdk1.8.0_201，所以我的环境变量配置如下图所示：
还有就是 node 安装完以后，不仅要配置全局路径和缓存路径，也需要配置环境变量，具体参考：【Vue】vue开发环境搭建及新建项目
项目框架
后端：
- spring boot
- MyBatis-Plus
前端：
- vue.js
- element ui
以上内容只是做了一个大概的介绍，下面我们将进入实操。
新建数据库
1、新建数据库连接
打开 navicat，新建数据库连接，输入连接名（MYSQL56）、密码，点击连接测试，“连接成功”以后，点击“确定”创建该连接：
创建成功以后双击打开如图：
2、新建数据库
选中连接（MYSQL56），右键选择“新建数据库”（test）：
3、新建数据库表
数据库表形式如下表所示：
| id | username | password | deleted |
|---|---|---|---|
| 1 | admin | 123456 | 0 |
| 2 | 123456 | 0 | |
| 3 | test | 123456 | 0 |
| 4 | zxl | 123456 | 0 |
选中数据库 test，点击 Navicat 的“查询”面板，点击“新建查询”按钮，在命令编辑器界面运行如下命令，新建数据库表 user:
DROP TABLE IF EXISTS user;
CREATE TABLE user
(
id VARCHAR(200) NOT NULL COMMENT '主键ID',
username VARCHAR(30) NULL DEFAULT NULL COMMENT '用户名',
password VARCHAR(50) NULL DEFAULT NULL COMMENT '密码',
deleted VARCHAR(255) NULL DEFAULT NULL COMMENT '逻辑删除',
PRIMARY KEY (id)
);
user表建完以后，我们可以运行以下对应的数据库 Data 脚本，给表添加数据：
DELETE FROM user;
INSERT INTO user (id, username, password, deleted) VALUES
(1, 'admin', '123456', '0'),
(2, 'sycee', '123456', '0'),
(4, 'test', '123456', '0');
数据库 test 表 user 如下图所示：
需要注意的是，有时候因为 Navicat 的版本不同，运行命令时需要先选择对应的数据库，否则会不成功。 至此，数据库就算搭建完了，接下来将快速搭建一个 project（后端）。
