# 前端铺子 - OpenAdmin后台管理系统

**Repository Path**: sandayleo/openAdmin

## Basic Information

- **Project Name**: 前端铺子 - OpenAdmin后台管理系统
- **Description**: 前端铺子后台管理系统基于vue，使用naiveui的Ui及NaiveAdmin框架开发的后台管理系统，前后分离，简单轻量，配合前端铺子NodeJS后端开箱即用！
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 86
- **Created**: 2025-07-07
- **Last Updated**: 2025-07-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
<img src="https://cdn.zhoukaiwen.com/openAdmin-logo-1.png" />
</p>

<p align="center">
<img src="https://svg.hamm.cn/badge.svg?key=NodeJs&value=>=v14.0&color=528B22" />
<img src="https://svg.hamm.cn/badge.svg?key=MySQL&value=>=5.7&color=6666ff" />
<img src="https://svg.hamm.cn/badge.svg?key=License&value=MIT&color=6699FF" />
<img src="https://svg.hamm.cn/badge.svg?key=Coverage&value=55%&color=66CCFF" />
<img src="https://svg.hamm.cn/badge.svg?key=Version&value=Beta-1.0.1&color=FF6600" />
</p>


## 👨‍💻‍项目介绍

---

<img src="https://cdn.zhoukaiwen.com/openAdmin-logo.svg" width="18px">[Open Admin](https://gitee.com/kevin_chou/qdpz-admin) 完全免费，且可商用，项目基于 基于 [Vue3.0](https://github.com/vuejs/vue-next)、[Vite](https://github.com/vitejs/vite)、 [Naive UI](https://www.naiveui.com/)、[TypeScript](https://www.typescriptlang.org/) 
等最新的技术栈开源的企业级后台管理系统，我们的初衷是不断的更新迭代使用最新的技术栈创建完善的/简单的/快速的后台管理系统，提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目，支持CRUD代码生成，ApiDoc自动生成接口文档，
使用最为宽松的MIT开源协议,，无需任何授权即可免费商用，希望可以减少大家重复代码的时间，多去陪陪家人，陪陪孩子!

### 🚀项目架构

---
+ 响应式、多主题，多配置，快速集成，开箱即用，二次封装实用高扩展性组件
+ 最新技术栈，使用 `Vue3`、`Typescript`、`Pinia`、`Vite` 等前端前沿技术
+ 强大的鉴权系统，对路由、菜单、功能点等支持`三种鉴权模式`，满足不同的业务鉴权需求
+ 后端使用Node.Js框架进行开发,适合前端开发及新手,上手简单,文档齐全
+ 前后端完全分离,后端遵循RESTful API风格开发
+ 前端基于Vue3.x 完全使用TypeScript
+ 前端框架使用NaiveAdmin Vue版本简洁大气美观
+ 持续更新，实用性页面模板功能和交互，随意搭配组合，让构建页面变得简单化

> 未来根据时间计划,还会增加[Hyperf框架版本][Laravel框架版本][JAVA语言版本][GOLang语言版本]等等!

### 💥软件功能

---

+ 已完成功能
    - [x] 账户管理 后台系统操作者,支持单账户多角色划分.
    - [x] 菜单管理 配置系统菜单,操作权限,按钮,栏目等权限标识等.
    - [x] 角色管理 角色菜单权限分配、设置角色按菜单范围权限划分.
    - [x] 操作日志 用户后台操作日志，全局异常、SQL注入等记录.
    - [x] 系统配置 系统的一些常用设置管理.
    - [x] 博客管理 博客的增删改查功能案例.
    - [x] 水印管理 项目可配置水印功能.
    - [x] 图片编辑器 项目可配置图片编辑器功能.
	- [x] 轨迹回放、答题管理、海报编辑器、充值授权、短信包等等

+ 待完成功能
    - [ ] 附件管理 管理当前系统上传的文件及图片等信息.
    - [ ] 定时任务 在线（添加、修改、删除)任务调度包含执行结果日志.
    - [ ] 队列管理 消息队列管理功能、消息管理、消息发送.
    - [ ] OSS存储 支持各大云OSS运营商,支持后台上传,支持前台上传,大文件/分片等.
    - [ ] 推送管理 支持各大短信运营商,支持微信/钉钉/飞书等通知.
    - [ ] 微信管理 公众号/小程序/微信支付/等功能的集成.
    - [ ] 插件市场 根据使用情况酌情考虑是否支持插件开发,以及插件市场.
	- [ ] 代码生成 使用Apidoc自动生成后端代码\路由\以及动态获取文档路由地址[2022年8月24日-v1.0.1].

### 🎉文档演示
- [open-admin](https://jekip.github.io)

账号：admin，密码：123456（随意）

---

<!-- ### 🌈截图预览

<table>
    <tr>
        <td><img src="public/static/demo1.png"></td>
        <td><img src="public/static/demo2.png"></td>
    </tr>
    <tr>
        <td><img src="public/static/demo3.png"></td>
        <td><img src="public/static/demo4.png"></td>
    </tr>
</table> -->


## 准备

- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
- [Vite](https://vitejs.dev/) - 熟悉 vite 特性
- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
- [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法
- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
- [open-admin](https://www.naiveui.com/) - ui 基本使用
- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法

## 使用

- 获取项目代码

```bash
git clone https://gitee.com/kevin_chou/qdpz-admin.git
```

- 安装依赖

```bash
cd open-admin

yarn install

```

- 运行

```bash
yarn dev
```

- 打包

```bash
yarn build
```

## 更新日志

[CHANGELOG](./CHANGELOG.md)


## 如何贡献

非常欢迎你的加入！[提一个 Issue](https://gitee.com/kevin_chou/qdpz-admin/issues) 或者提交一个 Pull Request。

**Pull Request:**

1. Fork 代码!
2. 创建自己的分支: `git checkout -b feat/xxxx`
3. 提交你的修改: `git commit -am 'feat(function): add xxxxx'`
4. 推送您的分支: `git push origin feat/xxxx`
5. 提交`pull request`

## Git 贡献提交规范

- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))

  - `feat` 增加新功能
  - `fix` 修复问题/BUG
  - `style` 代码风格相关无影响运行结果的
  - `perf` 优化/性能提升
  - `refactor` 重构
  - `revert` 撤销修改
  - `test` 测试相关
  - `docs` 文档/注释
  - `chore` 依赖更新/脚手架配置修改等
  - `workflow` 工作流改进
  - `ci` 持续集成
  - `types` 类型定义文件更改
  - `wip` 开发中

## 浏览器支持

本地开发推荐使用`Chrome 80+` 浏览器

支持现代浏览器, 不支持 IE

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| :-: | :-: | :-: | :-: | :-: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 维护者
[@Ita](https://gitee.com/iskr)

## 交流

`Open Admin` 使用或者其他问题，都可以在群内讨论或提问。

## 🔐版权信息

---

> [OpenAdmin] 遵循MIT开源协议发布,并提供免费使用!

> 使用本框架不得用于开发违反国家有关政策的相关软件和应用,否则要付法律责任!

## 💖支持项目

---

> 打赏就duck不必啦～ 就点点🌟 Star 🌟 关注更新，支持下作者就可以了