https://github.com/opentiny/tiny-pro
基于 TinyVue 打造的前后端分离的后台管理系统，支持在线配置菜单、路由、国际化，支持页签模式、多级菜单，支持丰富的模板类型，支持多种构建工具，功能强大、开箱即用！
https://github.com/opentiny/tiny-pro
admin admin-template dashboard farm front-end management-system nestjs opentiny rspack tiny-pro tiny-vue vite vue vue3 webpack
Last synced: 6 months ago
JSON representation
基于 TinyVue 打造的前后端分离的后台管理系统，支持在线配置菜单、路由、国际化，支持页签模式、多级菜单，支持丰富的模板类型，支持多种构建工具，功能强大、开箱即用！
- Host: GitHub
- URL: https://github.com/opentiny/tiny-pro
- Owner: opentiny
- License: mit
- Created: 2025-03-31T02:59:50.000Z (6 months ago)
- Default Branch: dev
- Last Pushed: 2025-04-08T03:42:54.000Z (6 months ago)
- Last Synced: 2025-04-08T04:25:28.084Z (6 months ago)
- Topics: admin, admin-template, dashboard, farm, front-end, management-system, nestjs, opentiny, rspack, tiny-pro, tiny-vue, vite, vue, vue3, webpack
- Language: Vue
- Homepage: https://opentiny.design/vue-pro
- Size: 2.67 MB
- Stars: 6
- Watchers: 6
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TinyPro
TinyCLI 是一个跨平台的前端工程化 CLI 工具，为开发者提供一系列开发套件及工程插件，覆盖前端开发的整个链路，保证团队开发过程的一致性和可复制性。
TinyPro 是 TinyCLI 的一个套件，是一个开箱即用、前后端分离的后台管理模板。
特性：
- 支持 NestJS 后端
- 支持通过可视化方式配置菜单
- 细粒度权限管理：角色、用户、菜单、组件权限
- 支持多种构建工具：Webpack / Vite / Rspack / Farm
- 多级菜单
- 页签模式
- Mock 数据
- 主题定制
- 国际化
官网：[https://opentiny.design/vue-pro](https://opentiny.design/vue-pro)
## 一行命令初始化一个后台管理模板
请确保您安装了`Node.js`、`NPM`、`TinyCLI`。
```bash
tiny init pro
```
选择 Vue 技术栈，初始化完成后，项目结构应该为：
```
tiny-pro
nestJs # 后端服务
web # 前端服务
```
## 后端启动
后端服务支持 `Docker 启动` 与 `命令启动` 两种方式。
### Docker 启动
请确保您安装了 `Docker`。
在 `tiny-pro/nestJs` 下执行以下命令，启动后端服务：
```bash
docker compose up -d
```
### 命令启动
请确保您安装了 `MySQL`、`Redis`。
在启动项目前请您做好如下检查：
- MySQL 服务可以正常访问
- Redis 服务可以正常访问
- MySQL 中存在 `.env` 文件中 `DATABASE_NAME` 字段定义的数据库，且该数据库为空
- `.env` 文件中 `DATABASE_SYNCHRONIZE` 为 `true`
完成上述检查后，您可以在 `tiny-pro/nestJs` 下执行以下命令，启动后端服务：
```bash
npm i && npm start
```
## 前端启动
在 `tiny-pro/web` 下依次执行以下命令：
- 安装依赖：`npm i`
- 启动前端项目：`npm start`
更详细的文档请参考 TinyPro 官网：[https://opentiny.design/vue-pro](https://opentiny.design/vue-pro)
## 维护者
添加官方小助手微信：opentiny-official，加入我们的技术交流群。