ง่าย ๆ-crc-app
นี่เป็นเครื่องมือแก้ไขง่ายๆ เพื่อสร้างการ์ด Class Responsibility Collaborators ฉันสร้างมันขึ้นมาเพื่อเรียนรู้ Angular 4.0 เพราะนั่นคือวิธีที่ดีที่สุดสำหรับฉันในการเรียนรู้สิ่งใหม่ๆ ฉันไม่ต้องการใช้เฟรมเวิร์ก CSS เต็มรูปแบบเช่น Bootstrap ซึ่งมีส่วนประกอบที่สร้างไว้ล่วงหน้าจำนวนมาก ดังนั้นฉันจึงแยกและปรับแต่งสไตล์บางสไตล์จาก Bulma.io
คุณสมบัติบางอย่างของตัวแก้ไข:
- โมเดลต่างๆ จะถูกบันทึกไว้ในเครื่องผ่าน HTML5 Web Storage โดยไม่จำเป็นต้องใช้เซิร์ฟเวอร์
- กำหนดการ์ดประเภทต่างๆ: เอนทิตี ขอบเขต ตัวควบคุม
- ส่งออก/นำเข้าไฟล์ JSON
- แป้นพิมพ์ลัดสำหรับการทำงานหลัก
- แอปพลิเคชันจะสร้างการ์ด CRC สำหรับผู้ทำงานร่วมกันโดยอัตโนมัติ
- จำนวนการ์ด
คู่มือการใช้งานขนาดเล็ก:
- หากต้องการแก้ไขการ์ดที่มีอยู่ ให้คลิกหนึ่งครั้งที่ส่วนหัวของการ์ด
- หากต้องการลากการ์ด ให้คลิกบริเวณเนื้อหาของการ์ดค้างไว้ แป้นพิมพ์ลัด:
- 'CTRL-m': สร้างโมเดลใหม่
- 'CTRL-d': ลบโมเดลปัจจุบันออกจากที่เก็บข้อมูลเว็บในเครื่อง
- 'CTRL-s': บันทึกโมเดลปัจจุบันในที่จัดเก็บในตัวเครื่อง
- 'CTRL-o': เปิดโมเดลจากที่จัดเก็บในตัวเครื่อง
- 'CTRL-u': อัปโหลดไฟล์ JSON ภายนอกในที่จัดเก็บในตัวเครื่อง
- 'CTRL-j': ดาวน์โหลดเป็นไฟล์ JSON ของรุ่นปัจจุบัน Escape จะปิดกล่องโต้ตอบ
สิ่งต่าง ๆ ยังไม่สมบูรณ์แบบแต่สามารถใช้งานได้ในขั้นตอนนี้ แอปพลิเคชันยังไม่ (ยัง) ตอบสนอง
คุณสมบัติบางอย่างที่ฉันต้องการเพิ่ม:
- การส่งออก PDF ด้วย jsPdf
- การส่งออก SVG
- อาจเป็นคุณลักษณะการจัดวางอัตโนมัติ
การติดตั้งใช้งานไม่ใช่เรื่องยาก เพราะฟีเจอร์เหล่านี้อยู่ห่างออกไปเพียงไม่กี่บรรทัดเท่านั้น ฐานโค้ดมีขนาดเล็ก ดังนั้นหากคุณต้องการสนับสนุนคุณสมบัติเหล่านั้น ฉันสามารถช่วยได้
นี่คือลิงค์ไปยังเวอร์ชันที่โฮสต์บน GitHub
