เวิร์กโฟลว์เว็บแอป
เวิร์กโฟลว์ของเว็บแอปพลิเคชันครอบคลุมขั้นตอนต่างๆ ตั้งแต่การโต้ตอบของผู้ใช้ครั้งแรกไปจนถึงผลลัพธ์สุดท้ายหรือการตอบสนอง การทำความเข้าใจขั้นตอนการทำงานนี้เป็นสิ่งสำคัญสำหรับการพัฒนาเว็บแอปพลิเคชันที่มีประสิทธิภาพและใช้งานง่าย
ใน AppMaster Web Designer คุณสามารถกำหนดค่าตรรกะทางธุรกิจสำหรับแอปพลิเคชันเว็บในฝั่งฟ รอน ต์เอนด์ นอกเหนือจากตรรกะ แบ็กเอนด์ ได้ คุณสมบัติอันทรงพลังนี้ช่วยให้คุณสร้างเว็บแอปพลิเคชันที่ซับซ้อนและไดนามิกซึ่งปรับให้เหมาะกับความต้องการทางธุรกิจเฉพาะ
ในบริบทของแอปพลิเคชันเว็บ กระบวนการทางธุรกิจอาจรวมถึงการรับรองความถูกต้องของผู้ใช้ การประมวลผลข้อมูล ธุรกรรมออนไลน์ การจัดการเนื้อหา การดำเนินการบริการลูกค้า และการปรับแต่งองค์ประกอบ UI โดยขึ้นอยู่กับเงื่อนไข
ตรรกะทางธุรกิจสามระดับใน AppMaster Web Designer:
- ทริกเกอร์แอปพลิเคชัน: เหล่านี้เป็นทริกเกอร์ระดับสูงที่ตอบสนองต่อเหตุการณ์หรือสถานะของแอปพลิเคชันทั่วทั้งแอปพลิเคชัน ทำให้เกิดกระบวนการทางธุรกิจที่เฉพาะเจาะจง
- กระบวนการทางธุรกิจทั่วไป: เป็นชุดการดำเนินการที่กำหนดไว้ล่วงหน้าซึ่งสามารถนำไปใช้กับส่วนต่างๆ ของแอปพลิเคชัน การทำงานอัตโนมัติ และปรับปรุงเวิร์กโฟลว์
- ทริกเกอร์องค์ประกอบ: มีรายละเอียดมากกว่าทริกเกอร์แอปพลิเคชัน โดยเชื่อมโยงกับองค์ประกอบ UI ที่เฉพาะเจาะจง เปิดใช้งานกระบวนการทางธุรกิจตามการโต้ตอบกับองค์ประกอบเหล่านี้
ด้วยการใช้ประโยชน์จากตรรกะทางธุรกิจในระดับเหล่านี้ AppMaster Web Designer ช่วยให้คุณสร้างแอปพลิเคชันเว็บที่ไม่เพียงแต่ดึงดูดสายตาเท่านั้น แต่ยังชาญฉลาดและตอบสนองต่อความต้องการและพฤติกรรมของผู้ใช้อีกด้วย
🔔 สิ่งสำคัญคือต้องโหลดตัวอย่างที่กำลังดำเนินการอยู่อีกครั้ง หลังจากเพิ่มตรรกะทางธุรกิจใหม่เพื่อเปิดตัว BP
ทริกเกอร์แอปพลิเคชัน
ทริกเกอร์แอปพลิเคชัน ใน AppMaster Web Designer เป็นทริกเกอร์ระดับสูงที่ตอบสนองต่อเหตุการณ์หรือสถานะทั่วทั้งแอปพลิเคชันที่เรียกใช้การดำเนินการจากกระบวนการทางธุรกิจเฉพาะเพื่อปรับปรุงฟังก์ชันการทำงานและประสบการณ์ผู้ใช้
AppMaster มีตัวกระตุ้นแอปพลิเคชันที่หลากหลาย ซึ่งแต่ละตัวออกแบบมาสำหรับสถานการณ์เฉพาะ:
- เมื่อเปิดแอป: เปิดใช้งานเมื่อแอปพลิเคชันเริ่มทำงาน เหมาะสำหรับขั้นตอนการตั้งค่าเริ่มต้น
- บน App Navigate: ไฟไหม้ระหว่างการนำทางระหว่างส่วนต่างๆ ของ Application
- บนแอปเบลอ: ทริกเกอร์เมื่อแอปพลิเคชันสูญเสียโฟกัส ซึ่งมีประโยชน์สำหรับการหยุดชั่วคราวหรือบันทึกการดำเนินการ
- On App Focus: ดำเนินการเมื่อแอปพลิเคชันกลับมามีโฟกัส ซึ่งเหมาะสำหรับการดำเนินการต่อหรืออัปเดตเนื้อหา
- บนแอปที่ซ่อนอยู่: เปิดใช้งานเมื่อแอปพลิเคชันถูกย่อเล็กสุดหรือมองไม่เห็นบนหน้าจอ
- เมื่อมองเห็นแอปได้: เริ่มทำงานเมื่อแอปพลิเคชันกลับมามองเห็นได้อีกครั้ง ซึ่งมีประโยชน์สำหรับการรีเฟรชเนื้อหา
- ในการทำลายแอป: ดำเนินการระหว่างกระบวนการปิดระบบของแอปพลิเคชัน
- บนแอปออนไลน์: ทริกเกอร์เมื่อแอปพลิเคชันตรวจพบสถานะออนไลน์ ซึ่งเหมาะสำหรับการซิงค์ข้อมูล
- ในแอปออฟไลน์: เริ่มทำงานเมื่อแอปพลิเคชันออฟไลน์ เปิดใช้งานฟังก์ชันออฟไลน์
- ต้องใช้การตรวจสอบสิทธิ์แอป: เปิดใช้งานเมื่อได้รับการตอบกลับ "401 (ไม่ได้รับอนุญาต)" พร้อมท์ให้ผู้ใช้ตรวจสอบสิทธิ์อีกครั้ง
- บนแอปที่ต้องห้าม: ทริกเกอร์การตอบสนอง "403 (ต้องห้าม)" โดยทั่วไปจะใช้สำหรับการควบคุมการเข้าถึงและการอนุญาต
คุณสามารถขยายรายการทริกเกอร์แอปพลิเคชันที่แน่นอนได้โดยการสร้าง WebSocket Endpoints ที่ระดับแบ็กเอนด์ของแอปพลิเคชันของคุณ
ทริกเกอร์เหล่านี้สามารถใช้เพื่อจัดการการให้สิทธิ์ผู้ใช้เมื่อเปิดตัว ตรวจสอบสิทธิ์การเข้าถึง กำหนดค่าการเปลี่ยนเส้นทางเมื่อมีการเปลี่ยนแปลงการให้สิทธิ์ จัดการข้อผิดพลาด และอื่นๆ อีกมากมาย ทำให้ขาดไม่ได้ในการสร้างแอปพลิเคชันเว็บที่ตอบสนองและปลอดภัย
กระบวนการทางธุรกิจทั่วไป
กระบวนการทางธุรกิจทั่วไปใน AppMaster Web Designer ได้รับการออกแบบมาเป็นพิเศษเพื่อสรุปการดำเนินการที่ซ้ำซ้อนและตรรกะที่ซ้ำซ้อนเป็นโฟลว์ที่แตกต่างกัน เมื่อสร้างแล้ว กระบวนการทางธุรกิจเหล่านี้สามารถรวมเข้าด้วยกันได้อย่างราบรื่นเป็นบล็อกที่แตกต่างกันในระดับใดๆ ของกระบวนการทางธุรกิจของแอปพลิเคชันเว็บของคุณ
คุณสมบัติที่สำคัญ:
- การจัดการเวิร์กโฟลว์ที่มีประสิทธิภาพ: ด้วยการย้ายงานทั่วไปไปยังกระบวนการธุรกิจทั่วไป คุณจะลดความซ้ำซ้อนและปรับปรุงเวิร์กโฟลว์ของแอปพลิเคชันของคุณได้อย่างมาก
- ฟังก์ชันส่วนหน้า: ในขณะที่สะท้อนฟังก์ชันการทำงานของกระบวนการทางธุรกิจแบ็กเอนด์ กระบวนการทางธุรกิจทั่วไปจะถูกดำเนินการบน ส่วนหน้า โดยเฉพาะ ซึ่งช่วยให้โต้ตอบได้เร็วขึ้นและตอบกลับภายในอินเทอร์เฟซผู้ใช้ได้ทันที
ความง่ายในการใช้ซ้ำ:
หากต้องการใช้กระบวนการธุรกิจทั่วไปในขณะที่สร้างตรรกะ เพียงลากบล็อกที่ต้องการจากกลุ่ม BP ที่ผู้ใช้สร้าง ลงบนผืนผ้าใบของคุณ
🔔 การพิจารณาประสิทธิภาพ: โปรดทราบว่าสำหรับงานที่ซับซ้อนและใช้ทรัพยากรมาก เราแนะนำให้ดำเนินการกระบวนการเหล่านี้บนฝั่งเซิร์ฟเวอร์ (แบ็กเอนด์) แนวทางนี้ช่วยให้มั่นใจถึงประสิทธิภาพและประสิทธิผลที่ดีขึ้น โดยเฉพาะอย่างยิ่งสำหรับการดำเนินงานที่ต้องการการประมวลผลทางคอมพิวเตอร์หรือต้องการการจัดการข้อมูลที่ละเอียดอ่อนอย่างปลอดภัย
ทริกเกอร์องค์ประกอบ
ทริกเกอร์คอมโพเนนต์ใน AppMaster Web Designer จำเป็นสำหรับการเพิ่มการโต้ตอบให้กับเว็บแอปพลิเคชันของคุณ ทริกเกอร์เหล่านี้เชื่อมโยงกับองค์ประกอบ UI ที่เฉพาะเจาะจง โดยเปิดใช้งานกระบวนการทางธุรกิจที่กำหนดไว้ล่วงหน้าเพื่อตอบสนองต่อปฏิสัมพันธ์ของผู้ใช้ แต่ละส่วนประกอบในแอปพลิเคชันของคุณมีชุดทริกเกอร์ที่สามารถปรับแต่งเพื่อสร้างประสบการณ์ผู้ใช้แบบไดนามิกและน่าดึงดูด:
- ทริกเกอร์ทั่วไป: คอมโพเนนต์แชร์ชุดทริกเกอร์มาตรฐาน เช่น onCreate , onDestroy , onShow และ onHide ซึ่งตอบสนองต่อวงจรการใช้งานของส่วนประกอบและการเปลี่ยนแปลงการมองเห็น
- ทริกเกอร์เฉพาะ: นอกเหนือจากทริกเกอร์ทั่วไปแล้ว ส่วนประกอบยังมีทริกเกอร์เฉพาะที่ปรับแต่งให้เหมาะกับฟังก์ชันการทำงานด้วย ตัวอย่างเช่น ปุ่ม อาจมีทริกเกอร์ onClick ตาราง อาจตอบสนองต่อ onUpdateData และ Tabs อาจมีทริกเกอร์ onTabSelect
แม้จะมีความหลากหลาย แต่หลักการพื้นฐานยังคงมีความสอดคล้อง: เหตุการณ์จะกระตุ้นให้เกิดกระบวนการทางธุรกิจที่สอดคล้องกัน ด้วยการใช้ Component Triggers อย่างมีประสิทธิภาพ คุณสามารถสร้างเว็บแอปพลิเคชันเชิงโต้ตอบและตอบสนองที่ตอบสนองต่ออินพุตของผู้ใช้แบบเรียลไทม์ ปรับปรุงประสบการณ์ผู้ใช้โดยรวม และทำให้แอปพลิเคชันของคุณใช้งานง่ายและเป็นมิตรต่อผู้ใช้มากขึ้น
การเข้าถึงทริกเกอร์
หากต้องการดูและกำหนดค่าทริกเกอร์ของส่วนประกอบ ให้เลือกส่วนประกอบบนผืนผ้าใบแล้วไปที่แท็บ "ขั้นตอนการทำงาน" ในแถบด้านข้างขวา ที่นี่คุณจะพบรายการทริกเกอร์ที่ใช้ได้ การคลิกที่รายการใดรายการหนึ่งจะทำให้คุณสามารถแนบกระบวนการทางธุรกิจที่คุณต้องการได้ ทริกเกอร์ที่มีตรรกะที่แนบมาจะถูกเน้นด้วยสีน้ำเงินเพื่อให้ระบุได้ง่าย
การสร้างกระบวนการทางธุรกิจ
การตั้งค่ากระบวนการทางธุรกิจสำหรับทริกเกอร์ส่วนประกอบเป็นไปตามแนวทางที่คล้ายกันในการสร้างกระบวนการทางธุรกิจส่วนหลัง ดังที่เห็นในโมดูล 4 คุณจะใช้พื้นที่ทั่วไปซึ่งมีการเพิ่มบล็อกที่แสดงถึงการดำเนินการที่แตกต่างกัน การเชื่อมต่อระหว่างบล็อกเหล่านี้จะกำหนดลำดับของการดำเนินการ ช่วยให้คุณสร้างขั้นตอนการทำงานที่ซับซ้อนได้อย่างง่ายดาย
การสร้างเวิร์กโฟลว์แอปพลิเคชัน
มาสร้างกระบวนการทางธุรกิจสำหรับปุ่มคำนวณกัน ขั้นแรก ตัดสินใจว่าเราต้องทำอะไรเมื่อคลิกปุ่ม:
- ค้นหาค่า X และ Y รับจากช่องป้อนข้อมูลที่เกี่ยวข้อง
- เปิดใช้จุดสิ้นสุดสำหรับการคำนวณและส่งพารามิเตอร์ X และ Y ไปยังจุดนั้น
- ทำให้คอนเทนเนอร์ผลลัพธ์มองเห็นได้
- ใส่ผลการคำนวณลงในฟิลด์ป้ายกำกับที่จำเป็น
เลือกองค์ประกอบ ปุ่มคำนวณ ของเราในพื้นที่ทำงาน และคลิกที่ทริกเกอร์ onClick
ตัวแก้ไขกระบวนการทางธุรกิจจะเปิดขึ้น ที่นี่เราจะสร้างกระบวนการทางธุรกิจของเราสำหรับปุ่ม
รับค่าจากอินพุต
ขั้นตอนแรกคือการรับค่าที่ผู้ใช้ป้อน สำหรับสิ่งนี้ AppMaster จัดเตรียมบล็อก Input Float Get Data ซึ่งมี 'Element Key' เป็นพารามิเตอร์อินพุตและส่งออก 'Value' โดยพื้นฐานแล้วจะอ่านค่าปัจจุบันจากส่วนประกอบที่ระบุ
เนื่องจากเรามีสองช่องแยกกัน (แทนค่า X และ Y) ดังนั้นคุณจะต้องใช้บล็อก 'Input Float Get Data' สองบล็อก - หนึ่งบล็อกสำหรับแต่ละฟิลด์อินพุต
วิธีตั้งค่า:
- ลาก Input Float Get Data Blocks สองอันลงบนผืนผ้าใบของคุณสำหรับแต่ละช่องป้อนข้อมูล
- ตั้งค่าคีย์องค์ประกอบสำหรับแต่ละบล็อกให้สอดคล้องกับอินพุตโฟลตที่เกี่ยวข้อง ซึ่งจะเชื่อมโยงบล็อกกับองค์ประกอบ UI ที่ถูกต้อง เพื่อให้แน่ใจว่าจะอ่านข้อมูลที่ถูกต้อง
หากคุณเปลี่ยนชื่อองค์ประกอบใน UI Designer ก่อนหน้านี้ในขณะที่สร้างอินเทอร์เฟซ การค้นหาและเลือกส่วนประกอบที่จำเป็นสำหรับแต่ละบล็อกจะตรงไปตรงมา
JP การเปลี่ยนชื่อองค์ประกอบในระหว่างขั้นตอนการออกแบบช่วยให้ระบุได้อย่างง่ายดายในภายหลังในระหว่างการกำหนดค่าตรรกะทางธุรกิจ
เปิดตัวจุดสิ้นสุด
หลังจากการเรียกข้อมูลอินพุตของผู้ใช้ ระยะต่อมาในเวิร์กโฟลว์ของแอปพลิเคชันเว็บของคุณคือการเริ่มต้น ตำแหน่งข้อมูล ขั้นตอนสำคัญนี้จะสร้างการเชื่อมต่อระหว่าง ส่วนหน้า (อินเทอร์เฟซผู้ใช้) และ ส่วนหลัง (กระบวนการฝั่งเซิร์ฟเวอร์) ของเว็บแอปพลิเคชันของคุณ และคำสั่งสำหรับการคำนวณจะถูกส่งจากเบราว์เซอร์ไปยังเซิร์ฟเวอร์
ตำแหน่งข้อมูล ใน AppMaster จะแสดงเป็นบล็อกกระบวนการทางธุรกิจที่แตกต่างกันภายในแอปพลิเคชัน หากต้องการใช้ตำแหน่งข้อมูลของเรา เพียงเลือกรายการที่เหมาะสมจากรายการบล็อกกระบวนการทางธุรกิจ แล้วลากไปในพื้นที่ทำงานของคุณ
ในโมดูล 5 เรากำหนดค่าตำแหน่งข้อมูลด้วยวิธี GET และกำหนด URL ฐานเป็น "module4-basic" คุณควรพบรายการเป็น - คำขอของเซิร์ฟเวอร์ GET /module4-basic/ แล้วลากไปที่ Canvas
ตำแหน่งข้อมูล AppMaster ต่างจากส่วนประกอบตรงที่ไม่จำเป็นต้องตั้งค่า ID เนื่องจากมีการกำหนดไว้ล่วงหน้า คุณลักษณะนี้ช่วยปรับปรุงกระบวนการรวมจุดสิ้นสุดเข้ากับตรรกะทางธุรกิจของคุณ
ขั้นตอนสุดท้ายคือการป้อนค่า X และ Y ที่คุณได้รับจากขั้นตอนก่อนหน้าลงในจุดสิ้นสุด ซึ่งช่วยให้แบ็กเอนด์สามารถรับและประมวลผลอินพุตเหล่านี้ โดยดำเนินการคำนวณที่จำเป็น
สถานะขององค์ประกอบ UI
ขั้นตอนต่อไปนี้ในเวิร์กโฟลว์แอปพลิเคชันเว็บของคุณคือการจัดการการมองเห็นคอนเทนเนอร์ โดยเฉพาะการแสดงคอนเทนเนอร์ที่แสดงผลลัพธ์และการซ่อนคอนเทนเนอร์ที่มีคำใบ้
ต่อไปนี้เป็นวิธีดำเนินการ:
- เริ่มต้นด้วยการลากบล็อก คุณสมบัติการอัปเดต Flex สองบล็อกลงบนผืนผ้าใบของคุณ
- สำหรับแต่ละบล็อก คุณสมบัติการอัปเดต Flex ให้กำหนดพารามิเตอร์ องค์ประกอบคีย์ ที่สอดคล้องกับคอนเทนเนอร์ที่เกี่ยวข้อง - หนึ่งรายการสำหรับคอนเทนเนอร์ผลลัพธ์และอีกรายการหนึ่งสำหรับคอนเทนเนอร์คำใบ้
- กำหนดค่าพารามิเตอร์การมองเห็นภายในบล็อกเหล่านี้ ตั้งค่าพารามิเตอร์ Visible เป็น True สำหรับคอนเทนเนอร์ผลลัพธ์ เพื่อให้แน่ใจว่าจะมองเห็นได้หลังการคำนวณ ในทางกลับกัน ให้ตั้งค่าพารามิเตอร์นี้เป็น False เพื่อให้คอนเทนเนอร์คำใบ้ซ่อนไว้เมื่อการคำนวณเสร็จสิ้น
โดยการนำขั้นตอนเหล่านี้ไปใช้ คุณจะสร้างการตอบสนองแบบไดนามิกในส่วนต่อประสานแอปพลิเคชันของคุณ หลังจากการกระทำของผู้ใช้ เช่น การคลิกปุ่มเพื่อทำการคำนวณ แอปพลิเคชันจะซ่อนคอนเทนเนอร์คำใบ้โดยอัตโนมัติและแสดงคอนเทนเนอร์ผลลัพธ์
สิ่งนี้ไม่เพียงแต่ปรับปรุงประสบการณ์ผู้ใช้เท่านั้น แต่ยังช่วยให้อินเทอร์เฟซแอปพลิเคชันของคุณสะอาดและเน้นไปที่ข้อมูลที่เกี่ยวข้องในแต่ละขั้นตอนการโต้ตอบ
ดูตัวอย่างแบบเรียลไทม์
เพื่อประเมินความคืบหน้าของกระบวนการทางธุรกิจของคุณ คุณสามารถดูตัวอย่างผลลัพธ์ขั้นกลางได้อย่างง่ายดาย:
- ขั้นแรก คลิกที่ปุ่ม บันทึกและออก ภายในตัวแก้ไขกระบวนการทางธุรกิจ การดำเนินการนี้จะบันทึกเวิร์กโฟลว์ปัจจุบันของคุณและปิดตัวแก้ไขกระบวนการทางธุรกิจ
- เรียกใช้ การแสดงตัวอย่างแอปพลิเคชันเว็บของคุณแบบเรียลไทม์ เพื่อตรวจสอบการโต้ตอบกับแอปพลิเคชันราวกับว่าแอปพลิเคชันนั้นใช้งานได้จริง
- ทดสอบการทำงานโดยคลิกปุ่ม คำนวณ
หากกระบวนการทางธุรกิจของคุณได้รับการตั้งค่าอย่างถูกต้อง คุณจะเห็นการตอบสนองแบบไดนามิก: คอนเทนเนอร์ที่มีคำใบ้จะถูกซ่อนไว้ และคอนเทนเนอร์ที่แสดงผลลัพธ์จะถูกเปิดเผยไปพร้อมๆ กัน
วิธีการทดสอบนี้นำเสนอวิธีที่ใช้งานได้จริงและรวดเร็วเพื่อให้แน่ใจว่ากระบวนการทางธุรกิจของคุณทำงานตามที่ตั้งใจไว้ ช่วยให้คุณสามารถทำการปรับเปลี่ยนที่จำเป็นก่อนที่จะสรุปใบสมัครของคุณ
การแสดงข้อมูล
เมื่อคุณทดสอบตรรกะของแอปพลิเคชันของคุณสำเร็จแล้ว ก็ถึงเวลาปรับแต่งตรรกะทางธุรกิจของคุณเพิ่มเติม
ขั้นตอนสุดท้ายเกี่ยวข้องกับการแสดงผลลัพธ์ที่คำนวณได้ภายในอินเทอร์เฟซของแอปพลิเคชันเว็บของคุณ เราจะแมปข้อมูลผลลัพธ์ของกระบวนการทางธุรกิจแบ็กเอนด์ของเรากับองค์ประกอบ UI ที่เกี่ยวข้องของเว็บแอปพลิเคชันของคุณ
เนื่องจากผลลัพธ์จากแบ็กเอนด์จะถูกส่งกลับตามลำดับที่กำหนดไว้ งานของคุณคือจัดแนวข้อมูลแต่ละส่วน (องค์ประกอบอาร์เรย์) ให้ตรงกับองค์ประกอบ บล็อกข้อความ ที่ถูกต้องใน UI ของคุณ
สำหรับการจัดการข้อมูล เราจะใช้บล็อกต่อไปนี้:
- องค์ประกอบอาร์เรย์ : ใช้สิ่งเหล่านี้เพื่อเข้าถึงแต่ละองค์ประกอบภายในอาร์เรย์ผลลัพธ์ คุณจะต้องมีบล็อกสำหรับแต่ละดัชนีตั้งแต่ 0 ถึง 4
- เป็นข้อความ: เนื่องจากข้อมูลของคุณอยู่ในรูปแบบ Float ให้ใช้บล็อกนี้เพื่อแปลงค่า Float เหล่านี้ให้เป็นรูปแบบข้อความที่เหมาะสมสำหรับการแสดงผล
- ข้อมูลการอัปเดตบล็อกข้อความ: บล็อกนี้จำเป็นสำหรับการเติมข้อมูลบล็อกข้อความใน UI ของคุณด้วยข้อมูลข้อความที่แปลงแล้ว
บล็อกเหล่านี้จะแยกข้อมูลจากอาร์เรย์ผลลัพธ์ แปลงข้อมูลเป็นรูปแบบข้อความ จากนั้นอัปเดตบล็อกข้อความที่เกี่ยวข้องใน UI ของคุณ
ต่อไปนี้เป็นวิธีการตั้งค่า:
- วางบล็อกเหล่านี้บนผืนผ้าใบ
- ในบล็อก องค์ประกอบอาร์เรย์ ให้ป้อนอาร์เรย์ที่ได้รับจากจุดสิ้นสุดของคุณ (เริ่มจาก 0)
- ตั้ง ค่าดัชนี เพื่อกำหนดเป้าหมายองค์ประกอบที่เหมาะสมภายในอาร์เรย์
- เชื่อมต่อ ค่า เอาต์พุตของ องค์ประกอบอาร์เรย์ กับบล็อก To Text
- ระบุ คีย์องค์ประกอบ ใน ข้อมูลอัปเดตบล็อกข้อความ ให้กับองค์ประกอบ UI ของคุณในตำแหน่งที่คุณต้องการให้แสดงข้อมูล
- เชื่อมต่อบล็อกตามลำดับ
ทำซ้ำลำดับของบล็อกนี้สำหรับแต่ละองค์ประกอบในอาร์เรย์ที่คุณต้องการแสดง ปรับดัชนีในแต่ละบล็อก 'องค์ประกอบอาร์เรย์' ให้สอดคล้องกับองค์ประกอบต่างๆ ของอาร์เรย์
ตรวจสอบให้แน่ใจว่าบล็อกเหล่านี้เชื่อมต่อกันเป็นลำดับด้วย
ผลลัพธ์สุดท้าย
สิ่งนี้ทำให้การสร้างกระบวนการทางธุรกิจเสร็จสมบูรณ์
บันทึกกระบวนการทางธุรกิจของคุณและตรวจสอบผลลัพธ์สุดท้ายในหน้าตัวอย่าง เรียกใช้ การแสดงตัวอย่างแอปพลิเคชัน บนแผนการปรับใช้ที่คุณเผยแพร่จุดสิ้นสุดของคุณใน โมดูล 5
🎉 ขอแสดงความยินดีกับความสำเร็จอันยอดเยี่ยม!
คุณประสบความสำเร็จในการพัฒนาแอปพลิเคชันเว็บที่ทำงานได้อย่างสมบูรณ์พร้อมตรรกะทางธุรกิจและอินเทอร์เฟซผู้ใช้แบบโต้ตอบ หากทุกอย่างเป็นไปตามที่ต้องการ ตอนนี้คุณก็พร้อมที่จะดำเนินการขั้นตอนสุดท้ายถัดไปในการเผยแพร่แอปพลิเคชันของคุณและแบ่งปันกับผู้ใช้
แต่การเดินทางไม่ได้หยุดอยู่แค่นี้ มีโอกาสมากมายที่จะปรับแต่งใบสมัครของคุณเพิ่มเติม! คุณสามารถปรับปรุงรูปลักษณ์ที่น่าดึงดูดและประสบการณ์ผู้ใช้โดยปรับแต่งรูปลักษณ์ขององค์ประกอบ UI ของคุณหรือขยายตรรกะของแอปพลิเคชันเว็บของคุณ ตัวอย่างเช่น คุณสามารถกำหนดให้ฟิลด์บังคับและเพิ่มปุ่มเพื่อรีเซ็ตฟิลด์โดยไม่ต้องล้างข้อมูลแต่ละรายการด้วยตนเอง