vue admin box

vue-admin-box.php

อังกฤษ | 简体中文

สรุป

• อัปเดตเวอร์ชัน
• หลังจากการทำซ้ำนานกว่าสามเดือน เวอร์ชัน 1.0 ก็เปิดตัวอย่างเป็นทางการเมื่อวันที่ 10 สิงหาคม 2021 โดยมีเทมเพลตพื้นฐานสี่เทมเพลตแนบมาให้ทุกคนใช้
• โครงการโอเพ่นซอร์สนี้พัฒนาโดยบุคคลและไม่จำกัดการใช้งานเชิงพาณิชย์หรือการวิจัยส่วนบุคคล กรุณากดดาวเพื่อให้กำลังใจผมก่อนใช้งานนะครับ
• กิจกรรมที่ผิดกฎหมายและลามกอนาจารทั้งหมดที่เกี่ยวข้องกับโครงการโอเพ่นซอร์สนี้ไม่มีส่วนเกี่ยวข้องกับซอร์สโค้ดนี้ กรุณาอย่าแสดงตัวตน
• กลุ่มการสื่อสาร QQ：912804007 ปัญหาเกิดขึ้นในกลุ่มและสามารถแก้ไขได้ทันเวลา

ดูตัวอย่าง

หากคุณไม่ได้อยู่ในจีน บางทีคุณควรดาวน์โหลดโปรเจ็กต์เพื่อแสดงการสาธิต หรือใช้ VPN เพื่อเข้าชมการสาธิตออนไลน์

• สาธิตจีน
• โลกสาธิต
• ที่อยู่ GitHub
• ที่อยู่กีธี
• ขอแนะนำให้ใช้เส้นด้ายหรือ cnpm ในการติดตั้งในประเทศจีน การติดตั้ง NPM มีแนวโน้มที่จะเกิดปัญหา

เทมเพลตพื้นฐาน

มีเทมเพลตพื้นฐานสี่เทมเพลตซึ่งเหมาะสำหรับการพัฒนาและการใช้งานเป็นศูนย์ และสามารถพบได้ใน github、gitee View โดยตรงในคลังสินค้า，เทมเพลตแสดงอยู่ด้านล่าง:

1. เทมเพลต template-ts-i18n คอนเทนเนอร์ ts และการสาธิต github gitee ที่เป็นสากล
2. เทมเพลต template-ts คอนเทนเนอร์ ts การทำให้เป็นสากลไม่ใช่การสาธิตคอนเทนเนอร์ github gitee
3. เทมเพลต template-js-i18n คอนเทนเนอร์ js และการสาธิต github gitee ที่เป็นสากล
4. เทมเพลต template-js คอนเทนเนอร์ js การทำให้เป็นสากลไม่ใช่การสาธิต github gitee ของคอนเทนเนอร์

การแนะนำ

vue-admin-box เป็นเทมเพลตระบบการจัดการพื้นหลังแบบโอเพ่นซอร์สฟรี vue-next, vite, element-plus ล่าสุดที่ใช้ในโปรเจ็กต์นี้ จุดประสงค์คือเพื่อแก้ไขการกำหนดค่าที่ซับซ้อนของระบบพื้นหลังในธุรกิจทั่วไป

ฟังก์ชั่นลักษณะเฉพาะ

• การกำหนดค่าการกำหนดเส้นทาง กลไกการจัดการสถานะ (สถานะรองรับพื้นที่จัดเก็บในเครื่องตามค่าเริ่มต้น) กลไกการจัดการ Axios และ API ที่ห่อหุ้มและสมบูรณ์แบบเหมาะสำหรับการพัฒนาระดับกลางและเบื้องหลัง
• สะดวกมากในการขยายฟังก์ชันการกำหนดค่าธีม และรองรับสไตล์กลางและพื้นหลังทั่วไปสามแบบตามค่าเริ่มต้น
• การกำหนดค่าการกำหนดเส้นทาง กลไกการจัดการสถานะ (สถานะรองรับพื้นที่จัดเก็บในเครื่องตามค่าเริ่มต้น) กลไกการจัดการ Axios และ API ที่ห่อหุ้มและสมบูรณ์แบบเหมาะสำหรับการพัฒนาระดับกลางและเบื้องหลัง
• สำหรับตารางธุรกิจทั่วไปสามตารางในการเพิ่ม ลบ และแก้ไขแบบสอบถาม โปรดดู "ตาราง CRUD" "ตารางหมวดหมู่" และ "ตารางต้นไม้" ใน "คอลัมน์หน้า" เพื่อดูรายละเอียด
• ฟังก์ชั่นรีเฟรชที่ไม่มีการข้ามเส้นทางรองรับการรีเฟรชหน้าแคช ในปัจจุบัน เฟรมเวิร์กส่วนใหญ่ไม่รองรับการรีเฟรชเพจแคช
• เป็นโซลูชันการทำให้เป็นสากลที่สะดวกและขยายได้ และมีเทมเพลตพื้นฐานที่ไม่เป็นสากลสองชุดและเทมเพลตพื้นฐานที่เป็นสากลสองชุด (เวอร์ชัน TS / เวอร์ชัน JS)
• คำแนะนำแบบกำหนดเองต่างๆ เวอร์ชันที่เขียนด้วยลายมือ
• สำหรับส่วนประกอบทั่วไปของตารางและส่วนประกอบทั่วไปแบบป๊อปอัปที่ได้รับการยืนยันโดยธุรกิจระดับกลางและพื้นหลังหลายแห่ง โปรดดูรายละเอียดที่ "ตาราง crud" "ตารางหมวดหมู่" และ "ตารางต้นไม้" ใน "คอลัมน์หน้า"

เทคโนโลยีหลัก

• กรอบงาน MVVM： vue v3
• การจัดการทางวิศวกรรม：vite v2
• กรอบงาน UI： องค์ประกอบบวก
• จัดการเราเตอร์：vue-router v4
• จัดการสถานะ ：vuex v4
• คำขอข้อมูล: axios
• ไลบรารียูทิลิตี้：@vueuse/core

วิธีใช้

1. รับโปรเจ็กต์ซอร์สโค้ด

    git clone https://github.com/cmdparkour/vue-admin-box.git
   

2. ติดตั้งการพึ่งพา คุณสามารถใช้ cnpm หรือเส้นด้ายในประเทศจีน

    npm install
   

3. ดำเนินการในการพัฒนา

    npm run dev 或 npm run start
   

4. สร้างในการผลิต

    npm run build
   

โครงการพันธมิตร

• Thinker-Admin-Box - springboot พร้อม vue-admin-box ใช้โค้ด java เพื่อสร้างหน้า vue
• H5-dooring - โปรเจ็กต์โค้ดต่ำเกี่ยวกับเว็บไซต์บนมือถือ
• ant-simple-pro - เว็บไซต์กลางที่ใช้ Vue3.0 โต้ตอบและเชิงมุม
• vue-vben-admin - ผู้ดูแลระบบ vue ที่ทันสมัย มันขึ้นอยู่กับ Vue3, vite และ TypeScript มันเร็วมาก!

ดูตัวอย่าง