搭建一个前后端分离项目的运行环境
一、需要的软件
ideaIU-2020.3.1(运行后端maven项目)
Navicat15(数据库管理软件)
mysql-install-community(类似于SqlServer management)
vsCode(前端开发工具)
二、安装软件
① 上面1、2、4的软件都是直接点击next一直安装。
② 安装mysql那个遇到了写问题,找了一个教程照着安装:
https://www.cnblogs.com/chengxs/p/5986095.html
主要是后面的自己配置的内容,需要仔细一点,安装了这个就可以使用MySQL了,不用自己下载一个mysql 了。
③ 安装好后,是使用Navicat连接数据库。
https://jingyan.baidu.com/article/a501d80cbae404ac620f5e36.html
新建连接-mysql-输入自己的在②中配置的数据库名称,我的是把默认的MySQL57改成了MySQLry,然后以root身份登录,输入②中设置的密码登录。测试连接成功。然后双击MySQLry,出现下面的一些表,自己新建一个表,名字和后端项目中的一样。就是这个代码中的“paper”:
image.png
右击“paper”运行sql文件,选择项目中的sql文件,数据表就导入过来了。
image.png
三、运行项目
① 运行前端项目
在vscode中打开前端项目,在终端运行cnpm install 安装依赖和插件。
执行cnpm run dev 。
ps :如果执行cnpm run dev 出现缺少包的错误,则删除node_modules,重新cnpm install 一下,再cnpm run dev。
image.png
- 最后修改一下发起请求的根地址。
image.png
运行成功!
image.png
② 运行后端项目
在IDEA中打开项目,运行,缺少jdk,下载配置一个。
一般使用jdk8,下载地址:
安装与配置:
安装好之后在IDEA中使用快捷键Ctrl+shift+alt+s ,选择这个jdk。
最后修改一下数据库连接的账号和密码:
image.png
运行成功!
image.png
就搞定了。