(โครงการนี้คือการออกแบบการสำเร็จการศึกษาของผู้เขียน)
ผ่านการวิจัยที่เกี่ยวข้องเกี่ยวกับระบบการแก้ไขด้วยภาพการคิดเกี่ยวกับสถานการณ์ทางธุรกิจสิ่งที่เป็นนามธรรมและการแยกส่วนประกอบ ฯลฯ เรามุ่งมั่นที่จะแก้ปัญหาของนักพัฒนาส่วนหน้าไม่กี่คนความต้องการหน้ามากขึ้นความต้องการซ้ำ ๆ และการใช้ซ้ำต่ำ ใช้ระบบตามแพลตฟอร์มการสร้างภาพข้อมูลส่วนหน้าตามปฏิกิริยา แพลตฟอร์มสามารถให้ฟังก์ชั่นการแก้ไขหน้าส่วนหน้าด้วยสายตาและสร้างรหัสปฏิกิริยาที่สอดคล้องกัน สำหรับช่างเทคนิคสามารถสร้างแพลตฟอร์มการสร้างเพจสากล
ส่วนหน้าของระบบนี้ใช้เทคโนโลยีปฏิกิริยาเป็นกรอบมุมมอง ระบบใช้เฟรมเวิร์ก UMI สำหรับการควบคุมการกำหนดเส้นทางและใช้ DV สำหรับการจัดการสถานะ ส่วนหน้าขึ้นอยู่กับ node.js เป็นเลเยอร์กลางสำหรับการแสดงผลบนเซิร์ฟเวอร์ดังนั้นจึงปรับปรุงความเร็วในการแสดงผลของหน้าจอแรกของหน้า ในส่วนการแสดงผลส่วนหน้าเสร็จสมบูรณ์ผ่านหน้าเค้าโครงและส่วนประกอบ ในส่วนการจัดการของรัฐให้ความร่วมมือกับแบบจำลองและเชื่อมต่อมุมมองกับข้อมูลผ่านการเชื่อมต่อใน DVA ในเวลาเดียวกันสำหรับคำขอส่วนหน้าพวกเขาจะถูกนำไปใช้ผ่านเลเยอร์บริการ วางวิธีการที่ใช้กันทั่วไปภายใต้ UTILS เป็นชุดเครื่องมือ ใส่ตัวแปรที่มีความหมายพิเศษเหมือนกัน
โมดูลของระบบนี้ส่วนใหญ่รวมถึงโมดูลหลักห้าประการ: การจัดการผู้ใช้การจัดการองค์กรการลากและการแก้ไขหน้าดรอปตัวอย่างหน้าและการส่งออกและการจัดการส่วนประกอบ ในหมู่พวกเขาเนื่องจาก JWT ถูกใช้เป็นวิธีการตรวจสอบความถูกต้องล็อกอินด้านหน้าและด้านหลังจึงเพิ่มโมดูลการตรวจสอบผู้ใช้ กระบวนการใช้งานหลักของระบบคือผู้ใช้เข้าสู่ระบบเข้าสู่ระบบเข้าสู่พื้นที่การแก้ไขหน้าภาพเลือกส่วนประกอบเพื่อแก้ไขบันทึกหน้าไปยังเซิร์ฟเวอร์สร้างรหัสที่เกี่ยวข้องและแพ็คเกจเพื่อสร้างแพ็คเกจบีบอัดที่สอดคล้องกัน