# QuickUI

**Repository Path**: quick-data/quick-ui

## Basic Information

- **Project Name**: QuickUI
- **Description**: No description available
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-11
- **Last Updated**: 2025-10-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 介绍

quick-ui是一个标签页脚手架，如果你遇到了下面的场景，quick-ui将是一个很不错的选择：

（1）需要将系统的几个页面集成到一个系统中；

（2）项目中引入了入swagger等开源项目，想将这些开源项目的前端页面集成到一起；

# maven引入

```
<dependency>
    <groupId>io.github.xiaoyudeguang</groupId>
    <artifactId>quick-ui</artifactId>
    <version>1.0.2</version>
</dependency>

<!--springboot2.x需要引入quick-request-->
<dependency>
    <groupId>io.github.xiaoyudeguang</groupId>
    <artifactId>quick-request</artifactId>
    <version>1.0.2</version>
</dependency>

<!--springboot3.x需要引入quick-request-jakarta-->
<dependency>
    <groupId>io.github.xiaoyudeguang</groupId>
    <artifactId>quick-request-jakarta</artifactId>
    <version>1.0.2</version>
</dependency>
```
# 使用说明

## 1.通过yml配置创建标签页

### 1.1 yml中增加下面的配置（支持配置多个）

```
quick-ui:
  config:
    - title: 这是一个新页面
      url: /test.html
      tabs:
        - title: 接口文档
          url: /docx.html
        - title: 百度
          url: http://www.baidu.com
```

### 1.2 浏览器访问：http://127.0.0.1:8080/test.html

![输入图片说明](%E6%A0%87%E7%AD%BE%E9%A1%B51.png)
![输入图片说明](%E6%A0%87%E7%AD%BE%E9%A1%B52.png)

## 2. 通过代码配置标签页

下面的代码和上面的yml配置具有同等的效果

```
    @Bean
    public QuickUiInfo testPageUiConfig() {
        List<QuickUiTab> tabs = new ArrayList<>();
        tabs.add(QuickUiTab.builder().title("测试").url("/docx.html").build());
        tabs.add(QuickUiTab.builder().title("百度").url("http://www.baidu.com").build());
        return QuickUiInfo.builder().url("/test.html").title("这是一个新页面").tabs(tabs).build();
    }
```

## 3.需要登录功能的同学请参考[quick-login](https://gitee.com/quick-data/quick-login)的使用教程