หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

รหัสน่าเกลียดเกินไปดังนั้นจึงไม่แนะนำให้คัดลอก คุณสามารถดูแนวคิดการใช้งาน RBAC ซึ่งเป็นสากลได้

3Yผู้ดูแลระบบ

3YAdmin เป็นเทมเพลตระบบการจัดการพื้นหลังที่เน้นไปที่การควบคุมและแบบฟอร์มการอนุญาตทั่วไป

3YAdmin รองรับโหมดเค้าโครงสองโหมด โหมดแท็บ และโหมดปกติ โหมดทั้งสองจะถูกกำหนดเมื่อมีการแพ็คเกจและคอมไพล์ webpack เมื่อทำแพ็คเกจโหมดใดโหมดหนึ่ง โค้ดที่ซ้ำซ้อนในโหมดอื่นจะไม่ถูกนำมาใช้ (การใช้โหมด Tab ใน React นั้นค่อนข้างเจ็บปวด)

3YAdmin ใช้เพจการทำงานหลักและการดำเนินการของโมเดลการควบคุมสิทธิ์ RBAC

3YAdmin สามารถสร้างแบบฟอร์มการสืบค้น แบบฟอร์มคงที่ และแบบฟอร์มไดนามิกโดยแยกวิเคราะห์ข้อมูล JSON ที่กำหนด

เมื่อจับคู่กับ Lazy-mock คุณสามารถสร้างฟังก์ชันการเพิ่ม การลบ การแก้ไข และการสืบค้นส่วนหน้าและส่วนหลังได้อย่างรวดเร็วด้วยข้อมูลจำลอง (เครื่องมือสร้างโค้ดอย่างง่าย)


การสาธิตออนไลน์:

โหมดแท็บ

โหมดทั่วไป

บัญชีเข้าสู่ระบบ: 

admin 123

test 123456

website_admin 123456

ฟังก์ชั่นและคุณสมบัติต่างๆ

  • รองรับข้อมูลแบ็กเอนด์จริง

  • เข้าสู่ระบบ/ออกจากระบบ

  • ย่อแถบเมนูด้านซ้าย

  • รูปแบบที่ตอบสนอง

  • โหลดได้ตามต้องการ

  • การนำทางแท็ก

  • เศษขนมปัง

  • เต็มหน้าจอ/ออกเต็มหน้าจอ

  • เมนูไดนามิกเทียบกับเมนูคงที่

  • เมนูแบ่งตามโมดูล

  • การควบคุมการอนุญาตสากล

    • การควบคุมสิทธิ์ระดับเมนู

    • การควบคุมการอนุญาตระดับอินเทอร์เฟซ

    • การควบคุมสิทธิ์ระดับองค์ประกอบ

  • เอฟเฟกต์การโหลดที่กำหนดค่าได้ทั่วโลก

  • การจัดการข้อยกเว้นของเครือข่าย

  • โมดูล

    • การตั้งค่าระบบ

    • การจัดการสิทธิ์

    • โครงสร้างองค์กร

    • การจัดการผู้ใช้

    • การจัดการเมนู

    • การจัดการฟังก์ชั่น

    • การจัดการบทบาท

    • การจัดการสิทธิ์ตามบทบาท

    • การจัดการผู้ใช้ตามบทบาท

    • การจัดการบทบาทของผู้ใช้

    • การจัดการแผนก

    • การจัดการตำแหน่ง

    • โมดูลระบบ

    • บันทึกการตรวจสอบ

    • การเริ่มต้นข้อมูล

    • ตัวอย่าง

      • แบบฟอร์มการค้นหา

      • แบบฟอร์มทั่วไป (แบบฟอร์มคงที่ หลังจากแยกวิเคราะห์เป็นครั้งแรก แบบฟอร์มจะไม่เปลี่ยนแปลงหลังจากการเปลี่ยนแปลงข้อมูล JSON)

      • แบบฟอร์มแบบไดนามิก (แบบฟอร์มแบบไดนามิก แบบฟอร์มจะถูกสร้างขึ้นใหม่หลังจากการเปลี่ยนแปลงข้อมูล JSON)

      • หน้าทดสอบการอนุญาต

      • หน้าข้อผิดพลาด

      • แบบฟอร์ม JSON (สร้างแบบฟอร์มแบบไดนามิกโดยแยกวิเคราะห์ข้อมูล JSON)

    ติดตั้งและใช้งาน

    ติดตั้ง 

    git clone https://github.com/wjkang/3YAdmin.git

npm install

    ติดตั้งบริการจำลองพื้นหลัง 

    git clone -b 3YAdmin https://github.com/wjkang/quasar-admin-server.git

npm install

npm start

    วิ่ง

    การพัฒนา 

    npm start

    การผลิต(สร้าง) 

    npm run build

    การกำหนดค่า

    คัดลอกและแก้ไขการกำหนดค่าที่สร้างโดย react-react-app โดยตรง ทั้งหมดอยู่ในโฟลเดอร์ react-scripts ปัจจุบัน antd ถูกนำเข้าตามความต้องการ บรรจุเป็นกลุ่ม และใช้ AutoDllPlugin คุณสามารถปรับเปลี่ยนได้ตามความต้องการของคุณเอง

    การกำหนดค่าโหมดแพ็กเกจจำเป็นต้องแก้ไข process.env.REACT_APP_LAYOUT_MODE ในไฟล์ builds.js และ start.js

    บทช่วยสอน

    ต่อมาจะมีบทช่วยสอนการใช้งานโดยละเอียดและแนวคิดการออกแบบสถาปัตยกรรมส่วนหน้าสำหรับระบบการจัดการส่วนหลังที่มีการแยกส่วนหน้าและส่วนหลัง (รวมถึง vue และ react) ถ้าคุณชอบ คุณสามารถให้ดาวได้

    ขยาย
    ข้อมูลเพิ่มเติม
    แอปที่เกี่ยวข้อง
    แนะนำสำหรับคุณ
    ข้อมูลที่เกี่ยวข้อง ทั้งหมด