ความรู้เบื้องต้นเกี่ยวกับเว็บแอปพลิเคชัน

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

แท็บเว็บแอปพลิเคชัน

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

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

ออกแบบผ้าใบ

ก่อนอื่นมาเปิดแผงการดูแลระบบและดูว่าเราต้องทำงานอะไรบ้าง

เราจะมีโอกาสสำรวจองค์ประกอบและฟังก์ชั่นทั้งหมดในภายหลัง แต่สำหรับผู้เริ่มต้น พื้นที่สีขาวขนาดใหญ่นั้นน่าสนใจที่สุด Canvas ซึ่งเราจะถ่ายโอนองค์ประกอบการออกแบบที่จำเป็นทั้งหมด รายการทั้งหมดขององค์ประกอบเหล่านี้สามารถดูได้ด้านบน มีปุ่ม สวิตช์ ตาราง รูปภาพ ช่องป้อนข้อมูล และอื่นๆ

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

จะต้องใส่อะไรลงไปบ้าง?

• ช่องใส่ X และ Y
• ปุ่มที่เริ่มกระบวนการคำนวณ
• ช่องสำหรับบันทึกผลการคำนวณ
• กรอบที่สะดวกซึ่งแม้ว่าจะไม่ใช่องค์ประกอบที่จำเป็นสำหรับการทำงาน แต่ก็เหมาะสม