jh-vue-admin

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-template 介绍

这是一个极简的 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包，进行在线预览

Build Setup

# 克隆项目
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

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions