Vue3 Admin Vite 后台管理项目模板
有勇气的牛排
413
开源
2024-11-11 22:35:56
1 简洁
一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element Plus、 Pinia 和 Vue CLI 5.x
2 功能
- 用户管理
- 登录
- 注销
- 权限验证
- 页面权限
- 指令权限
- 多环境
- development
- test
- production
- 全局功能
- svg
- 多主题切换（内置黑暗主题）
- 动态侧边栏
- 动态面包屑
- 标签页快捷导航
- Screenfull 全屏
- 自适应收缩侧边栏
- 前端监控（基于 mitojs）
- 错误页面
- 401
- 404
- Dashboard
- admin
- editor
- 自动部署
3 目录结构
# v3-admin
├─ .env.development # 开发环境
├─ .env.production # 正式环境
├─ .env.test # 测试环境
├─ .eslintrc.js # eslint
├─ deploy # 自动部署
├─ public
│ ├─ favicon.ico
│ ├─ index.html
├─ src
│ ├─ @types # ts 声明
│ ├─ api # api 接口
│ ├─ assets # 静态资源
│ ├─ components # 全局组件
│ ├─ config # 全局配置
│ ├─ constant # 常量/枚举
│ ├─ directives # 全局指令
│ ├─ icons # svg icon
│ ├─ layout # 布局
│ ├─ model # 全局 model
│ ├─ plugins # 插件
│ ├─ router # 路由
│ ├─ store # pinia store
│ ├─ styles # 全局样式
│ ├─ utils # 全局公共方法
│ └─ views # 所有页面
│ ├─ App.vue # 入口页面
│ ├─ main.ts # 入口文件
│ └─ shims.d.ts # 模块注入
├─ tsconfig.json # ts 编译配置
└─ vue.config.js # vue-cli 配置
4 地址
预览地址：
https://un-pany.github.io/v3-admin-vite/
项目地址：
https://github.com/un-pany/v3-admin
5 开源协议
MIT
Copyright © 2021 UNPany
<h2><a id="1__0"></a>1 简洁</h2>
<p>一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element Plus、 Pinia 和 Vue CLI 5.x</p>
<h2><a id="2__4"></a>2 功能</h2>
<pre><div class="hljs"><code class="lang-shell">- 用户管理
- 登录
- 注销
- 权限验证
- 页面权限
- 指令权限
- 多环境
- development
- test
- production
- 全局功能
- svg
- 多主题切换（内置黑暗主题）
- 动态侧边栏
- 动态面包屑
- 标签页快捷导航
- Screenfull 全屏
- 自适应收缩侧边栏
- 前端监控（基于 mitojs）
- 错误页面
- 401
- 404
- Dashboard
- admin
- editor
- 自动部署
</code></div></pre>
<h2><a id="3__41"></a>3 目录结构</h2>
<pre><div class="hljs"><code class="lang-shell"><span class="hljs-meta"># </span><span class="language-bash">v3-admin</span>
├─ .env.development # 开发环境
├─ .env.production # 正式环境
├─ .env.test # 测试环境
├─ .eslintrc.js # eslint
├─ deploy # 自动部署
├─ public
│ ├─ favicon.ico
│ ├─ index.html
├─ src
│ ├─ @types # ts 声明
│ ├─ api # api 接口
│ ├─ assets # 静态资源
│ ├─ components # 全局组件
│ ├─ config # 全局配置
│ ├─ constant # 常量/枚举
│ ├─ directives # 全局指令
│ ├─ icons # svg icon
│ ├─ layout # 布局
│ ├─ model # 全局 model
│ ├─ plugins # 插件
│ ├─ router # 路由
│ ├─ store # pinia store
│ ├─ styles # 全局样式
│ ├─ utils # 全局公共方法
│ └─ views # 所有页面
│ ├─ App.vue # 入口页面
│ ├─ main.ts # 入口文件
│ └─ shims.d.ts # 模块注入
├─ tsconfig.json # ts 编译配置
└─ vue.config.js # vue-cli 配置
</code></div></pre>
<p><img src="https://static.couragesteak.com/article/c6d127829a9a451db5d8070651282a39.png" alt="image.png" /></p>
<p><img src="https://static.couragesteak.com/article/85710efb40aa9c3c9abc999be670923e.png" alt="image.png" /></p>
<h2><a id="4__81"></a>4 地址</h2>
<p>预览地址：<br />
https://un-pany.github.io/v3-admin-vite/</p>
<p>项目地址：<br />
https://github.com/un-pany/v3-admin</p>
<h2><a id="5__90"></a>5 开源协议</h2>
<p><a href="https://www.couragesteak.com/article/523" target="_blank">MIT</a><br />
Copyright © 2021 UNPany</p>
留言