# platformFrontend

**Repository Path**: xifengxixi/platformFrontend

## Basic Information

- **Project Name**: platformFrontend
- **Description**: 接口自动化测试平台前端，vue+element
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2024-05-10
- **Last Updated**: 2025-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一、前言

本项目为接口自动化测试平台前端，vue+element   
[项目后端地址](https://gitee.com/xifengxixi/platformBackend)

- 项目参与者：溪风习习
- 个人语雀地址：[https://www.yuque.com/xifengxixi](https://www.yuque.com/xifengxixi)
- 技术支持邮箱：1107872406@qq.com

> 本项目不建议用于实际企业项目，仅为个人练手使用
>
> 需要练习的朋友可以查看本人语雀项目，有相关笔记。需要教程的朋友，可加Q私信

如果对您有帮助，请点亮本项目的小星星，不胜感激。

# 二、运行方式

## 2.1 安装

```powershell
npm install
```

## 2.2 运行

```powershell
npm run serve
```

# 三、平台简介

- 登录注册

![login.png](src/assets/img/login.png)

![register.png](src/assets/img/register.png)

- 系统首页

![home.png](src/assets/img/home.png)

- 项目管理

![project_list.png](src/assets/img/project_list.png)

![project_add.png](src/assets/img/project_add.png)

- 环境管理

![env_list.png](src/assets/img/env_list.png)

![env_add.png](src/assets/img/env_add.png)

- 内置函数

![func_list.png](src/assets/img/func_list.png)

![func_edit.png](src/assets/img/func_edit.png)

- 接口管理

![api_list.png](src/assets/img/api_list.png)

![api_add.png](src/assets/img/api_add.png)

- 用例管理

![testcase_list](src/assets/img/testcase_list.png)

![testcase_add](src/assets/img/testcase_add.png)

![testcase_edit](src/assets/img/testsuit_edit.png)

- 配置管理

![config_list](src/assets/img/config_list.png)

![config_add](src/assets/img/config_add.png)

- 套件管理

![testsuit_list](src/assets/img/testsuit_list.png)

![testsuit_add](src/assets/img/testsuit_add.png)

![testsuit_edit](src/assets/img/testsuit_edit.png)

- 报告管理

![report_list](src/assets/img/report_list.png)

![report_vies](src/assets/img/report_view.png)