Springboot+Vue项目环境搭建

一：项目技术

        1.后端技术：jdk（编译和运行Java程序的工具和环境),MYSQL(关系型数据库管理系统),Maven(项目管理和构建自动化工具)，idea(后端开发工具)。

        2.前端技术：Vue.js（前端JavaScript框架，用于构建用户界面和单页面应用程序），Ndoe.js(在服务器端运行JavaScript的运行环境)。

        其中idea中自带一个maven，也可选择自己下载其他版本的，使对maven下载路径的修改（最好是D盘）。 

二：环境配置

        在上述需要的工具安装好后通过快捷键win+E打开资源管理器，右击“此电脑”选择“属性”，在弹出的页面上点击“高级系统设置”，然后找到“环境变量”选项又或是直接在搜索框中输入“环境变量”并回车来打开打开环境变量配置界面。在“环境变量”窗口中，点击“新建”按钮，创建新系统变量，其变量值应设置为其对应的安装路径。在系统变量的Path中，添加可执行文件。

测试配置：使用快捷键win+r打开运行窗口输入cmd打开命令指示符。

分别输入java -version和javac -version命令，node -v和npm -v，mysql -V或mysqld -V如果能正常显示版本信息，则表示配置成功。

三项目启动：

将文件夹中的sql创库语句拖入api文件中

并将api文件拖入idea中，打开文件

对Maven进行配置（其中Maven在idea中有自带，也可已自行下载其他版本），对Maven的选择并挑选数据的保存路径，优先自定义于D盘中。打开Maven对pom中的包进行下载到profiles中并对数据库进行创建连接，测试连接是否成功打开文件sa-common选择src然后依次选择main resuorce dev 最后为sa-common.yaml。此为数据库的基础配置，需要修改数据库的用户名与密码。（一定要修改）打开控制台，输入cd ../返回api的统计目录

通过npm install 下载package.jsn包中的数据，初次下载可能需要较长时间。

最后通过npm run dev启动项目，激动人心的时候到了。

四：对代码的理解

        

        两者都是对与数据库连接配置的代码，但前者是Spring Boot应用的配置文件片段，使用的是YAML格式。

比较下来的话，最明显的优势就是前者的结构清晰，易于阅读和理解了。在我们学过的传统代码中，对其的第一印象就是繁杂混乱，但在Sping Boot的配置下代码变得简洁了，当然Spring Boot远远的优势并不只有这一点，在今后的学习中会逐一展开。

四：启动时出现的问题以及解决方式

        1.在对mysql的安装中，我因为之前安装过，导致需要输入之前的密码而无法正常安装。

解决方法：完全卸载MYSQL。

删除MySQL的配置文件，它通常位于MySQL的安装目录下，删除MySQL的数据目录。这个目录包含了所有的数据库文件。在完成此操作和可对MYSQL进行重新安装。

        2.在按照老师的步骤载入代码后打开网页，在登陆界面的验证码输入没有出现图片需要下载redis。

在对redis的安装后，网页显示出了验证码的界面，完成对项目的启动。

总结与收获：在通过一系列的实际操作，我掌握了如何正确安装和配置相关软件、JDK、Maven、Node.js和npm等。这些软件是开发Springboot和Vue项目的必备工具，而安装过程中所发生的问题也是宝贵的经验。在对项目的启动中第一次实践了前后端的联动是一个令人兴奋的环节。我也会不断提升自己的技术水平。