หลักสูตรความผิดพลาด 101
10 โมดูล
5 สัปดาห์ที่ผ่านมา

การแก้ไขบันทึก

คลิกเพื่อคัดลอก

วิธีแก้ไขบันทึกในเว็บแอปพลิเคชัน


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

โมดอลสำหรับแก้ไขบันทึก

โดยทั่วไปแล้ว กระบวนการนี้คล้ายกับวิธีการสร้างบันทึกใหม่ดั้งเดิม นอกจากนี้เรายังกดปุ่มที่นั่นและหน้าต่างโมดอลปรากฏขึ้นโดยกรอกข้อมูลที่จำเป็น แต่เมื่อสร้างฟิลด์อินพุตทั้งหมดในโมดอลนั้นว่างเปล่า เราไม่จำเป็นต้องรู้ ID ของโพสต์ที่เรากำลังสร้าง ข้อมูลทั้งหมดถูกกรอกด้วยตนเองหรือกำหนดโดยอัตโนมัติ ตอนนี้สำหรับการแก้ไข คุณต้องเปิดบันทึกที่กำหนดไว้อย่างเข้มงวดและรับข้อมูลที่ถูกต้อง


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


หลังจากนั้นคุณต้องกำหนดค่าหน้าต่างแก้ไขโมดอลเอง สายตา มันไม่ได้แตกต่างอะไร (ยกเว้นชื่อ) จากหน้าต่าง modal ที่สร้างขึ้นก่อนหน้านี้เพื่อเพิ่มระเบียนใหม่ลงในฐานข้อมูล ความแตกต่างที่สำคัญคือกระบวนการทางธุรกิจที่ต้องเริ่มต้นเมื่อเปิดหน้าต่าง


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



บันทึกการแก้ไข

หลังจากนั้นจะเหลือเพียงการกำหนดค่าปุ่ม Save โดยสร้างกระบวนการทางธุรกิจให้คล้ายกับที่ใช้สร้างเมืองใหม่ ข้อแตกต่างเพียงอย่างเดียวคือการใช้ ID จากตัวแปรส่วนกลางและคำขอประเภท PATCH แทน POST


ตอนนี้ เมื่อคุณคลิกที่ปุ่มแก้ไข คุณสามารถเปิดข้อมูลโดยละเอียดเกี่ยวกับบันทึกที่ต้องการจากฐานข้อมูล เปลี่ยนแปลงฟิลด์ใดก็ได้ และบันทึกการเปลี่ยนแปลง

การใช้ตัวแปรส่วนกลางทำให้เราสามารถบันทึกข้อมูลว่าเรกคอร์ดใดควรแก้ไขในขณะนี้ บันทึก ID และอ้างถึงหากจำเป็น ในขณะเดียวกัน ต้องขอบคุณตัวแปรส่วนกลาง ความเร็วของแอปพลิเคชันจึงเพิ่มขึ้น เพราะไม่เช่นนั้นก็จำเป็นต้องบันทึกข้อมูลนี้ในฐานข้อมูลและทำการร้องขอเพิ่มเติม

Was this article helpful?
ยังคงมองหาคำตอบ?