【提测平台】测试平台开发练手项目源代码和教程汇总
文章图片
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 提测需求和报告信息表
【提测平台】测试开发练手项目源代码和教程汇总
顺序帖
基础内容篇
- 提测平台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开箱即用框架使用
- 阶段小结三:开发回顾和内容梳理
推荐阅读
- 测试平台系列(91)|测试平台系列(91) 编写oss管理页面
- 6CCS3VER
- Asp.Net|【小5聊】Vue与.net Core 如何接收List<T>泛型参数
- 基于kubernetes平台微服务的部署
- nvm安装、使用以及遇到的坑
- FIT9131分析
- 蓝桥杯|【蓝桥杯】每日一题冲刺国赛
- 蓝桥杯|【蓝桥杯】看完这些,还在担心自己拿不到奖()
- 七个程序员常用的接单平台推荐
- Locust1.x 的监控平台——boomer