Vue3 Admin Vite 后台管理项目模板

有勇气的牛排 1211 开源 2024-11-11 22:35:56

知止自律打卡-微信小程序APP

一款微信自律打卡小程序，支持自定义打卡项目、习惯记录、项目日记、专注计时与数据统计。自律打卡、学习打卡、读书打卡、健身打卡、运动打卡、减肥打卡、戒色打卡、养生打卡、戒烟、戒酒、戒熬夜等多种场景。万能打卡模板自由创建。可自定义每日打卡目标，记录习惯连续天数，可视化追踪成长进度。

了解产品详情 →

微信搜索「知止自律打卡」

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 开源协议

<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://www.couragesteak.com/tcos/article/c6d127829a9a451db5d8070651282a39.png" alt="image.png" /></p> <p><img src="https://www.couragesteak.com/tcos/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>