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

สำรวจอินเทอร์เฟซ

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

ค้นหาข้อมูลเกี่ยวกับอินเทอร์เฟซ AppMaster Web Designer


เมื่อคุณเปิด AppMaster Web Designer คุณจะเห็นตัวแก้ไขนำทาง ส่วนหัว และพื้นที่ทำงานที่จะแสดงเนื้อหาแท็บที่เลือกในปัจจุบัน

AppMaster Web Designer Interface

นาวิเกเตอร์

AppMaster Web Designer Navigator

Navigator มีลิงก์ที่เข้าถึงได้อย่างรวดเร็วไปยังแท็บโปรแกรมแก้ไขเว็บ ลิงก์ที่เป็นประโยชน์ และปุ่มโลโก้เพื่อกลับไปยังรายการแอปพลิเคชันเว็บหรือส่วน AppMaster Studio อื่นๆ

ปุ่มย้อนกลับ

Back button

คลิกโลโก้ AppMaster เพื่อเปิดเมนูแบบเลื่อนลงพร้อมเมนูปรากฏขึ้น ช่วยให้คุณ:

  • กลับไปที่รายการแอปพลิเคชันเว็บ
  • นำทางไปยังส่วนอื่นๆ ของ AppMaster Studio

เมนูนักออกแบบเว็บไซต์

AppMaser Web Designer Menu

AppMaster Web Designer ไม่เพียงแต่มีตัวสร้าง UI เท่านั้น นอกจากนี้ยังมีชุดเครื่องมือและบริการเพิ่มเติมอีกด้วย

หากต้องการไปยังส่วนต่างๆ อย่างรวดเร็ว ให้ใช้เมนู Web Designer ซึ่งมีแท็บต่อไปนี้

  • นักออกแบบ UI
  • ฐานข้อมูลท้องถิ่น
  • ทริกเกอร์แอปพลิเคชัน
  • ตรรกะทางธุรกิจ
  • ตัวแปรร่วม
  • ผู้จัดกำหนดการ
  • i18n (การแปลเป็นภาษาท้องถิ่น)
  • ตัวสร้างธีม
  • การตั้งค่าแอปพลิเคชัน

ลิงก์ที่มีประโยชน์

Helpful Links AppMaster Web Designer

เมนูแบบเลื่อนลงประกอบด้วยการดำเนินการต่างๆ เช่น:

  • แชทกับเรา: เปิดหรือปิดใช้งานการแชทที่มุมล่างขวาของตัวแก้ไขเว็บ
  • เอกสารประกอบ: เปิดคำแนะนำทางเทคนิคฉบับสมบูรณ์เกี่ยวกับการใช้งาน AppMaster studio
  • บทช่วยสอน: เปิดคอลเลกชั่นบทช่วยสอนและตัวอย่างของ AppMaster
  • ชุมชน: เปิดชุมชน AppMaster เพื่อเชื่อมต่อกับผู้ใช้ AppMaster รายอื่น
  • รีเซ็ตการเริ่มต้นใช้งาน: เปิดการเริ่มต้นใช้งานอีกครั้งเพื่อศึกษาอินเทอร์เฟซของโปรแกรมแก้ไขเว็บ
  • แป้นพิมพ์ลัด: เปิดรายการแป้นพิมพ์ลัดที่ช่วยเร่งขั้นตอนการออกแบบของคุณ คุณสามารถดูทางลัดเหล่านี้ได้โดยกด Shift + /
  • มีอะไรใหม่: หากคุณพลาดการอัปเดตใด ๆ คุณสามารถสำรวจรายการอัปเดตทั้งหมดได้จากลิงก์นี้
  • สรุปทางกฎหมาย: เปิดเอกสารทางกฎหมายของ AppMaster ทั้งหมด

หัวข้อ

Header of AppMaster Web Designer

ส่วนหัวของตัวแก้ไขให้ข้อมูลแอปพลิเคชันและแถบเครื่องมือของแอป

ข้อมูลแอพ

Web app information in AppMaster Web Designer

ที่ส่วนหัวด้านซ้ายจะแสดงข้อมูลพื้นฐานเกี่ยวกับแอปของคุณ:

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

รายชื่อผู้ร่วมงาน

Collaborators in AppMaster Web Designer

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

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

วางเมาส์เหนืออวาตาร์เพื่อดูชื่อของชื่อผู้ทำงานร่วมกัน

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับโหมดการทำงานร่วมกันได้ ที่นี่

ดูตัวอย่าง

Realtime preview in AppMaster Web Designer

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

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

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับโหมดแสดงตัวอย่างแบบเรียลไทม์ได้ ที่นี่

ปุ่มการดำเนินการ

ผลักดันการเปลี่ยนแปลง

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

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

เผยแพร่แอปพลิเค ชันเร็ว ๆ นี้

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

Publish Application from AppMaster Web Designer

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

บริเวณที่ทำงาน

พื้นที่ทำงานเป็นส่วนสำคัญของ AppMaster Web Designer ซึ่งคุณสร้างและตั้งค่าแอปของคุณ

Work area Canvas AppMaster Web Designer

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

หลังจากเปิด Web Apps Editor ส่วนแรกที่จะเปิดคือ UI Designer

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