搭建⼀个前后端分离项⽬的运⾏环境
搭建⼀个前后端分离项⽬的运⾏环境
⼀、需要的软件
1. ideaIU-2020.3.1(运⾏后端maven项⽬)
2. Navicat15(数据库管理软件)
3. mysql-install-community(类似于SqlServer management)
4. vsCode(前端开发⼯具)
⼆、安装软件
① 上⾯1、2、4的软件都是直接点击ne x t⼀直安装。
② 安装m ys q l那个遇到了写问题,了⼀个教程照着安装:
主要是后⾯的⾃⼰配置的内容,需要仔细⼀点,安装了这个就可以使⽤MySQL了,不⽤⾃⼰下载⼀个mysql 了。
③ 安装好后,是使⽤Nav icat连接数据库。
新建连接-mysql-输⼊⾃⼰的在②中配置的数据库名称,我的是把默认的MySQL57改成了MySQLry,然后以root⾝份登录,输⼊②中设置的密码登录。测试连接成功。然后双击MySQLry,出现下⾯的⼀些表,⾃⼰新建⼀个表,名字和后端项⽬中的⼀样。就是这个代码中的“paper”:
mysql下载后为什么不是一个安装包image.png
右击“paper”运⾏sql⽂件,选择项⽬中的sql⽂件,数据表就导⼊过来了。
image.png
三、运⾏项⽬
① 运⾏前端项⽬
1. 在vscode中打开前端项⽬,在终端运⾏cnpm install 安装依赖和插件。
2. 执⾏cnpm run dev 。
ps :如果执⾏cnpm run dev 出现缺少包的错误,则删除node_modules,重新cnpm install ⼀下,再cnpm run dev。
image.png
3. 最后修改⼀下发起请求的根地址。
image.png
运⾏成功!
image.png
② 运⾏后端项⽬
在IDEA中打开项⽬,运⾏,缺少jdk,下载配置⼀个。
⼀般使⽤jdk8,下载地址:
安装与配置:
安装好之后在IDEA中使⽤快捷键Ctrl+shift+alt+s ,选择这个jdk。
最后修改⼀下数据库连接的账号和密码:
image.png 运⾏成功!
image.png 就搞定了。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。