【提测平台】一个测试平台开发练手项目源代码和系列教程分享

一些必要说明

本文分享只个练手的项目，开源项目本身没有太多实用价值，也只适合小白新手们的入门参考，所以提前声明下：有些 键盘侠勿喷些没用的！ 我也懒得回复，同时为了避免文章灌水行为，本篇和后续都只发对应的系列汇总文章，希望有什么问题或者意见想法真诚探讨。

文章源自玩技e族-https://www.playezu.com/186917.html

TPM 提测平台

背景源于多年前的团队的一个需求，那时候 Vue 这类前端框架还没流行起来，如今重新利用最新开箱即用的前后端框架重新实现出来，并配有系列开发分享文章，宗旨是为做想测试开发和或自己想实现个小工具平台，而没有练手实战项目的同学提供一份的学习参考资料，希望对需要的人有些许帮助。
github 地址：https://github.com/mrzcode/TestProjectManagement文章源自玩技e族-https://www.playezu.com/186917.html

前后端服务

代码全部放在一个 Git 项目上了，但服务分为独立的前端和后端服务，同时也给出了对应 SQL 数据库创表语句。文章源自玩技e族-https://www.playezu.com/186917.html

TPMWeb

前端服务，使用的是开箱即用的 Vue-element-admin基础 template 版本，它还有个 amdin 版本有很多综合页面可以进行参考，基础组件应用上使用的 Element ui，这里需要注意的是你代码中使用的是 Vue2.x 版本，如果你是刚刚开始跟学这个项目，可以尝试将这些都升级到 3.x 进行练习开发。文章源自玩技e族-https://www.playezu.com/186917.html

关于前端的 Vue 开发，本项目只是讲了如何快速的应用，而不是深入的讲解 vue 前端开发的技能，在分享文章里也讲过，我们并不是要做前端开发，所以对于全栈的测试开发只要掌握如何应用到实际需求中就行，如果想进一步深入学习，可以参考 Vue-element-admin、Vue 等技术官网或者相关专业课程。文章源自玩技e族-https://www.playezu.com/186917.html

如何运行

# 克隆项目
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文章源自玩技e族-https://www.playezu.com/186917.html

感谢

这里鸣谢 Vue-element-admin 个人 和 element ui 团队的无私奉献，才让前端的开发更简单。文章源自玩技e族-https://www.playezu.com/186917.html

TPMService

后端服务，使用的是 Python Flask 框架，Pyton 版本是 3.x，同样本项目讲解的是需求应用的部分，至于更多内容建议学习官网 英文 中文，英文好的强力推荐阅读英文官方版本，中文的翻译可能是老版本，相关内容有些滞后。文章源自玩技e族-https://www.playezu.com/186917.html

如何运行

# 克隆项目
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 文件夹中分别提供的提测平台用到的几张表文章源自玩技e族-https://www.playezu.com/186917.html

• products.sql 产品/项目表
• apps.sql 应用表
• request.sql 提测需求和报告信息表

系列教程文章

公众号发布

汇总帖

【提测平台】测试开发练手项目源代码和教程汇总文章源自玩技e族-https://www.playezu.com/186917.html

顺序帖

基础内容篇

• 提测平台 1-基础 - 前端 Vue&后端 Flask 框架介绍
• 提测平台 2-基础 - 前后端分离服务打通联调
• 提测平台 3-基础 - 项目初始化与项目托管

原型和需求

• 提测平台-TPM 产品原型和需求说明

需求实现篇

• 提测平台 4-开发 - 数据库绑定&实现产品线展示功能
• 提测平台 5-开发 - 实现产品线的添加需求功能
• 提测平台 6-开发 - 实现产品线修改功能
• 提测平台 7-开发 - 完成产品线删除功能
• 提测平台 8-开发 - 实现产品搜索&时间优化显示

--- 阶段小结一&阶段结二 ---

• 提测平台 9-开发-DBUntils 优化数据连接&实现应用搜索和分页功能
• 提测平台 10-开发-Element UI 抽屉和表单校验&增改接口合并实现应用管理
• 提测平台 11-开发-Python 邮件发送方法&落地有邮件工具类
• 提测平台 12-开发 - 时间控件使用&Python 联合表查询&实现提测搜索展示
• 提测平台 13-开发 - 远程搜索和路由 $route 使用实现新建提测需求
• 提测平台 14-开发 - 图标 Icon 几种用法并利用其一优化菜单
• 提测平台 15-开发 - 实现提测单修改和邮件标记
• 提测平台 16-开发 - 状态流转和提测详情展示
• 提测平台 17-开发-Flask&Vue 文件上传实现实践
• 提测平台 18-开发 - 测试报告管理功能实现

--- 阶段小结三 ---

拓展需求篇

• 提测平台 19-拓展-Echarts 图表在项目的应用
• 提测平台 20-拓展-G2Plot 如何使用简化报表开发

阶段总结篇

• 阶段小结一：Python Flask API 实现方法
• 阶段小结二：Element Vue 开箱即用框架使用
• 阶段小结三：开发回顾和内容梳理

补充篇

• 补充一：前后端服务部署正式环境的方案实践

显卡性能测试软件