jh vue admin

jh-vue-admin

jh-vue-admin - Vue minimalist backend management system, supports dynamic switching between top bar and pins. Online preview https://iotjin.github.io/jh-vue-admin

• Based on v4.0+ version of vue-admin-template project
• Add vue-element-admin project TagsView function
• vue-element-admin usage documentation
• Dynamic permission control
• Add TopHeader function
• Dynamically obtain menu routing
• Basic system setting module (user management, role management, menu management, dictionary management)
• Visualized user roles, menu permissions, and button permission configurations

Online preview

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

Vue3 version - jh-vue3-admin online preview

jh-vue3-admin is a back-end management system front-end template built on the latest mainstream technology stacks such as Vue3 + Vite4 + TypeScript5 + Element-Plus + Pinia.

vue-admin-template introduction

This is a minimalist vue admin management background. It only contains Element UI & axios & iconfont & permission control & lint, which are necessary to build the backend.

online address

Domestic visit

The current version is v4.0+ built based on vue-cli . If you want to use an older version, you can switch the branch to tag/3.11.0, which does not depend on vue-cli .

If you want to dynamically generate sidebars and routers based on user roles, you can use the branch permission-control

Update record

Important updates

 * 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模板项目

branch

• template branch adds TagsView based on vue-admin-template
• The permission-template branch adds TagsView based on permission-control .
• Place the dist package in the gh-pages branch for online preview

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

Browser access http://localhost:9528

Online preview https://iotjin.github.io/jh-vue-admin

release

 # 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

other

 # 预览发布环境效果
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