1 Star 0 Fork 0

yundi / vue3-admin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

jh-vue3-admin项目地址 | 在线预览


项目介绍

jh-vue3-admin 是基于 Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia 等最新主流技术栈构建的后台管理系统前端模板。

特性:

  • 基于vue-admin-template项目升级到 vue3 版本
  • 通过Mock模拟真实接口请求
  • 动态权限控制、动态获取菜单路由、按钮级别的权限控制
  • vue-i18n 国际化支持
  • 暗黑模式支持
  • 添加TopHeader功能、支持顶栏和固钉动态切换
  • 基础系统设置模块(用户管理、角色管理、菜单管理、字典管理)
  • 可视化用户角色、菜单权限、按钮权限配置

在线预览

https://iotjin.github.io/jh-vue3-admin


技术栈

技术 描述 官网
Vue3 渐进式 JavaScript 框架 https://cn.vuejs.org/
Element Plus 基于 Vue 3,面向设计师和开发者的组件库 https://element-plus.gitee.io/zh-CN/
Vite 前端开发与构建工具 https://cn.vitejs.dev/
TypeScript 微软新推出的一种语言,是 JavaScript 的超集 https://www.tslang.cn/
Pinia 新一代状态管理工具 https://pinia.vuejs.org/zh/
Axios HTTP网络请求 https://axios-http.com/
Vue Router Vue.js 的官方路由 https://router.vuejs.org/zh/
Echarts 一个基于 JavaScript 的开源可视化图表库 https://echarts.apache.org/zh/
vue-i18n Vue 国际化多语言插件 https://vue-i18n.intlify.dev/
VueUse 基于Vue组合式API的实用工具集 http://www.vueusejs.com/
wangEditor Typescript 开发的 Web 富文本编辑器 https://www.wangeditor.com/
UnoCSS 一个具有高性能且极具灵活性的即时原子化 CSS 引擎 https://unocss.dev/

vue-admin-template 介绍 (vue2 实现)

这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。

线上地址

国内访问

目前版本为 v4.0+ 基于 vue-cli 进行构建,若你想使用旧版本,可以切换分支到tag/3.11.0,它不依赖 vue-cli

如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支permission-control

更新记录

重要更新
* v1.0.0版本,基于vue-admin-template模板项目升级到Vue3

环境准备

环境 名称版本 备注
开发工具 VSCode 下载地址
运行环境 Node 16+ 下载地址
VSCode插件(必装) 1. Vue Language Features (Volar)
2. TypeScript Vue Plugin (Volar)
3. 禁用 Vetur
vscode-plugin

项目启动

# 克隆代码
git clone https://github.com/iotjin/jh-vue3-admin

# 安装 pnpm
npm install pnpm -g

# 安装依赖
pnpm install

# 启动运行
pnpm run dev

浏览器访问 http://localhost:9528

在线预览 https://iotjin.github.io/jh-vue3-admin

项目部署

# 项目打包
pnpm run build:prod

注意事项

  • 自动导入插件自动生成默认关闭

    模板项目的组件类型声明已自动生成。如果添加和使用新的组件,请按照图示方法开启自动生成。在自动生成完成后,记得将其设置为 false,避免重复执行引发冲突。

  • 项目启动浏览器访问空白

    请升级浏览器尝试,低版本浏览器内核可能不支持某些新的 JavaScript 语法,比如可选链操作符 ?.

  • 项目同步仓库更新升级

    项目同步仓库更新升级之后,建议 pnpm install 安装更新依赖之后启动

预览

部分页面效果如下:



数据中心

数据中心-暗黑模式

搜索

用户管理

角色管理

菜单管理

字典管理

MIT License Copyright (c) 2023 iotjin Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

暂无描述 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/yundi_1/vue3-admin.git
git@gitee.com:yundi_1/vue3-admin.git
yundi_1
vue3-admin
vue3-admin
master

搜索帮助