# OpenAdminWeb

**Repository Path**: open_admin/OpenAdminWeb

## Basic Information

- **Project Name**: OpenAdminWeb
- **Description**: OpenAdmin基于 ThinkPHP6 + Vue3.x + TypeScript等最新的技术栈开源的企业级后台管理系统,前后分离,简单轻量,免费开源,开箱即用!
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2022-08-20
- **Last Updated**: 2024-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, TypeScript

## README

# OpenAdmin-web

<p align="center">
<img src="src/assets/images/logo-1.png" />
</p>

<p align="center">
<img src="https://svg.hamm.cn/gitee.svg?type=star&user=open_admin&project=OpenAdmin" />
<img src="https://svg.hamm.cn/gitee.svg?type=fork&user=open_admin&project=OpenAdmin" />
<img src="https://svg.hamm.cn/gitee.svg?type=license&user=open_admin&project=OpenAdmin&logo=no" />
<img src="https://svg.hamm.cn/badge.svg?key=PHP&value=>=8.0&color=6666ff" />
<img src="https://svg.hamm.cn/badge.svg?key=ThinkPHP&value=>=6.0&color=528B22" />
<img src="https://svg.hamm.cn/badge.svg?key=MySQL&value=>=5.7&color=556B22" />
</p>


#### 介绍
<img src="src/assets/images/logo.svg" width="18px">OpenAdmin基于 ThinkPHP6 + Vue3.x + TypeScript + Arco Design Pro
等最新的技术栈开源的企业级后台管理系统,我们的初衷是不断的更新迭代使用最新的技术栈创建完善的/简单的/快速的后台管理系统,支持CRUD代码生成,ApiDoc自动生成接口文档,
使用最为宽松的MIT开源协议,无需任何授权即可免费商用,希望可以减少大家重复代码的时间,多去陪陪家人,陪陪孩子!

#### 软件架构
+ 后端使用ThinkPHP6.0框架进行开发,适合新手,国内社区环境较好,文档齐全
+ 基于PHP8.0 + 完全遵循PSR代码规范,性能较前置版本有很大提升
+ 前后端完全分离,后端遵循RESTful API风格开发
+ 前端基于Vue3.x 完全使用TypeScript
+ 前端框架使用Arco Design Pro 2.x Vue版本简洁大气美观

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

#### 安装教程
    Nodejs > v15 = v17
1.  克隆本项目: https://gitee.com/open_admin/OpenAdminWeb.git


#### 使用说明
1.  在项目目录内打开命令行工具: <br />
      npm run install<br />
      yarn install<br />
      cnpm install<br />
    进行依赖安装
2.  命令行执行: npm run dev 运行开发模式
3.  命令行执行: npm run build 构建发布
4.  命令行执行: npm run serve 预览模式
#### 目录结构
1.  api ----- 基础接口配置 由于模板均使用动态配置. 开发时请使用uni-apis通用接口
2.  assets ----- 静态资源目录
3.  components ----- 基础组件目录
4.  config ----- 网站全局配置
5.  directive ----- 自定义指令
7.  hooks ----- Hooks
8.  layout ----- 主布局
9.  router ----- 路由配置
10. store ----- 状态管理
11. types ----- 自定义数据类型
12. utils ----- 工具目录
13. views ----- 视图文件目录


### 💥软件功能

+ 已完成功能
    - [x] 账户管理 后台系统操作者,支持单账户多角色划分.
    - [x] 菜单管理 配置系统菜单,操作权限,按钮,栏目等权限标识等.
    - [x] 角色管理 角色菜单权限分配、设置角色按菜单范围权限划分.
    - [x] 操作日志 用户后台操作日志，全局异常、SQL注入等记录.
    - [x] 系统配置 系统的一些常用设置管理.

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

### 🎉文档演示

> 正在完善中

### 🌈截图预览

<table>
    <tr>
        <td><img src="src/assets/images/demo1.png"></td>
        <td><img src="src/assets/images/demo2.png"></td>
    </tr>
    <tr>
        <td><img src="src/assets/images/demo3.png"></td>
        <td><img src="src/assets/images/demo4.png"></td>
    </tr>
</table>

### 💕特别鸣谢

> 感谢以下开源团队或作者,排名不分先后

+ [ThinkPHP](http://www.thinkphp.cn/)
+ [ThinkPHP ApiDoc](https://gitee.com/hg-code/thinkphp-apidoc/)
+ [w7corp/easywechat](https://easywechat.com/)
+ [firebase/php-jwt](https://github.com/firebase/php-jwt/)
+ [chinayin/ip2region](https://github.com/chinayin/ip2region-sdk-php/)
+ [jenssegers/agent](https://github.com/jenssegers/agent/)
+ [guzzlehttp/guzzle](https://github.com/guzzle/guzzle/)
+ [Arco Design Pro](https://arco.design/)

### 👍问题反馈

+ 有任何疑问或者建议,可以提交[Issue](https://gitee.com/open_admin/OpenAdmin/issues/),或交流群内反馈
+ 交流群等待创建

### 🔐版权信息

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

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

### 💖支持项目

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