測試開發【提測平臺】分享1-基礎之技術棧和開源框架選型

依賴環境

根據使用的電腦系統自行安裝，環境的配置是一個基本功，搜索引擎搜索不少，也是考驗辨別哪些是有效教程的基本能力，這邊建議是參考簡書的.

• node npm 前端Vue運行編譯環境

• element-ui-admin 後臺前端開箱即用模版

• python3 服務開發語言環境 

• pip3 python的包管理工具

• flask 接口開發包 

• git 代碼工具

初始化後臺前端

Vue 是一位叫尤雨溪大牛開發漸近交互式前端框架，是一個很容易入手開發的框架，element-ui是餓了麼團隊基於vue封裝一個UI框架，而後element-ui-admin又是一位叫PanJiaChen基於前邊開發的一個開箱即用的後臺模版框架，反正咱們是得意於這些大牛們的無私貢獻，讓咱們本身開發個平臺沒有像之前那麼難了。

打開終端，檢查前端依賴環境

 node --versionnpm -version

 

切換到代碼保存路徑,下載代碼,並進入項目目錄

git clone https://github.com/PanJiaChen/vue-element-admin.git cd vue-element-admin

　　

安裝依賴, 直接用國內鏡像, 解決外網超時或者慢問題

npm install --registry=https://registry.npm.taobao.org

 

啓動服務

npm run dev

若是沒有環境和編譯錯誤的話，就能夠看到控制檯輸出的地址，瀏覽器訪問便可，默認是 http://localhost:9527 會看到登陸界面，而後輸入任意用戶名和密碼就看主界面了，如圖：

那麼很簡單一個開箱即用的後臺就配置初始化起來了，這裏說明的是目前數據都是框架本身mock的，因此並無實際後端服務的數據。

---

初始化後端服務

Python flask 一個web微框架，這裏咱們用來實現resful api服務，其實如今一些項目用的是tornado, 不過想了想仍是用flask，其一由於我自己沒有用，因此當成一個學習機會，其二說到另外一個項目後端服務是要用spring boot, 在接口路徑實現（controller) 都是相似註解的方式，因此在過分學習的時候會容易些。下面依然不借助任何高級IDE，硬編碼實現個最簡單的接口

安裝依賴包

pip3 install -U flask

 

建立run.py 使用vim run_flask.py 或者任意文本編輯器，敲以下代碼

運行代碼

python run_flask.py

沒有手誤單詞或者語法錯誤的話，就能看到正常debug模式啓動了，咱們能夠經過瀏覽器直接訪問 http://127.0.0.1:5000/api/hello 或者用curl命令行測試

 curl "http://127.0.0.1:5000/api/hello"

均能看到返回 Hello, World! 至此先後端服務也初始化並啓動完成。

 

---

下篇準備分享內容：element-ui-admin結構介紹和實現先後端互通登陸

最後，文章內容僅爲本身總結和分享，不免有理解不足和錯誤之處，歡迎隨時交流指正，若是你有任未嘗試過程當中的問題也能夠留言或者加我交流，但特別強調的是拒絕回答不通過本身排查和搜索嘗試就直接問的這種，但若是你努力仍然沒有解決，即便簡單問題也不怕，所謂旁觀者清，有時我也常有這種狀況，那就及時交流求助快速解決問題，保持學習積極性。

附官方地址:

• node: http://nodejs.cn/download/

• element-ui-admin: https://panjiachen.github.io/

• python3: https://www.python.org/downloads/

• pip3: https://pypi.org/project/pip/#files

• flask: https://flask.palletsprojects.com/

• git: https://git-scm.com/downloads