# tao-web

**Repository Path**: T520/tao-development-platform-web

## Basic Information

- **Project Name**: tao-web
- **Description**: 基于spring Boot 和Vue3开发的快速开发平台，包含管理系统全部的基本模块，拥有接口计费，全局API管理，丰富的日志采集，菜单权限，接口权限,接口限流等等的特色功能，欢迎大家来体验
- **Primary Language**: JavaScript
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://123.249.2.1
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 6
- **Created**: 2022-03-28
- **Last Updated**: 2025-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, Element-UI, 后台管理系统, 快速开发平台

## README

# 介绍

​	基于spring Boot 和Vue3开发的平台，该仓库为平台前端部分。本平台采用市面上的主流技术，方面快速入手，平台功能齐全，编码规范，配合接口文档，方便二次开发，目前文档正在编写中。

# 特色功能

- 部门/岗位/角色/用户管理	
- 菜单/系统字典/用户字典/参数管理
- 精确到按钮的权限设置
- 丰富的日志采集系统
- 实时动态的缓存更新
- 接口次数计费，全局接口限流
- 自动化部署
- 统一文件存储
- 在线接口调试，实时接口文档
- 外部API统一管理，在线调试，实时切换数据源
- 提供后端代码生成器，一键生成后端基础代码
- 使用主流技术，二次开发方便

# 软件架构

| 名称          | 版本    | 说明   |
|--------------|---------|------|
| VUE          | 3.0.0.  | 基础框架 |
| Element-plus | 2.1.6   | UI   |
| echarts      | 5.3.0   | 图表   |
| axios        | 0.26.1  | 异步请求 |
| animate      | 4.1.1   | 动画库  |


# 功能截图
 **演示地址：http://123.249.2.1** 
 **账户密码：admin/3179927046、test/123456** 

**登录**
登录页面已适配移动端
![输入图片说明](doc/jpg/image102.png)

**移动端登录**
![输入图片说明](doc/jpg/image101.png)

**首页**
![输入图片说明](doc/jpg/image100.png)


**系统管理**

![系统管理](doc/jpg/image.png)

**用户管理**
![输入图片说明](doc/jpg/image104.png)

**接口配置**
![输入图片说明](doc/jpg/image2.png)

**接口配额**
![输入图片说明](doc/jpg/image6.png)

**修改示例**
![输入图片说明](doc/jpg/image4.png)

**分配菜单**
![输入图片说明](doc/jpg/image8.png)

**日志监控**
![输入图片说明](doc/jpg/image5.png)

**API管理**
![输入图片说明](doc/jpg/image7.png)

**接口文档**
![输入图片说明](doc/jpg/image103.png)

**ELK日志监控页面**
![输入图片说明](doc/jpg/elk1.png)

**ELK异常日志详情**
![输入图片说明](doc/jpg/elk2.png)


# 安装教程

- 后端仓库地址：https://gitee.com/T520/tao-development-platform
- 本仓库为前端

## 安装

 npm install