【提測平臺】測試平臺開發練手專案原始碼和教程彙總
TPM提測平臺
背景源於多年前的團隊的一個需求,那時候Vue這類前端框架還沒流行起來,如今重新利用最新開箱即用的前後端框架重新實現出來,並配有系列開發分享文章,宗旨是為做想測試開發和或自己想實現個小工具平臺,而沒有練手實戰專案的同學提供一份的學習參考資料,希望對需要的人有些許幫助。
github地址:https://github.com/mrzcode/TestProjectManagement
前後端服務
程式碼全部放在一個Git專案上了,但服務分為獨立的前端和後端服務,同時也給出了對應SQL資料庫創表語句。
TPMWeb
前端服務,使用的是開箱即用的 Vue-element-admin基礎template版本,它還有個amdin版本有很多綜合頁面可以進行參考,基礎元件應用上使用的
關於前端的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 敬請期待!