jh vue admin

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