apiAutoTest front-end and back-end separation, visualization version, using FastAPI + Vue2 implementation, on the basis of apiAutoTest to add timing tasks, graphql specification interface testing

Overview

apiAutoTestWeb

基本为apiAutoTest使用FastAPI + Vue的前后端的分离版本,在apiAutoTest之上 实现了定时任务,自定义函数,接口参数依赖,graphql规范接口测试

演示环境

==**http://49.232.203.244:2152/**==

点击即可访问: 前端入口, 接口文档

目前完善功能

  • 登录
  • 项目管理
  • 接口管理
  • 环境管理
  • 用例管理
  • 报告管理
  • 扩展脚本

文档资料

apiAutoTestWeb说明文档 后端说明文档 前端说明文档

部署

  1. git clone https://gitee.com/zy7y/apiAutoTestWeb.git
  2. 安装docker: https://www.cnblogs.com/zy7y/p/14344375.html
  3. 安装docker-compose : https://blog.csdn.net/qq_36640395/article/details/107449652 需要安装Python3, 然后pip命令换成pip3
  4. 修改frontend/.env.production文件中的VUE_APP_BASE_API为自己服务器的地址
  5. 在apiAutoTestWeb目录下执行构建镜像 docker-compose build 运行服务 docker-compose up -d
  6. 访问前端IP:2152, 访问接口文档IP:1328

参考资料

  1. https://blog.csdn.net/qq_38225558/article/details/103068220
  2. https://cli.vuejs.org/zh/guide/deployment.html#docker-nginx
  3. https://www.cnblogs.com/xr210/p/12676811.html

最后

  1. 感谢在此过程中我查过的所有资料的作者,提供答案的网友
  2. 该项目作为一个Demo,任有很多Bug和冗余代码可以优化
  3. 如果你有什么建议或者Bug反馈可以在apiAutoTestWeb源码仓库进行反馈
  4. 如果你也想加入这个项目可以直接申请成为仓库成员
  5. 如果你需要及时得到问题回复可以加入该QQ群851163511
  6. 如果你觉得这个项目有点用处,有帮助到你,还请点个star
  7. 视频过程
You might also like...
A vue3 version of vue-element-admin
A vue3 version of vue-element-admin

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

Vue3-notion - An unofficial Notion renderer (Vue 3) version
Vue3-notion - An unofficial Notion renderer (Vue 3) version

An unofficial Notion renderer (Vue 3) version Features · Install · Examples · Cr

🐜 Ant Design Pro's implementation with Vue
🐜 Ant Design Pro's implementation with Vue

🐜 Ant Design Pro's implementation with Vue

Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.
Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.

Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.

Micro implementation of iframe-based micro frontends with Vue 3

Micro implementation of micro frontends with Vue 3 Note: this is a demo repository created as an appendix to a blog post (make sure to check it out!)

Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template
Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template

First EVN 1、install cargo curl https://sh.rustup.rs -sSf | sh 2、install cargo-ta

A micro demo implemented with qiankun framework. The main app based Vue2 + JavaScript, and micro app implemented with Vue3 + TypeScript.

vue-micro-app If your system implemented with some outdated frameworks and you wanna refactor or rewrite them with new javascript frameworks step by s

A vue2.0 minimal admin template
A vue2.0 minimal admin template

A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

vue-admin-work是一个中后台系统管理方案。使用 vue2.x  及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉
vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉

vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉

Owner
Gitee: https://gitee.com/zy7y, 两年测试点工,项目交流QQ群:851163511
null
vue-pure-admin is a free and open source middle and back-end template.

vue-pure-admin is a free and open source middle and back-end template. Using the latest vue3, vite2, TypeScript, Element-Plus and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.

啝裳 6k Jan 8, 2023
Laputa IOT Platform Admin is a free and open source middle and back-end template.

Laputa IOT Platform Admin based in Vue3.0 typescript English | 中文 Introduction Laputa IOT Platform Admin is a free and open source middle and back-end

Sommer Jiang 4 Sep 30, 2022
AKe-Vue3-Admin is a framework that quickly helps you build a back-end management panel.

AKe-Vue3-Admin is a framework that quickly helps you build a back-end management panel. You don't need to pay attention to the code implementation of layout, data processing, and interactive processing, but you only need to pay attention to common component development and interface configuration information adjustment. AKe-Vue3-Admin adopts Vue3.0 + Tailwind CSS + ant-design-vue 2.x + vite2.x

Mr.WuShuang 4 Dec 31, 2021
A lightweight, ready-to-go front-end solution for admin interfaces based on Vue 3, Vite 2 and ElementPlus.

A lightweight, ready-to-go front-end solution for admin interfaces based on Vue 3, Vite 2 and ElementPlus.

Ziwen Mei 125 Dec 12, 2022
vue-element-admin is a production-ready front-end solution for admin interfaces.

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

null 1 Nov 19, 2021
Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

null 21 Dec 26, 2022
Pear admin is a front-end development framework based on layui

Pear admin is a front-end development framework based on layui

Pear Admin 30 Dec 5, 2022
Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.

Vue Admin Next Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow, and Friendly User Interface. N

FE Next 130 Sep 26, 2022
Nuxt version of Mazer - Free Bootstrap 5 Admin Dashboard Template and Landing Page

Mazer is a Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency.

Muhammad Fauzan 62 Jan 3, 2023
Vue.js based administrative interface

What is it? This is the last package you will ever need to build your custom dashboard or administrative panel. It includes: AdminLTE (only styles) Vu

Timofey 29 May 2, 2022