# breeze-vite-ui-satoken-oauth

**Repository Path**: code-record/breeze-vite-ui-satoken-oauth

## Basic Information

- **Project Name**: breeze-vite-ui-satoken-oauth
- **Description**: Vue3 Typescript RBAC权限管理系统 sa-token版本 oauth2.0 模式前端
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-02-25
- **Last Updated**: 2025-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# breeze-vite-ui-satoken-oauth

### 平台简介

##### Breeze-vite-ui-satoken-oauth 是一个基于 Vue 3、TypeScript、Vite 和 Element Plus 的权限管理平台。它提供了现代化的用户界面，适用于构建和管理权限系统。对应后端项目 breeze-boot-satoken-oauth。

- 前端采用Vue、Element UI PLUS、VITE、TypeScript。
- 支持按钮级别的权限控制。
- 支持加载动态权限菜单。
- 后端代码，请移步。
  - [github JDK17](https://github.com/breeze-bootbreeze-boot-satoken-oauth.git)
  - [gitee JDK17](https://gitee.com/breeze-bootbreeze-boot-satoken-oauth.git)

## 推荐的开发环境配置

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript 默认无法处理 .vue 导入的类型信息，因此我们将 tsc CLI 替换为 vue-tsc 进行类型检查。在编辑器中，我们需要安装 TypeScript Vue Plugin (Volar) 插件，以便让 TypeScript 语言服务识别 .vue 类型。

如果独立的 TypeScript 插件速度不够快，Volar 还实现了一个 Take Over Mode，它的性能更好。你可以通过以下步骤启用它：

禁用内置的 TypeScript 扩展
从 VSCode 的命令面板中运行 Extensions: Show Built-in Extensions
找到 TypeScript and JavaScript Language Features，右键点击并选择 Disable (Workspace)
通过从命令面板中运行 Developer: Reload Window 重新加载 VSCode 窗口。

- [WebStorm](https://www.jetbrains.com/webstorm/download)
- [Idea](https://www.jetbrains.com/idea/download) + Vue插件

### 特别鸣谢：

- [验证码： https://gitee.com/anji-plus/captcha](https://gitee.com/anji-plus/captcha)
- [流程设计器： https://gitee.com/MiyueSC/bpmn-process-designer](https://gitee.com/MiyueSC/bpmn-process-designer)
- [流程设计器：VUE3版本 https://gitee.com/xlys998/bpmn-vue3](https://gitee.com/xlys998/bpmn-vue3)
- [cron表达式编辑器：VUE3版本 https://github.com/wuchuanpeng/no-vue3-cron](https://github.com/wuchuanpeng/no-vue3-cron)

# 请遵循 Apache 2.0 协议

### 前端界面相关

### 登录页

![login.png](doc/images/login.png)

### 首页

![home.png](doc/images/home.png)

### 布局1

![img_1.png](doc/images/img_1.png)

### 布局2

![img_2.png](doc/images/img_2.png)

### 布局3

![img_3.png](doc/images/img_3.png)

### 布局4

![img_4.png](doc/images/img_4.png)

### flowable bpmn

![flowable bpmn](doc/images/flowable.jpg)