jh vue admin

jh-vue-ผู้ดูแลระบบ

jh-vue-admin - ระบบการจัดการแบ็กเอนด์ Vue แบบมินิมอล รองรับการสลับแบบไดนามิกระหว่างแถบด้านบนและพิน ตัวอย่างออนไลน์ https://iotjin.github.io/jh-vue-admin

• อิงตามเวอร์ชัน v4.0+ ของโปรเจ็กต์ vue-admin-template
• เพิ่มฟังก์ชัน TagsView โปรเจ็กต์ vue-element-admin
• เอกสารการใช้งาน 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

นี่คือพื้นหลังการจัดการผู้ดูแลระบบ vue ที่เรียบง่าย มีเฉพาะ Element UI & axios & iconfont & การควบคุมสิทธิ์ & ผ้าสำลี ซึ่งจำเป็นในการสร้างแบ็กเอนด์

ที่อยู่ออนไลน์

เยี่ยมบ้าน

เวอร์ชันปัจจุบันคือ v4.0+ ที่สร้างจาก vue-cli หากคุณต้องการใช้เวอร์ชันเก่า คุณสามารถสลับสาขาเป็น tag/3.11.0 ซึ่งไม่ขึ้นอยู่กับ vue-cli

หากคุณต้องการสร้างแถบด้านข้างและเราเตอร์แบบไดนามิกตามบทบาทของผู้ใช้ คุณสามารถใช้การควบคุมสิทธิ์ของสาขาได้

อัปเดตบันทึก

การอัปเดตที่สำคัญ

 * 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 เพิ่ม TagsView ตาม vue-admin-template
• สาขา permission-template เพิ่ม TagsView ตาม permission-control
• วางแพ็คเกจ dist ในสาขา gh-pages เพื่อดูตัวอย่างออนไลน์

สร้างการตั้งค่า

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

รองรับเบราว์เซอร์

เบราว์เซอร์สมัยใหม่และ Internet Explorer 10+

IE/ขอบ	ไฟร์ฟอกซ์	โครเมียม	ซาฟารี
IE10, IE11, ขอบ	2 เวอร์ชั่นล่าสุด	2 เวอร์ชั่นล่าสุด	2 เวอร์ชั่นล่าสุด