毕业设计前后端项目的部署方法
准备部署和开发的工具与环境:IntelliJ IDEA,MySQL5.6、Redis,Vue,Git,花生壳。(以上可通过百度或 CSDN了解)
1.clone 项目到本地
后端:
git clone https://gitee.com/bigsheng15/training_-spring_boot_open
前端:
git clone https://gitee.com/bigsheng15/training-vue
延申阅读:将本地项目上传到码云,只需这几步,每个步骤都有图文
2.在 mysql 中创建数据库 c_wj
,导入 resources\db
文件夹下的最新数据库文件。
运行项目前请下载 Redis 服务,解压后直接点击redis-server.exe即可启动,不作修改使用redis默认配置端口为 6379(默认端口),密码为空。
3.数据库配置在后端项目的 src\main\resources
目录下的application.yml
文件中,修改数据库配置 。
4.在IntelliJ IDEA中运行后端项目,为了保证项目成功运行,可以右键点击 pom.xml
选择 maven -> reimport ,并重启项目
(这里需要注意maven知识点,maven的安装及在idea中配置使用 )
至此,后台服务端就启动成功了。
我这里使用的是idea打开后端项目,Visual Studio打开前端项目
5.确保node环境、vue已安装,可参考 https://learner.blog.csdn.net/article/details/88926242
安装完node和vue后进入前端项目根目录中,在命令行依次输入如下命令:
# 安装依赖
npm install
# 在 localhost:8080 启动项目
npm run dev
默认账号是 admin
,密码是 0774123
6.支付宝支付功能需要进行内网映射,安装并使用花生壳
也可以自己申请一个支付宝沙箱账号进行支付测试。https://opendocs.alipay.com/open/200/105311
替换为自己的支付宝沙箱账号时,需修改 src\main\java\com\gm\wj\config\AlipayConfig.java
中的配置文件
7.全部工具打开如下图
由于在 wj-vue
项目中已经配置了端口转发,将数据转发到SpringBoot上,因此项目启动之后,在浏览器中输入 http://localhost:8080
就可以访问我们的前端项目了,所有的请求通过端口转发将数据传到 SpringBoot 中(注意此时不要关闭 SpringBoot 项目)。
8.效果图