電商系統
- 專案概述
- 電商專案基本業務概述
- 電商后臺管理系統的功能
- 電商后臺管理系統的開發模式(前后端分離)
- 電商后臺管理系統的技術選型
-
- 前端專案初始化
- 1 2 3通過`vue ui` 來初始化專案
- 4.配置element-UI組件庫
- 5.配置axios庫依賴
- 6.初始化git遠程倉庫
-
- 7.將本地專案托管到Github或碼云中
- 1.在專案目錄下打開git提交到本地倉庫
- 2.設定提交代碼時得用戶資訊
- 上傳到遠程倉庫
- 后臺環境安裝配置
專案概述
電商專案基本業務概述
根據不同的應用場景，電商系統一般都提供了PC端，移動APP，移動Web，微信小程式等多種終端訪問方式，
電商后臺管理系統的功能
電商后臺管理系統用于管理用戶賬號，商品分類，商品資訊，訂單，資料統計等業務功能
電商后臺管理系統的開發模式(前后端分離)
電商后臺管理系統整體采用前后端分離的開發模式，其中前端專案是基于Vue技術堆疊的SPA專案
電商后臺管理系統的技術選型
1.前端專案技術堆疊
- Vue
- Vue-router
- Element-UI
- Axios
- Echarts
2.后端技術堆疊
- Node.js
- Express
- Jwt
- Mysql
- Sequelize
前端專案初始化
- 1.安裝vue腳手架
- 2.通過vue腳手架創建專案
- 3.配置vue路由
- 4.配置element-UI組件庫
- 5.配置axios庫
- 6.初始化git遠程倉庫
- 7.將本地專案托管到Github或碼云中
vue ui
1 2 3通過vue ui 來初始化專案
手動配置勾選
- 1.Choose Vue version
- 2.Babel
- 3.Route
- 4.Linter/Formatter
- 5.使用組態檔
創建成功可以看到下面的界面！
4.配置element-UI組件庫
在插件里搜索vue-cli-plugin-element下載并配置如下圖
5.配置axios庫依賴
6.初始化git遠程倉庫
生成公鑰
ssh-keygen -t ed25519 -C "xxxxx@xxxxx.com" //ed25519隨便取得，可以換
按照提示完成三次回車，即可生成 ssh key，通過查看 ~/.ssh/id_ed25519.pub 檔案內容，獲取到你的 public key
獲取密鑰
cat ~/.ssh/id_ed25519.pub //ed25519為前面生成得時候得名字
注意，這里cmd好像無法運行得，要用git
添加公鑰
標題隨意取
公鑰內容就是獲取密鑰回傳得值，直接復制到里面就可以了
終端輸入
ssh -T git@gitee.com
首次使用需要確認并添加主機到本機SSH可信串列，若回傳 Hi XXX! You've successfully authenticated, but Gitee.com does not provide shell access.則證明添加成功，
7.將本地專案托管到Github或碼云中
1.在專案目錄下打開git提交到本地倉庫
git add .他會監控作業區的狀態樹，使用它會把作業時的所有變化提交到暫存區，包括檔案內容修改(modified)以及新檔案(new)，但不包括被洗掉的檔案，git commit -m 'add files'將暫存區內容添加到本地倉庫中，add files是提交附帶得資訊
2.設定提交代碼時得用戶資訊
git config --global user.name 'xxx'
git config --global user.email xxx@xxx.com
上傳到遠程倉庫
git remote add origin https://gitee.com/KamenRider41/vue_shop.git
git push -u origin master
后臺環境安裝配置
/這里未完成****/
- 1.安裝MySQL資料庫
- 2.安裝Node.js環境
- 3.配置專案相關資訊
- 4.啟動專案
- 5.使用Postman測驗后臺專案介面是否正常
