jh-vue-admin - vue极简后台管理系统,支持顶栏和固钉动态切换。在线预览 https://iotjin.github.io/jh-vue-admin
- 基于vue-admin-template项目
v4.0+
版本 - 添加vue-element-admin项目
TagsView
功能 - vue-element-admin 使用文档
- 动态权限控制
- 添加
TopHeader
功能 - 动态获取菜单路由
- 基础系统设置模块(用户管理、角色管理、菜单管理、字典管理)
- 可视化用户角色、菜单权限、按钮权限配置
https://iotjin.github.io/jh-vue-admin
Vue3版本 - jh-vue3-admin 在线预览
jh-vue3-admin 是基于 Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia 等最新主流技术栈构建的后台管理系统前端模板。
这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
目前版本为 v4.0+
基于 vue-cli
进行构建,若你想使用旧版本,可以切换分支到tag/3.11.0,它不依赖 vue-cli
。
如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支permission-control
重要更新
* v1.6.0版本,添加系统设置模块
* v1.5.0版本,添加TopHeader功能
* v1.4.0版本,添加demos
* v1.3.0版本,添加tagsView显隐控制
* v1.2.0版本,添加权限控制
* v1.1.0版本,添加TagsView功能
* v1.0.0版本,添加vue-admin-template模板项目
template
分支在vue-admin-template
基础上添加了TagsView
permission-template
分支在permission-control
基础上添加了TagsView
gh-pages
分支放置dist
包,进行在线预览
# 克隆项目
git clone https://github.com/iotjin/jh-vue-admin
# 进入项目目录
cd jh-vue-admin
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev
浏览器访问 http://localhost:9528
在线预览 https://iotjin.github.io/jh-vue-admin
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod
# 预览发布环境效果
npm run preview
# 预览发布环境效果 + 静态资源分析
npm run preview -- --report
# 代码格式检查
npm run lint
# 代码格式检查并自动修复
npm run lint -- --fix
Modern browsers and Internet Explorer 10+.
![]() IE / Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
---|---|---|---|
IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |