หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ทรัพยากรอื่นๆ
ดาวน์โหลด

Vue-Jsplumb-editor

ตัวอย่างออนไลน์

จุดฟังก์ชั่น

พื้นที่โหนดเมนู

  • ลากโหนดจากเมนูไปยังพื้นที่ออกแบบหลักเพื่อวางโหนด
  • จัดระเบียบโหนดตามประเภทโหนด

พื้นที่ออกแบบหลัก

  • การดำเนินการสามารถเพิกถอนได้
  • กระทะและซูมของพื้นหลัง
  • สามารถรับโหนดที่ถูกลากเข้ามาจากเมนู
  • โหนด Dragged-in จะสร้างปลายทางที่สอดคล้องกันตามข้อมูลโหนดปัจจุบัน (ใช้เพื่อลากการเชื่อมต่อ)
  • จุดสิ้นสุดที่สร้างขึ้นจะแบ่งออกเป็นสองประเภท: จุดสิ้นสุดของแหล่งที่มาและจุดสิ้นสุดเป้าหมายซึ่งควรมีความแตกต่างในสไตล์
  • จุดสิ้นสุดของแหล่งที่มาถูกวางไว้ในตำแหน่งด้านล่างของโหนดและโหนดเป้าหมายจะป้องกันไม่ให้โหนดอยู่ในตำแหน่งสูงสุด (เพื่ออำนวยความสะดวกในการลากบรรทัดการเชื่อมต่อจากบนลงล่าง)
  • โหนดทั้งหมดสามารถเคลื่อนย้ายได้โดยการลากและเคลื่อนที่
  • สามารถลบโหนดและสายการเชื่อมต่อทั้งหมดได้
  • โหนดและจุดปลายทั้งหมดจำเป็นต้องมีกล่องคำแนะนำเครื่องมือเพื่อแจ้งข้อมูลโหนดหรือปลายทางในเมาส์
  • ทุกโหนดจุดสิ้นสุดและสายการเชื่อมต่อจำเป็นต้องตั้งค่าสไตล์ที่แตกต่างกันเมื่อลอยเมาส์
  • สามารถเลือกโหนดและสายการเชื่อมต่อทั้งหมดได้
  • การดำเนินการบันทึกข้อมูลแบบเรียลไทม์
  • นำเข้าแผนภูมิการไหลของข้อมูล

พื้นที่กำหนดค่าโหนด

  • เมื่อเลือกโหนดในพื้นที่การออกแบบพื้นที่การกำหนดค่าโหนดจะแสดงแผงการกำหนดค่าโหนดที่สอดคล้องกัน
  • โหนดที่แตกต่างกันควรมีแผงกำหนดค่าโหนดที่สอดคล้องกัน
  • แผงโหนดใช้เพื่อแสดงและกำหนดค่าคุณสมบัติโหนด

ฟังก์ชันเมนูคลิกขวา

  • โหนด:
    • สำเนา
    • ลบ
    • ดูข้อมูล
    • การเปลี่ยนชื่อ
  • สายเคเบิลเชื่อมต่อ:
    • ลบ
  • ความเป็นมา:
    • แปะ

การพึ่งพาการติดตั้ง 

 npm install

รูปแบบการพัฒนา 

 npm run serve

รวบรวมรหัสการผลิต 

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