目錄
1. 從后臺拿到專案所需的sql包和jar包
1. 在自己的云服務器上開放3306埠，以及本次專案所需要開放的埠號(假設為8002)
2. 在MySQL里新建連接(自己設定密碼，復雜點，以防有人攻擊資料庫)
3. 在新創建的連接里新建資料庫(資料庫名由后臺提供)
4. 在新資料庫里的表里運行sql檔案(不顯示表的話重繪一下)
5. 點擊用戶，新建用戶(用戶名和密碼由后臺提供)，并賦權
3. 在cmd或者Xshell里使用root用戶登錄，在服務器里運行jar包
1. 利用filezilla將下載好的jar包直接拖動到服務器根目錄的jar目錄下(沒有可自己建個)
2. 在Xshell里運行jar包，命令如下
3. 登錄后臺提供的Swagger UI介面(埠號為我們之前假設的專案埠8002)
4. 搭建vue-cli
1. 純腳手架搭建命令如下
2. 使用大佬做的基于vue-cli搭建好的半成品框架
1. 從后臺拿到專案所需的sql包和jar包
2. 使用Navicat for MySQL部署sql包
1. 在自己的云服務器上開放3306埠，以及本次專案所需要開放的埠號(假設為8002)
//有個前提是在cmd或者Xshell中配置過MySQL和jar包環境(本文暫不說明)
2. 在MySQL里新建連接(自己設定密碼，復雜點，以防有人攻擊資料庫)
//先連接測驗一下，第一次的話一般在這里會有一堆奇怪的報錯資訊
3. 在新創建的連接里新建資料庫(資料庫名由后臺提供)
4. 在新資料庫里的表里運行sql檔案(不顯示表的話重繪一下)
5. 點擊用戶，新建用戶(用戶名和密碼由后臺提供)，并賦權
3. 在cmd或者Xshell里使用root用戶登錄，在服務器里運行jar包
1. 利用filezilla將下載好的jar包直接拖動到服務器根目錄的jar目錄下(沒有可自己建個)
//主機即服務器，用戶名root，密碼自己設定的，埠22或23
2. 在Xshell里運行jar包，命令如下
cd /
cd jar
ls -l 看一下jar包在不在jar目錄下
ps -ef | grep java 查看服務器上運行的jar包
java -jar text.jar & 出現spring=》則運行成功
如果這條命令不行的話可以試試這條：nohup java -jar text.jar >jz.txt 2>&1 &
3. 登錄后臺提供的Swagger UI介面(埠號為我們之前假設的專案埠8002)
//從登錄相關介面，用sql包里提供的用戶密碼拿token，在Authorize里使用密鑰登錄，現在所有的介面都可以用了
4. 搭建vue-cli
1. 純腳手架搭建命令如下
cnpm i -g @vue/cli
vue -V 檢查vue版本
vue create text 創建并配置vue腳手架專案
//選最后一個，第一個是我之前創建的模板，第二三個都是腳手架配置好的Vue2和3的模板
//空格選中選項，一般新手選這幾項就夠了，回車
//目前vue2語法就夠用了
//選n，路由的hash模式(url帶#號)
//看個人業務需求，我喜歡用less
//Babel，ESLint，etc...這些配置最好不要放到package.json里
//是否把以上配置作為模板，看個人需求
cnpm install 下載依賴(選擇自己的專案在集成終端打開下載)
npm run dev 啟動專案(命令可以去package.json里查看)
2. 使用大佬做的基于vue-cli搭建好的半成品框架
1. 框架鏈接如下(兩個都可以)
介紹 | vue-element-admin (panjiachen.github.io)
vue-admin-template: 這是一個極簡的 vue admin 管理后臺，它只包含了 Element UI & axios & iconfont & permission control & lint，這些搭建后臺必要的東西 (gitee.com)
2. 我們來用第二個來搭建一下，使用VScode在集成終端中打開并輸入以下命令
git clone https://gitee.com/panjiachen/vue-admin-template.git
選擇專案在集成終端打開
cnpm install
//如果報錯可以輸入這個命令，再重新下載依賴：npm config set registry http://registry.npmjs.org/
npm run dev //運行專案
3. 接下來需要修改vue-admin-template框架
配置登錄介面
- 使用axios--配置基礎路徑
重啟專案使配置生效
- 真實對接后臺登錄介面 /user/login vue-admin-template框架使用mockjs模擬后臺
向后臺發送登錄請求 baseURL(http://47.101.202.33:8002)+url(/user/login)
- 修改真實對接用戶
views/login/index.vue 使用mock模擬的后臺用戶 
提示 進入錯誤回呼 please enter correct username
mock限定了輸入的用戶名和密碼 取消用戶名和密碼驗證
- 登錄的時候除了發送login info(getInfo) --顯示得是用戶未登錄
請求攔截
回應攔截器
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/332109.html
標籤：其他