1.前端初始化

其实这个部分的内容在我们的学校还没有放假的时候我就在看了，但是当时因为没有这个前端的基础，也就是这个vue的基础知识，因此我刚开始在了解这个vue相关的内容；

今天下午也是了解了这个vue的响应式编程，虽然之前也是做的这个用户中心的项目，使用的是这个Vue，但是当时并不是很理解这个vue相关的语法，以及这个组件之类的东西，学校学习和今天下午的学习对于这个vue的基本的语法有了一个大致的了解，以及这个响应式编程之类的，因此我就开始了这个项目的真正的工作；

脚手架的安装：

进行项目的创建，名字是可以修改的：

创建完成之后，使用web-storm或者是vscode进行打开即可：

下面的这个就是引入一些这个组件之类的：

下面的这个就是我们的前端的项目里面需要配置的代码部分：在这个地方我也是有两个额问题的

1）我看的这个教程里面的这个第三行的代码需要写作这个./APP.vue但是我的这个版本的代码没有加上这个后缀也是通过了这个打包的过程的；

2）其次就是这个第四行里面的代码我是进行了这个修改的，本来写的这个antd.css文件，但是这个运行的时候报错了，因此我根据这个大模型的额建议，修改成为了下面的这个reset.css文件就成功了；

3.后端初始化和测试

3.1关于数据库

直接使用后端的这个初始化的模版，修改这个里面的yml，改成我们自己的这个数据库的名字和密码；

运行这个sql进行这个数据库表的创建；

下面的这个就是在我们的配置文件里面填写上和这个数据库相关的配置内容，url里面就是我们的本地的端口号和这个数据库的名字，我们自己的这个用户名和密码（用来登录账号进行数据库表的访问）；

3.2关于配置文件

下面的这个是我们的访问的端口，如果你项目启动之后报错，可能就会出现这个端口相关的这个错误，也就是这个配置文件里面的这个端口是被占用的，这个时候需要我们进行这个端口编号的修改即可；

可能还有其他的就是这个提供的这个模版里面的jdk非常的老旧，我看的这个教程应该是2年前的这个教程，但是主要是因为我对于这个教程项目里面涉及到的这个技术非常感兴趣，因此我还是使用了人间的这个模版；

这个时候启动项目可能会出现很多的这个报错，这个时候我们需要检查这个jdk的版本和我们的这个lombok之类的这个依赖的版本的实用性，需要是相互能够使用的，这个版本也是非常重要的，具体的修改的方式如下（为什么强调这个地方，因为我自己遇到了这个方面的问题）

在下面的这个地方修改我们的这个jdk版本即可;(其实现在都用17了，但是8也可以，也不是不能使用)

3.3进行测试接口

项目启动之后，我们使用的这个模版已经生成好了这个很多的内容，我们直接访问这个里面的knife4j工具把（记不清楚，反正就是对于接口进行测试的这个工具）；

首先测试一下和这个用户相关的部分，我们的这个用户注册一下账号，返回的这个响应结果是没有问题的；

这个时候到我们的数据库对应的表里面进行查看，发现这个事没有问题的：这个密码之所以和上面的不一样，是进行了这个脱敏的处理，不能显示我们的用户的私密信息；

下面的这个就是增加我们的帖子的数量和内容，因为我们的这个项目是聚合搜索的这个项目，搜索的对象就是帖子，因此这个是需要有帖子的，我们可以在下面的这个栏目里面进行帖子的测试：

然后我们还可以通过这个ID拿到这个对应的帖子的具体的信息：

可能会出现这个需要你登录的情况，你登录一下这个接口就可以了

下面的这个就是想要收藏这个帖子，但是出现了这个未登录的情况，这个需要我们自己测试一下登录的接口即可：

登录的那个api测一下之后就可以ok了：

收藏之后，这个帖子表里面的这个收藏的数量的属性就是1，这个收藏表里面也会出现一个记录：