如何导入外部项目（springboot+Vue+mysql）保姆级傻瓜教程

大家在日常生活中一定都遇到过需要导入外部项目的情况，接下来为大家分享爆肝一天总结的经验，新手小白，往大佬手下留情。接下来，父老乡亲们，show time~

前端配置（Vue）：

这里直接在IDEA中进行Vue的配置

1.IDEA的插件下载：

（1）Vue插件

（2）Node.js插件

2.Vue的运行

Vue的运行入口在：src->views->main.js文件中，但是切记，不能直接运行！！！，要用npm。所以接下来是npm的配置：

idea 运行vue项目_idea运行vue项目-CSDN博客

看到这里大家可能有点蒙，会找不到dev这个脚本，别急，小弟的解决方法这就来了：

 

调整完后，

点击绿色箭头运行即可

 

 

 

 

 

 

 

 

 

 

 

后端配置：

1.收到Maven项目后，在IDEA中，直接打开pom.xml文件，加载依赖，直接导入项目的话无法加载依赖

2.接下来的问题就是如何将自己写的数据库和springboot连接起来：

（1）先装mysql:

下载mysql压缩包，具体步骤不敢班门弄斧，奉上大佬的保姆级教程（一定要记得用管理员的cmd！！！）2021MySql-8.0.26安装详细教程（保姆级）_mysql8.0.26 yum安装首次登录-CSDN博客

ps:

这里的代码为：

# 设置mysql的安装目录 ----------是你的文件路径-------------
basedir=D:\\mysql-8.0.27-winx64
# 设置mysql数据库的数据的存放目录 ---------是你的文件路径data文件夹自行创建
datadir=D:\\mysql-8.0.27-winx64\Data

net start mysql

如果这句话显示不是外部命令，则添加系统路径（不是用户路径）:

（2）修改后端代码：

       

连接自己的数据库：

    a: 建立数据库：

                        （i）在cmd中输入：mysql -uroot -p(启动数据库)

                                     （ii）将写好的sql语句在这个cmd中执行

                             （iii）检查是否建库成功：

                                --检查数据库是否存在
                                SHOW DATABASES LIKE '数据库名称';

                               

 

                                                 -- 选择数据库
                                                USE 数据库名称;

                                                -- 检查表是否存在
                                                SHOW TABLES;

 

 

                                        -- 查看表结构（以此类推）
                                               DESCRIBE 表名;

 

 

                                -- 查询表中的数据（以此类推）
                                SELECT * FROM 表名;

 

确定好自己的数据库没有问题后，就可以继续啦~

b.连接数据库到springboot中：

ps:如果遇到：Server returns invalid timezone的问题，请见：IDEA 配置连接数据库报错 Server returns invalid timezone. Need to set ‘serverTimezone‘ property._need to set servertimezone-CSDN博客

（这里可以把新打开的文件关掉）

 

    c: 修改代码：

        在后端的项目文件中找到：src->main目录下的application.yml文件

                                (i).将password修改成为在创建中自己设置的密码
                               (ii)将url: jdbc:mysql://localhost:3306/**********？****************中的“**********？”修改为：“自己数据库名字？”

 后端的修改就结束喽
    
好的，运行前端和后端的代码后，即可完成任务啦

 

 

写在最后：

小白才疏学浅，往大佬手下留情~如有未注意到的引用请及时联系本人

最后青山不改，绿水长流~

愿大家学习愉快~
————————————————
引用链接：

idea 运行vue项目_idea运行vue项目-CSDN博客

2021MySql-8.0.26安装详细教程（保姆级）_mysql8.0.26 yum安装首次登录-CSDN博客

IDEA 配置连接数据库报错 Server returns invalid timezone. Need to set ‘serverTimezone‘ property._need to set servertimezone-CSDN博客