# qui-master

**Repository Path**: work25/qui-master

## Basic Information

- **Project Name**: qui-master
- **Description**: 基于vue-next-admin 、Vue、Element UI+、pinia的全栈前后端分离的管理系统
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-11-01
- **Last Updated**: 2025-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



<div align="center">
	<img src="images/logo.png" >
    <p>
        <h1>Q-UI V2.0</h1>
    </p>
</div>







## 平台简介

* 后台基于Go Frame 2.3和Python tornado框架
* 前端采用vue-next-admin 、Vue、Element UI+、pinia的全栈前后端分离的管理系统


## 特征

* 高生产率：几分钟即可搭建一个后台管理系统
* 模块化：单应用多系统的模式，将一个完整的应用拆分为多个系统，后续扩展更加便捷，增加代码复用性。
* 插件化： 可通过插件的方式扩展系统功能
* 认证机制：采用gtoken的用户状态认证及casbin的权限认证
* 路由模式：得利于goframe2.0提供了规范化的路由注册方式,无需注解自动生成api文档 
* 面向接口开发 


## 内置功能

1.  用户管理：用户是系统操作者，该功能主要完成系统用户配置。
2.  部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
3.  岗位管理：配置系统用户所属担任职务。
4.  菜单管理：配置系统菜单，操作权限，按钮权限标识等。
5.  角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
6.  字典管理：对系统中经常使用的一些较为固定的数据进行维护。
7.  参数管理：对系统动态配置常用参数。
8.  操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
9.  登录日志：系统登录日志记录查询包含登录异常。
10.  在线用户：当前系统中活跃用户状态监控。
11.  服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
12.  文件上传,缓存标签等。
13.  AI测试模块
14.  提供各种常用模块和功能测试模块

## 自定义组件

基于Element UI组件部分做了二次封装，使组件实现更方便快捷，如封装的组件q-table-v2，可以根据数据字典自动生成表格和搜索项等。

**自定义组件列表**

<img src="images/l1.png" >

**q-table-v2**

可根据数据字典生成表格内容、搜索选项、设置和导出功能

<img src="images/l2.png" >

<img src="images/l3.png" >

<img src="images/l4.png" >

<img src="images/l5.png" >



## 配置

项目数据库文件 `data/db.sql` 创建数据库导入后修改配置 `manifest/config/config.yaml.bak` 复制改为`manifest/config/config.yaml`  

其中gfToken配置

```yaml
gfToken:
  cacheKey: "gfToken_"   #缓存前缀
  timeOut: 10800         #token超时时间（秒）
  maxRefresh: 5400       #token自动刷新时间（秒）
  multiLogin: true       #是否允许一个账号多人同时登录
  encryptKey: "49c54195e750b04e74a8429b17896586"    #加密key (32位)
  cacheModel: "redis"    #存储引擎 （memory使用内存|redis使用redis）
  excludePaths:          #排除不做登录验证的路由地址
    - "/api/v1/system/login"
```



## 演示地址

qui-demo http://124.223.182.186:8888/   用户：admin 密码：111111

基于qui的一个测试系统 http://124.223.182.186:8889/   用户：admin 密码：111111



## 演示图

<table>
    <tr>
        <td><img src="images/1.png"/></td>
        <td><img src="images/2.png"/></td>
    </tr>
    <tr>
        <td><img src="images/3.png"/></td>
        <td><img src="images/4.png"/></td>
    </tr>
    <tr>
        <td><img src="images/5.png"/></td>
        <td><img src="images/6.png"/></td>
    </tr>
	<tr>
        <td><img src="images/7.png"/></td>
        <td><img src="images/8.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/9.png"/></td>
        <td><img src="images/10.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/11.png"/></td>
        <td><img src="images/12.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/13.png"/></td>
        <td><img src="images/14.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/15.png"/></td>
        <td><img src="images/16.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/17.png"/></td>
        <td><img src="images/18.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/19.png"/></td>
        <td><img src="images/20.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/21.png"/></td>
        <td><img src="images/22.png"/></td>
    </tr>
    	<tr>
        <td><img src="images/23.png"/></td>
        <td><img src="images/24.png"/></td>
    </tr>
        </tr>
    	<tr>
        <td><img src="images/25.png"/></td>
        <td><img src="images/26.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/27.png"/></td>
        <td><img src="images/28.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/29.png"/></td>
        <td><img src="images/30.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/31.png"/></td>
        <td><img src="images/32.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/33.png"/></td>
        <td><img src="images/34.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/35.png"/></td>
        <td><img src="images/36.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/37.png"/></td>
        <td><img src="images/38.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/39.png"/></td>
        <td><img src="images/40.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/41.png"/></td>
        <td><img src="images/42.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/43.png"/></td>
        <td><img src="images/44.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/45.png"/></td>
        <td><img src="images/46.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/47.png"/></td>
        <td><img src="images/48.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/49.png"/></td>
        <td><img src="images/50.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/51.png"/></td>
        <td><img src="images/52.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/53.png"/></td>
        <td><img src="images/54.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/55.png"/></td>
        <td><img src="images/56.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/57.png"/></td>
        <td><img src="images/58.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/59.png"/></td>
        <td><img src="images/60.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/63.png"/></td>
        <td><img src="images/64.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/65.png"/></td>
        <td><img src="images/66.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/67.png"/></td>
        <td><img src="images/68.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/69.png"/></td>
        <td><img src="images/70.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/71.png"/></td>
        <td><img src="images/72.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/73.png"/></td>
        <td><img src="images/74.png"/></td>
    </tr>
    </tr>
    	<tr>
        <td><img src="images/75.png"/></td>
    </tr>
</table>




## 免责声明

> 1、Q-UI仅限自己学习使用，一切商业行为与Q-UI无关。

> 2、用户不得利用Q-UI从事非法行为，用户应当合法合规的使用，发现用户在使用产品时有任何的非法行为，Q-UI有权配合有关机关进行调查或向政府部门举报，Q-UI不承担用户因非法行为造成的任何法律责任，一切法律责任由用户自行承担，如因用户使用造成第三方损害的，用户应当依法予以赔偿。

> 3、所有与使用Q-UI相关的资源直接风险均由用户承担。


## 商用说明

> 商用注意事项
> 如果您将此项目用于商业用途，请遵守Apache2.0协议并保留作者技术支持声明。

* Q-UI快速开发平台采用Apache-2.0技术协议
* 二次开发如用于商业性质或开源竞品请不要删除和修改Q-UI源码头部的版权与作者声明及出处
* 允许进行商用，但是不允许二次开源出来并进行收费
* 如果您在自己的项目中使用了我们项目中的扩展或模块，请在项目介绍中进行明确说明

## 特别鸣谢

- 感谢[VUE-NEXT-ADMIN](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Flyt-Top%2Fvue-next-admin)
- 感谢[GFAST-UI](https://gitee.com/tiger1103/gfast-ui)
- 感谢[SC-UI](https://gitee.com/lolicode/scui)



## 项目启动

```
# 进入项目
cd qui-master

# 安装依赖
npm install

# 启动运行
npm run dev
```