json mindmap

jsonmindmap

โครงการนี้มีจุดมุ่งหมายเพื่อสร้างความคิดที่มีการปรับสภาพสูงจาก JSON-File เพื่อช่วยนำทางและมุ่งเน้นไปที่รายละเอียดของ "ภาพที่ใหญ่กว่า" อย่างรวดเร็ว

เป้าหมายสำหรับรุ่นอัลฟ่า:

• ดูที่แผนที่หัวข้อและ tolog ดูเหมือนจะเป็นความคิดที่คล้ายกัน
• ใช้แท็ก/ฉลากสำหรับโหนด (แนวคิด) เพื่อช่วยนำทางอย่างรวดเร็วและจัดเรียง MindMaps
  • เพิ่มแท็ก/ฉลาก
  • เพิ่มการควบคุมทั่วโลกเพื่อแสดง/ซ่อนแท็ก
  • ควรเปลี่ยนชื่อ labels เป็น tags ภายใน
  • ใช้แท็กที่เลือกไฮไลต์ (แสดง/ไฮไลต์เท่านั้นแท็กเฉพาะเท่านั้น)
  • เพิ่มการจัดแต่งทรงผมป้ายกำกับ (ไม่ทราบว่าจะทำอย่างไรกับโครงสร้างปัจจุบันอาจต้องใช้ไฟล์กำหนดค่าแยกต่างหากหรือสีแบบสุ่ม ... )
  • โหนดเรียงลำดับตามป้ายกำกับ (แสดงเฉพาะโหนดที่มีแท็กเฉพาะซ่อนโหนดที่มีแท็กเฉพาะ)
• โหนดสไตล์โดยใช้สีข้อความขนาดตัวอักษรพื้นหลังไอคอน ฯลฯ
  • ทำสีชื่อข้อความของโหนดที่กำหนดค่าได้
  • ทำให้สีพื้นหลังของโหนดสามารถกำหนดค่าได้
  • เพิ่มไอคอน (หลาย) ไอคอนลงในโหนด (น่าจะเป็นไอคอนวัสดุ)
  • เรียงลำดับ/ไฮไลต์โหนดโดยไอคอนในที่คล้ายกันคือเพราะมันใช้งานได้สำหรับแท็ก
• ... จะดำเนินการต่อ

แนวคิดเวอร์ชันในอนาคต:

• ใช้ไลบรารี Canvas/SVG เพื่อสร้างมุมมอง MindMap แบบดั้งเดิมซึ่งตรงข้ามกับมุมมองรายการที่มีโครงสร้างปัจจุบัน

---

โครงการนี้สร้างขึ้นด้วย Angular CLI เวอร์ชัน 7.3.8

เซิร์ฟเวอร์การพัฒนา

เรียกใช้ ng serve สำหรับเซิร์ฟเวอร์ dev ไปที่ http://localhost:4200/ แอพจะโหลดซ้ำโดยอัตโนมัติหากคุณเปลี่ยนไฟล์ต้นฉบับใด ๆ

การนั่งร้านรหัส

เรียกใช้ ng generate component component-name เพื่อสร้างส่วนประกอบใหม่ นอกจากนี้คุณยังสามารถใช้ ng generate directive|pipe|service|class|guard|interface|enum|module

โฟลเดอร์ส่วนประกอบคือ: src/app/components

โฟลเดอร์บริการคือ: src/app/services

อินเทอร์เฟซและประเภทสำหรับ typeScript อยู่ในโฟลเดอร์ src/app/@types

ค่าคงที่อยู่ในไฟล์ src/app/constants.ts แต่เป็นเรื่องที่จะเปลี่ยนแปลง

สร้าง

เรียกใช้ ng build เพื่อสร้างโครงการ สิ่งประดิษฐ์สร้างจะถูกเก็บไว้ใน dist/ Directory ใช้ธง --prod สำหรับการสร้างการผลิต

การทดสอบหน่วยรัน

เรียกใช้ ng test เพื่อดำเนินการทดสอบหน่วยผ่านกรรม

ขออภัยการทดสอบยังไม่ได้ดำเนินการ โครงการอยู่ในช่วงเริ่มต้นและอาจเปลี่ยนแปลงได้อย่างมากดังนั้นฉันจะเพิ่มการทดสอบในภายหลัง

การทดสอบแบบ end-to-end

เรียกใช้ ng e2e เพื่อดำเนินการทดสอบแบบ end-to-end ผ่านไม้โปรแทรกเตอร์

ขออภัยการทดสอบยังไม่ได้ดำเนินการ โครงการอยู่ในช่วงเริ่มต้นและอาจเปลี่ยนแปลงได้อย่างมากดังนั้นฉันจะเพิ่มการทดสอบในภายหลัง

ความช่วยเหลือเพิ่มเติม

เพื่อรับความช่วยเหลือเพิ่มเติมเกี่ยวกับ CLI เชิงมุมใช้ ng help หรือไปดู readme CLI เชิงมุม

หากคุณสนใจในโครงการนี้และต้องการติดต่อฉันคุณสามารถค้นหาข้อมูลการติดต่อทั้งหมดของฉันได้ในเว็บไซต์ของฉัน: https://maxim.mazurok.com