# ukulele-vue-ant

**Repository Path**: timingtech/ukulele-vue-ant

## Basic Information

- **Project Name**: ukulele-vue-ant
- **Description**: 本项目为UKUELE快速框架的VUE版本的前端项目
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-03-30
- **Last Updated**: 2024-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目简介
本项目为UKUELE快速框架的VUE版本的前端项目，**当前只搭建了框架，实现了登录逻辑**

# 后端项目地址
[ukulele-cloud-nacos](https://gitee.com/timingtech/ukulele-cloud-nacos)

# 分支说明
* master：主分支

# 主要特性
* 多租户
* RBAC & RBAC
* Spring Security 与 Spring OAuth2 Authorization Server

# 模块说明
* ukulele-auth：鉴权模块，登录接口，token发放
* ukulele-gateway：网关，校验token、接口权限等
* ukulele-log：日志，记录请求日志
* ukulele-portal：用户RBAC配置，字典，参数，图标等配置
* ukulele-user：用户中心
* ukulele-share：公共模块

# 使用说明

1. clone本项目
2. 启动后端服务
9. 修改代理地址，启动本项目
```shell
npm start
```
4. 访问页面(准本一个域名并加入到host中，具体参见后端项目说明)

# 接口文档
* 网关服务
![网关服务](/screenshots/document-gateway.jpg)
* 认证授权
![网关服务](/screenshots/service-auth.jpg)
* 用户服务
![用户中心](/screenshots/service-user.jpg)
* 日志服务
![日志服务](/screenshots/service-log.jpg)
* 系统服务
![系统服务](/screenshots/service-portal.jpg)

# 接口文档鉴权
* 1. 访问网关服务
![访问网关](/screenshots/auth1.jpg)
* 2. 切换要访问的服务，点击**Authorize**按钮
![点击授权](/screenshots/auth2.jpg)
* 2. 跳转至授权确认界面（登录，授权）
![授权成功](/screenshots/auth3.jpg)

# 系统截图

* 登录
  ![用户名密码登录](/screenshots/login-captcha.png)
  ![手机验证码登录](/screenshots/login-phone.png)
* 用户管理
  ![用户管理](/screenshots/user.png)
* 角色管理
  ![角色管理](/screenshots/role.png)
* 菜单管理
  ![菜单管理](/screenshots/menu.png)
* 资源管理
  ![资源管理](/screenshots/resource.png)
* 角色菜单
  ![角色菜单](/screenshots/role-menu.png)
* 角色资源
  ![角色资源](/screenshots/role-resource.png)
* 用户角色
  ![用户角色](/screenshots/user-role.png)
* 字典管理
  ![字典管理](/screenshots/dict.png)
* 参数管理
  ![参数管理](/screenshots/param.png)
* SCOPE管理
  ![SCOPE管理](/screenshots/scope.png)
* Auth客户端管理
  ![Auth客户端管理](/screenshots/client.png)
* 用户中心
  ![用户中心](/screenshots/profile.jpg)
  ![用户中心](/screenshots/profile-security.jpg)
  ![用户中心](/screenshots/profile-auth.jpg)

**已经看到这里了，留个star呗**