項目部署流程手冊

1. 部署環(huán)境

參考:搭建通用開發(fā)環(huán)境
2. 項目文檔目錄結(jié)構(gòu)
01_項目立項報告
項目立項報告 ?
項目啟動會議紀要 ?
02_項目計劃
項目計劃 ?
03_需求規(guī)格說明書
需求規(guī)格說明書 ?
04_系統(tǒng)設計文檔
系統(tǒng)設計說明書
05_編碼實現(xiàn)
部署文件
數(shù)據(jù)庫腳本 √
項目代碼 √
用戶手冊 √
06_系統(tǒng)測試
系統(tǒng)測試計劃
系統(tǒng)測試用例
系統(tǒng)測試報告
07_項目驗收
項目關閉總結(jié)報告
項目簡介PPT √
項目演示錄像 √
08_項目總結(jié)
學員個人總結(jié)
相關技術(shù)文檔
3. 初始化數(shù)據(jù)庫
3.1 獲取數(shù)據(jù)庫腳本
在每個項目文檔的 05_編碼實現(xiàn)數(shù)據(jù)庫腳本路徑 下可以找到sql數(shù)據(jù)庫腳本:

如果對導入數(shù)據(jù)非常熟悉可自行略過以下步驟。
3.2 打開 Workbench
學習使用請參考:MySQL Workbench使用教程
雙擊紅色區(qū)域數(shù)據(jù)庫鏈接項:

3.3 創(chuàng)建數(shù)據(jù)庫
1、點擊創(chuàng)建按鈕圖標打開創(chuàng)建數(shù)據(jù)庫界面。
2、設置數(shù)據(jù)庫名字,這里要與sql腳本中或者后臺應用配置文件的數(shù)據(jù)庫命名一致!
3、設置數(shù)據(jù)庫編碼為utf8,避免亂碼.
4、點擊Apply按鈕執(zhí)行創(chuàng)建。

數(shù)據(jù)庫命名:
1.一般在sql腳本中可以看到CREATE DATABASE或者USE指令對應的數(shù)據(jù)庫名字,例如下圖的blog:

2.如果沒有則需要查看后臺應用配置文件
在 編碼實現(xiàn)項目代碼 中找到帶pom.xml的配置文件的文件夾即為后臺應用源碼,例如:

使用IntelliJ IDEA打開項目:
1、為項目配置文件blogsrcmain esourcesapplication.yml

2、查看應用數(shù)據(jù)庫配置,此處賬號、密碼、端口號 和 數(shù)據(jù)庫名字 必須與部署系統(tǒng)安裝和創(chuàng)建的數(shù)據(jù)庫一致!
3.4 導入數(shù)據(jù)

1、選中Administration選項
2、點擊數(shù)據(jù)導入
3、選擇導入自定義文件
4、選擇前面3.1章節(jié)的sql數(shù)據(jù)庫腳本文件路徑。
5、選擇創(chuàng)建好的數(shù)據(jù)庫
6、開始導入數(shù)據(jù)
3.5 查看導入數(shù)據(jù)

1、回到數(shù)據(jù)庫界面
2、刷新Tables可以看到導入成功后的數(shù)據(jù)庫表
3、查詢數(shù)據(jù)庫數(shù)據(jù)
4、查看數(shù)據(jù)結(jié)果
4. 后臺應用部署
4.1 拷貝并導入項目
拷貝到英文路徑下,并導入到IDEA:

4.2 下載項目Maven依賴

1、選中項目點擊鼠標右鍵
2、選擇Maven->Reimport下載項目依賴
注意:第一次導入有時候需要修改項目的JDK及Maven設置,詳情參考前面的搭建通用開發(fā)環(huán)境
4.3 啟動后臺應用

1、選擇Spring Boot方式啟動項目。
2、如果你有Docker環(huán)境并且把運行環(huán)境都安裝到Docker的可以使用Docker方式啟動項目。
3、選擇部署方式后(推薦Spring Boot方式),點擊啟動按鈕啟動后臺應用。
4、啟動項目沒有任何異常錯誤即成功,端口為8080:

4.4 端口配置(可選)
1、如果8080端口,被占用,則可修改項目配置文件中的端口,停止運行當前項目,重新啟動項目即可。

2、前后端分離項目,后臺端口修改則前端也要同步修改:

修改前端項目vue.config.js配置文件為后臺啟動端口。
5. 前端應用部署
5.1 前端應用部署指引
使用VSCode打開前端應用,一般前端應用下有package.json配置文件:
可以查看README.md文件中的指令幫助我們快速安裝依賴、運行服務、構(gòu)建打包等:

5.2 打開新終端

5.3 安裝項目依賴
在項目根路徑下輸入npm install 指令安裝項目依賴:

沒有任何ERROR錯誤則安裝成功,否則可以根據(jù)錯誤提示修復依賴環(huán)境:
注意:WARN只是提示,不是ERROR錯誤,不會影響項目啟動。

5.4 啟動前端應用
1、在項目根路徑下輸入npm run serve 指令啟動項目:

2、編譯成功
3、前端地址
6. 登錄系統(tǒng)
6.1 打開瀏覽器訪問系統(tǒng)

6.2 查看系統(tǒng)用戶賬號

1、系統(tǒng)用戶表
2、賬號密碼,當前所有賬號的默認密碼為123456。
密碼一般為加密秘鑰可使用下列代碼生成加密密碼:
BCryptPasswordEncoder?bCryptPasswordEncoder?=?new?BCryptPasswordEncoder();
String?encodePwd?=?bCryptPasswordEncoder.encode("123456");
System.out.println("encodePassword:"?+?encodePwd);例如:123456加密后為:
$2a$10$y.y86GQCuBDaN9inQyJ/huaLkEhk5hGb2cQbeG906K4VySCN28gx6
復制并修改密碼列數(shù)據(jù)即可使用該密碼登錄系統(tǒng)!
6.4 注冊郵件設置
開啟SMTP服務
在 QQ 郵箱里的 設置->賬戶里開啟 SMTP 服務

開啟SMTP服務:

注意開啟完之后,QQ 郵箱需要生成一個授權(quán)碼,在代碼里連接郵箱使用這個授權(quán)碼而不是原始的郵箱密碼,這樣可以避免使用明文密碼。

把郵箱賬號和授權(quán)碼設置到后臺應用的application.properties 配置文件:

6.3 登錄系統(tǒng)界面
首頁:

詳情頁:

分類:

博客:

個人資料:

注意:可以根據(jù)自己的實際情況修改數(shù)據(jù),增強演示效果!
6.4 熟悉和演示項目
05_編碼實現(xiàn)
用戶手冊
07_項目驗收
項目簡介PPT
項目演示錄像
想要畢設項目源碼+文檔+指導手冊的同學可以找Jessica老師(wx:sxbang6v6)咨詢。
PS:最后感謝粉絲們的支持,如果覺得分享還不錯的話,歡迎大家隨手點贊、分享。