【提測平台】測試平台開發練手項目源程式碼和教程匯總
TPM提測平台
背景源於多年前的團隊的一個需求，那時候Vue這類前端框架還沒流行起來，如今重新利用最新開箱即用的前後端框架重新實現出來，並配有系列開發分享文章，宗旨是為做想測試開發和或自己想實現個小工具平台，而沒有練手實戰項目的同學提供一份的學習參考資料，希望對需要的人有些許幫助。
github地址：//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 //github.com/mrzcode/TestProjectManagement.git
# 進入項目目錄 或 用WebStorm等IDE工具導入前端項目
cd TPMWeb
# 安裝依賴
npm install
# 啟動服務
npm run dev
# 如果npm install安裝較慢可切換依賴源
npm install --registry=//registry.npm.taobao.org
瀏覽器訪問 //localhost:9528
感謝
這裡鳴謝 Vue-element-admin個人 和 element ui團隊的無私奉獻，才讓前端的開發更簡單。
TPMService
後端服務，使用的是 Python Flask框架，Pyton版本是3.x，同樣本項目講解的是需求應用的部分，至於更多內容建議學習官網 英文 中文，英文好的強力推薦閱讀英文官方版本，中文的翻譯可能是老版本，相關內容有些滯後。
如何運行
# 克隆項目
git clone //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 提測需求和報告資訊表
系列教程文章
公眾號發布
匯總帖
順序帖
基礎內容篇
原型和需求
需求實現篇
- 提測平台4-開發-資料庫綁定&實現產品線展示功能
- 提測平台5-開發-實現產品線的添加需求功能
- 提測平台6-開發-實現產品線修改功能
- 提測平台7-開發-完成產品線刪除功能
- 提測平台8-開發-實現產品搜索&時間優化顯示
— 階段小結一&階段結二 —
- 提測平台9-開發-DBUntils優化數據連接&實現應用搜索和分頁功能
- 提測平台10-開發-Element UI抽屜和表單校驗&增改介面合併實現應用管理
- 提測平台11-開發-Python郵件發送方法&落地有郵件工具類
- 提測平台12-開發-時間控制項使用&Python聯合表查詢&實現提測搜索展示
- 提測平台13-開發-遠程搜索和路由$route使用實現新建提測需求
- 提測平台14-開發-圖標Icon幾種用法並利用其一優化菜單
- 提測平台15-開發-實現提測單修改和郵件標記
- 提測平台16-開發-狀態流轉和提測詳情展示
- 提測平台17-開發-Flask&Vue文件上傳實現實踐
- 提測平台18-開發-測試報告管理功能實現
— 階段小結三 —
拓展需求篇
階段總結篇
純享版
計劃中重新排版存粹的教程版本，todo 敬請期待！
