【接口自动化测试框架练习】springboot+react+mysql～极简版postman

可以说是一个toy program，chatgpt完成了一部分工作，我也完成了一部分工作，我俩合作的，我占百分之80%，他百分之20%，哈哈没他不行，源码奉上。https://github.com/Jinwenxin/test-api-frontend

1.功能简介：

分成三部分，如左侧导航栏所示：

• 测试用例管理：测试用例的增删改查以及运行
• 测试套件管理：测试用例集的增删改查
• 测试结果：历史测试用例执行的结果查看

点击“run”后可直接运行测试用例并显示结果

测试用例集管理

 

测试结果查看

 

 

2.代码介绍：

　　2.1目录结构：

　　　　2.1.1后端：

　　　　2.1.2前端：

2.2 开发步骤： 后端：定义实体类（@data，@entity），建表-> 建立repository 继承jpa Repository类->创建service类，调用repo提供的方法，加上处理逻辑实现数据库交互->创建controller类，调用service提供的方法。

　　　　　　　前端：app.js 写Router->layout公共部分编写->各个子component用layout，写页面逻辑（const），写return的html。

举例：test result页面：

虽然从来没用过react，但是基本上直接就能上手了。以下均来自我的猜测，稍后去官网看看。

主要是用到这三个关键字：

const 定义page，局部变量用 

定义变量通常是 const [result，setResult] = useState([]) //初始化一个空对象

useEffect//一般是页面加载要执行的步骤

给result赋值就用setResult()

原来是hooks https://react.dev/reference/react/hooks

3.可扩展性：

1. 集成jenkins，生成测试报告
2. 加登录模块
3. 添加header
4. 批量运行测试用例
5. 测试套件支持管理测试用例