1. 程式人生 > 其它 >【提測平臺】測試平臺開發練手專案原始碼和教程彙總

【提測平臺】測試平臺開發練手專案原始碼和教程彙總

TPM提測平臺

背景源於多年前的團隊的一個需求,那時候Vue這類前端框架還沒流行起來,如今重新利用最新開箱即用的前後端框架重新實現出來,並配有系列開發分享文章,宗旨是為做想測試開發和或自己想實現個小工具平臺,而沒有練手實戰專案的同學提供一份的學習參考資料,希望對需要的人有些許幫助。
github地址:https://github.com/mrzcode/TestProjectManagement

前後端服務

程式碼全部放在一個Git專案上了,但服務分為獨立的前端和後端服務,同時也給出了對應SQL資料庫創表語句。

TPMWeb

前端服務,使用的是開箱即用的 Vue-element-admin基礎template版本,它還有個amdin版本有很多綜合頁面可以進行參考,基礎元件應用上使用的

Element ui,這裡需要注意的是你程式碼中使用的是Vue2.x版本,如果你是剛剛開始跟學這個專案,可以嘗試將這些都升級到3.x進行練習開發。

關於前端的Vue開發,本專案只是講了如何快速的應用,而不是深入的講解vue前端開發的技能,在分享文章裡也講過,我們並不是要做前端開發,所以對於全棧的測試開發只要掌握如何應用到實際需求中就行,如果想進一步深入學習,可以參考Vue-element-admin、Vue等技術官網或者相關專業課程。

如何執行

# 克隆專案
git clone https://github.com/mrzcode/TestProjectManagement.git

# 進入專案目錄 或 用WebStorm等IDE工具匯入前端專案
cd TPMWeb

# 安裝依賴
npm install

# 啟動服務
npm run dev

# 如果npm install安裝較慢可切換依賴源
npm install --registry=https://registry.npm.taobao.org

瀏覽器訪問 http://localhost:9528

感謝

這裡鳴謝 Vue-element-admin個人 和 element ui團隊的無私奉獻,才讓前端的開發更簡單。

TPMService

後端服務,使用的是 Python Flask框架,Pyton版本是3.x,同樣本專案講解的是需求應用的部分,至於更多內容建議學習官網 英文 中文,英文好的強力推薦閱讀英文官方版本,中文的翻譯可能是老版本,相關內容有些滯後。

如何執行

# 克隆專案
git clone https://github.com/mrzcode/TestProjectManagement.git

# 進入專案目錄 或 用WebStorm等IDE工具匯入前端專案
cd TPMService

# 安裝依賴
pip3 install -r requirements.txt

# 啟動服務 或者 PyCharm等IDE配置執行
python3 app.py

SQL

資料使用的Mysql,版本建議5.7+,本專案中使用的是8.0版本,SQL資料夾中分別提供的提測平臺用到的幾張表

  • products.sql 產品/專案表
  • apps.sql 應用表
  • request.sql 提測需求和報告資訊表

系列教程文章

公眾號釋出

彙總帖

【提測平臺】測試開發練手專案原始碼和教程彙總

順序帖

基礎內容篇

原型和需求

需求實現篇

--- 階段小結一&階段結二 ---

--- 階段小結三 ---

拓展需求篇

階段總結篇

純享版

計劃中重新排版存粹的教程版本,todo 敬請期待!