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 提測需求和報告資訊表
系列教程文章
公眾號釋出
彙總帖
順序帖
基礎內容篇
原型和需求
需求實現篇
- 提測平臺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 敬請期待！