畢業設計前后端項目的部署方法
准備部署和開發的工具與環境: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.效果圖