# flow-access-system

**Repository Path**: xsjCoding/flow-access-system

## Basic Information

- **Project Name**: flow-access-system
- **Description**: flow-access-system
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-23
- **Last Updated**: 2023-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
    <h1>VEAdmin 微后台</h1>
    <img src="https://img.shields.io/github/stars/penndev/veadmin" />
    <img src="https://img.shields.io/github/languages/code-size/penndev/veadmin" />
    <img src="https://img.shields.io/github/license/penndev/veadmin" />
</div>

## 🎉 预览

[⚡️ VEAdmin 微后台 GitHub Pages 预览地址 ](https://penndev.github.io/veadmin) 免费商用，支持 PC、平板、手机。

🔑 未验证账号密码可以随便输入 (admin 123456)

## 快速上手

> 使用`vue3`与`element-plus`作为基础框架。`vite`做打包工具，`pinia`做数据持久化，`axios`做api交互。

- **页面路由：** 在文件`src/router/index.js`中添加相应的菜单，和页面内容。参考example添加新的。 移除老的不需要的模块，删除menu中的菜单和views中的vue文件即可。

- **用户认证：** 用户登录`src/views/login/index.vue:143`中处理用户登录接口。当`permission`对象被赋值，则用户登录完成。在`src/utils/request.js:21`行中进行jwt服务器认证。

- **用户鉴权：** 在用户登录接口 `permission.routes` 对象中设置所有放行的菜单（直接='*'则全放行），菜单名称在`页面路由`中的`name`字段中定义。 具体实现验证代码位于`src/router/auth.js`中进行菜单校验。

如果有疑问或者建议欢迎随时与我[交流](https://github.com/penndev/veadmin/issues/new)（24小时内回复）。


## 接口支持

- 预览接口： 免费托管在了 [apifox](https://www.apifox.com) 可根据上面的预览数据来确定数据结构。

- 真实接口： 参阅本人另外一个基于`koajs`的项目 [vod](https://github.com/penndev/vod) （一个简单的视频转码系统），实现了后台登录，管理员与权限，日志，视频管理，媒体转码等功能。

- 自己实现： 自己开发一个后台程序，并联系我给你添加一个链接。

## 🙏致谢

- [vue-element-admin ](https://github.com/PanJiaChen/vue-element-admin) 曾节约我大量的开发时间成本。

- [gin-vue-admin](https://github.com/flipped-aurora/gin-vue-admin) 给予我UI与配色的启发。