1、在Gitee平台的【人人开源】仓库中下载项目一个前后端分离的项目
前端项目:renren-fast-vue
网址:https://gitee.com/renrenio/renren-fast-vue
后端项目:renren-fast
地址:https://gitee.com/renrenio/renren-fast
复制仓库地址,在Git Bash中Clone
git clone https://gitee.com/renrenio/renren-fast.git git clone https://gitee.com/renrenio/renren-fast-vue.git
2、安装node.js
这里我是安装的【16.16.0LTS】版
node -v
检查是否安装成功
换源:npm config set registry http://registry.npm.taobao.org/
解决警告
如果出现图中警告
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
解决办法:
1、在windows中以管理员身份打开cmd,然后执行命令
npm install -g npm-windows-upgrade
2、在Windows Power Shell以管理员身份运行,执行命令
set-ExecutionPolicy RemoteSigned
输入【Y】
成功更改脚本策略
3、在cmd上运行命令
npm-windows-upgrade
系统会问你升级哪一个版本?直接默认敲【回车】,升级成功!
再次检查,发现没【WARN警告】
3、导入项目
导入项目前可以把文件中的【.git】文件删除一下
先将后端项目:renren-fast导入IDEA
编译下【POM文件】,有爆错是引入的版本过时问题,可以忽略,不影响项目启动
修改下【application-dev.yml】文件里的url的数据库连接的地址和你需要连接的数据库的名字以及数据库的连接密码
这里我的数据库是叫【gulimall_admin】
找项目的入口函数【RenrenApplication】直接【Run】
启动后如下图:可以看到Tomcat已经运行
访问地址
http://localhost:8080/renren-fast/
出现下图,则说明成功
再导入前端项目:renren-fast-vue
安装好VSCode
官网:https://code.visualstudio.com/
打开我们下载好的前端项目,启动终端
运行:npm install
运行没有红色的爆错说明前端项目【build】成功
再运行:npm run dev
可以看到【Compiled successfully】运行成功
前端项目启动
地址:http://localhost:8001/#/login
后台也返回了执行参数
登录前端页面
账户:【admin】
密码:【admin】
【注意】
一定要先启动后端项目再启动前端项目