สร้างแอปโดยไม่จำเป็นต้องเขียนโค้ดโดยใช้ฐานข้อมูลเดิมของ AppSheet

1. ก่อนเริ่มต้น

ฐานข้อมูล AppSheet (ASDB) คือฐานข้อมูลดั้งเดิมของ AppSheet จากบุคคลที่หนึ่ง ซึ่งใช้จัดระเบียบและจัดการข้อมูลที่ขับเคลื่อนแอป AppSheet อินเทอร์เฟซและประสิทธิภาพที่ได้รับการปรับปรุงของ AppSheet Database จะมอบประสบการณ์การใช้งานที่ดียิ่งขึ้นให้แก่ทั้งผู้สร้างแอปและผู้ใช้ปลายทาง เมื่อเทียบกับแหล่งข้อมูลภายนอกอื่นๆ ที่ใช้กันโดยทั่วไป เช่น Google ชีต, BigQuery และ Cloud SQL ฐานข้อมูล AppSheet เป็นตัวเลือกข้อมูลเริ่มต้นสำหรับแอปพลิเคชัน AppSheet ทุกรายการ

สิ่งที่คุณจะได้เรียนรู้

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

สิ่งที่คุณจะสร้าง

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

สิ่งที่คุณต้องมี

  • สิทธิ์เข้าถึงสภาพแวดล้อมการพัฒนา AppSheet ( appsheet.com)

2. สร้างและปรับแต่งฐานข้อมูล AppSheet ใหม่ตั้งแต่ต้น

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

  1. ไปที่หน้าแรกของ AppSheet ( appsheet.com) แล้วคลิกสร้าง > ฐานข้อมูล > ฐานข้อมูลใหม่

สร้างฐานข้อมูลใหม่ตั้งแต่ต้น

  1. ระบบจะสร้างฐานข้อมูลตัวอย่างใหม่และเครื่องมือแก้ไขฐานข้อมูล AppSheet จะปรากฏขึ้น

รูปภาพของฐานข้อมูลตัวอย่างใหม่ในเครื่องมือแก้ไขฐานข้อมูล AppSheet

  1. ปรับแต่งฐานข้อมูลโดยเปลี่ยนชื่อฐานข้อมูลจากฐานข้อมูลที่ไม่มีชื่อเป็นฐานข้อมูลงาน (ดับเบิลคลิกชื่อเริ่มต้น Untitled database เพื่อแก้ไขชื่อฐานข้อมูล)
  2. เปลี่ยนชื่อตาราง Table 1 เป็น Tasks (ดับเบิลคลิกแท็บเพื่อแก้ไข)
  3. เปลี่ยนคอลัมน์แรกจากชื่อเป็นงาน
  4. เพิ่มระเบียนใหม่โดยคลิก + ที่มุมซ้ายบน

รูปภาพแสดงวิธีเพิ่มระเบียนใหม่โดยคลิก + ที่มุมซ้ายบน

  1. ดับเบิลคลิกคอลัมน์สถานะเพื่อดูวิธีใช้ประเภท Enum และประเภทรายการแบบเลื่อนลง

เครื่องมือแก้ไขพร็อพเพอร์ตี้สำหรับคอลัมน์ "สถานะ" ใช้ประเภท "Enum" และประเภทรายการ "Dropdown"

  1. ไม่บังคับ: คลิกปุ่มหลังเครื่องหมาย = เพื่อใส่สีให้ตัวเลือกแบบเลื่อนลงแต่ละรายการ

การเปลี่ยนสีตัวเลือกเมนูแบบเลื่อนลงด้วยตัวเลือกสี

  1. ไม่บังคับ: ทดสอบเพิ่มเติมด้วยเอดิเตอร์โดยเพิ่มตัวเลือกใหม่สำหรับ Enum สถานะ (คลิกเพิ่มตัวเลือก) พร้อมกับสีใหม่
  2. ไม่บังคับ: ทดลองใช้คอลัมน์ประเภทต่างๆ เช่น สี ความคืบหน้า ใช่/ไม่ใช่ และโทรศัพท์ แล้วสังเกตลักษณะการทำงานของคอลัมน์เหล่านั้น

เมนูตามบริบทสำหรับประเภทข้อมูลที่รองรับทั้งหมดใน ASDB

คุณสามารถทดลองใช้เครื่องมือแก้ไขฐานข้อมูลเพิ่มเติมได้ ในขั้นตอนถัดไป คุณจะสร้างฐานข้อมูลใหม่

3. สร้างและปรับแต่งฐานข้อมูลใหม่โดยการนำเข้าจาก Google ชีต

ขั้นตอนถัดไปนี้แสดงวิธีนำเข้าข้อมูลจากสเปรดชีตใน Google ชีต

สร้างฐานข้อมูลจากชีต

  1. ก่อนอื่น ให้ทำสำเนา Google ชีตแบบสาธารณะนี้ แล้วเปลี่ยนชื่อเป็น ASDB: IO Codelab

โปรดสังเกตว่ามี 2 แท็บ ได้แก่ งานและเจ้าของ

  1. เช่นเดียวกับก่อนหน้านี้ ให้ไปที่หน้าแรกของ AppSheet ( appsheet.com) แล้วคลิกสร้าง > ฐานข้อมูล > นำเข้าจากชีต

สร้างฐานข้อมูลจากการนำเข้าชีต

  1. ในเครื่องมือเลือกไฟล์ของ Google ไดรฟ์ ให้เลือกสำเนาชีต ASDB: IO Codelab หรือไฟล์ที่คุณตั้งชื่อ

ซึ่งจะส่งผลให้มีการสร้างฐานข้อมูล AppSheet ใหม่จากข้อมูลในชีต

ภาพหน้าจอของฐานข้อมูล AppSheet ที่สร้างขึ้นจากชีตในเครื่องมือแก้ไขฐานข้อมูล

เพิ่มการอ้างอิงไปยังตาราง Tasks

จากนั้นให้เพิ่มการอ้างอิงไปยังตารางเจ้าของจากตารางงาน

  1. ในตารางงานในฐานข้อมูล AppSheet ให้ดับเบิลคลิกคอลัมน์เจ้าของเพื่อแก้ไขการตั้งค่า
  2. เปลี่ยนประเภทจากข้อความเป็นการอ้างอิง > การอ้างอิง

การเลือกประเภทการอ้างอิง

  1. ตั้งค่าตารางที่จะอ้างอิงเป็นเจ้าของ แล้วคลิกบันทึก

กล่องโต้ตอบเพื่อตั้งค่าประเภท: การอ้างอิงและตารางเพื่ออ้างอิง: เจ้าของ

  1. คำเตือนเกี่ยวกับการเปลี่ยนประเภทคอลัมน์จะปรากฏขึ้น ในกรณีนี้ ข้อมูลในคอลัมน์นี้จะเข้ากันได้กับประเภทคอลัมน์ใหม่ คุณจึงคลิกใช่เพื่อดำเนินการต่อได้

เปลี่ยนกล่องโต้ตอบประเภทคอลัมน์ ใช่/ไม่ใช่

  1. จากนั้นฐานข้อมูล AppSheet จะพยายามจับคู่แถวที่เกี่ยวข้องในตารางเจ้าของกับชื่อในตารางงาน เนื่องจากชุดข้อมูลนี้ตรงกัน ฐานข้อมูล AppSheet จึงควรป้อนข้อมูลในคอลัมน์เจ้าของด้วยการอ้างอิงที่ถูกต้องไปยังแถวเจ้าของ

ตารางงานในเครื่องมือแก้ไข ASDB แสดงค่าคอลัมน์เจ้าของที่ถูกต้อง

  1. หากต้องการทดสอบข้อมูลอ้างอิง ให้คลิกเซลล์เจ้าของและอัปเดตเป็นเจ้าของรายอื่น เช่น Sarah

เลือกเจ้าของรายอื่นผ่านป๊อปอัปที่มาพร้อมกับข้อมูลอ้างอิง

เมื่อเลือกแล้ว ค่าใหม่ (Sarah) จะปรากฏในเซลล์เจ้าของ (ในตารางงาน)

หลังจากเลือกเจ้าของคนอื่นแล้ว ชื่อของเจ้าของคนนั้น ซึ่งก็คือ Sarah จะปรากฏในคอลัมน์เจ้าของของตาราง Tasks

เปลี่ยนคอลัมน์ป้ายกำกับของตารางที่อ้างอิง

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

  1. โดยเปลี่ยนคอลัมน์ป้ายกำกับในตารางเจ้าของเป็นอีเมลโดยวางเมาส์ที่ด้านขวาของส่วนหัวคอลัมน์อีเมล แล้วคลิกจุดแนวตั้ง 3 จุด

รูปภาพที่แสดงจุดไข่ปลาแนวตั้งทางด้านขวาของส่วนหัวของคอลัมน์

ซึ่งจะเรียกเมนูตามบริบทของคอลัมน์

เมนูตามบริบทของคอลัมน์ที่ปรากฏขึ้นพร้อมกับตัวเลือก "ใช้คอลัมน์เป็นป้ายกำกับ" ที่เลือกไว้

  1. เลือกใช้คอลัมน์เป็นป้ายกำกับในเมนูตามบริบทเพื่อตั้งค่าป้ายกำกับคอลัมน์เป็นคอลัมน์อีเมล

ส่วนหัวของคอลัมน์อีเมลที่มีเครื่องหมายป้ายกำกับคอลัมน์ที่ด้านซ้ายบนของส่วนหัว

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

คอลัมน์เจ้าของของตารางงานที่แสดงอีเมลเนื่องจากตั้งค่าคอลัมน์อีเมลของตารางเจ้าของที่อ้างอิงเป็นป้ายกำกับคอลัมน์

4. สร้างแอป AppSheet จากฐานข้อมูล AppSheet

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

  1. คลิกแอปทางด้านขวาของเครื่องมือแก้ไข ASDB

ภาพหน้าจอของตัวแก้ไขฐานข้อมูล AppSheet โดยไฮไลต์ปุ่ม "แอป" ทางด้านขวา

ซึ่งจะเรียกเมนูตามบริบททางด้านขวาเพื่อสร้างแอปใหม่

ภาพหน้าจอเดียวกันกับก่อนหน้า แต่มีกล่องโต้ตอบที่มีปุ่ม "แอป AppSheet ใหม่"

  1. คลิกแอป AppSheet ใหม่เพื่อสร้างแอปใหม่

ภาพหน้าจอของแอป AppSheet ที่สร้างขึ้น

ขณะที่ระบบสร้างแอป ให้สังเกตว่าแอปมีคำเตือนดังนี้

Column "Owner" in Tasks_Schema has a reference to an unknown table or slice "Owners". Open the column definition to select a source table.

เนื่องจากแอปที่สร้างขึ้นมีเพียงตาราง Tasks และคอลัมน์ Owner มีการอ้างอิงไปยังตารางที่ไม่รู้จักชื่อ Owners

หากต้องการแก้ไขปัญหานี้ ให้เพิ่มตารางเจ้าของลงในแอป AppSheet

  1. ในหน้าข้อมูลในโปรแกรมแก้ไข AppSheet ให้คลิก +

หน้าข้อมูลที่ไฮไลต์ไอคอน "+"

  1. ในเมนูบริบทเพิ่มข้อมูล ให้เลือกฐานข้อมูล AppSheet เป็นแหล่งข้อมูล

เพิ่มเมนูตามบริบทของข้อมูล

  1. จากนั้นเลือกฐานข้อมูล ASDB: IO Codelab (หรือฐานข้อมูลที่คุณตั้งชื่อไว้ในขั้นตอนก่อนหน้า)

เลือกตัวเลือกเมนูฐานข้อมูล

  1. ในกล่องโต้ตอบถัดมา ให้เลือกช่องทำเครื่องหมายเริ่มต้น SELECT ALL แล้วคลิก Add to app

กล่องโต้ตอบเพื่อเลือกตารางเจ้าของที่จะเพิ่มลงในแอป AppSheet

เมื่อเพิ่มตารางเจ้าของลงในแอปแล้ว ข้อผิดพลาดการอ้างอิงจะไม่ปรากฏอีกต่อไป

ภาพหน้าจอของแอป AppSheet ที่ไม่มีข้อผิดพลาดในการอ้างอิง

  1. ตอนนี้คุณได้เพิ่มตาราง AppSheet ใหม่ของเจ้าของแล้ว คุณสามารถสร้างมุมมองใหม่เพื่อแสดงข้อมูลนี้ได้โดยคลิกหน้ามุมมองใน AppSheet แล้วคลิก + ข้างการนำทางหลัก

หน้ายอดดูโดยไฮไลต์ไอคอน "+"

  1. ในกล่องโต้ตอบเพิ่มมุมมองใหม่ ให้คลิกสร้างมุมมองใหม่

กล่องโต้ตอบเพิ่มมุมมองใหม่

  1. เมื่อสร้างมุมมองใหม่ ให้ตั้งค่าตัวเลือกต่อไปนี้

ชื่อข้อมูลพร็อพเพอร์ตี้: เจ้าของ สำหรับข้อมูลนี้: เจ้าของ ประเภทข้อมูลพร็อพเพอร์ตี้: deck

ดูหน้าแก้ไขสําหรับมุมมองเจ้าของ

ขอแสดงความยินดีด้วย ตอนนี้แอปของคุณเสร็จสมบูรณ์แล้ว

  1. หากต้องการทดสอบการอ้างอิงระหว่างงานกับเจ้าของ ให้คลิกมุมมองเจ้าของหรือมุมมองงานในตัวอย่างบนอุปกรณ์เคลื่อนที่ แล้วเลือกเรคคอร์ดเพื่อดูเรคคอร์ดที่เกี่ยวข้อง (อ้างอิง)

ภาพหน้าจอของแอป AppSheet ที่ไฮไลต์ตัวอย่างบนอุปกรณ์เคลื่อนที่ทางด้านขวา

เช่น คุณสามารถคลิกมุมมองเจ้าของ แล้วคลิกเรคคอร์ดเพื่อเจาะลึกและดูเรคคอร์ดงานที่เกี่ยวข้องได้

รูปภาพแสดงการเลือกเจ้าของและการเจาะลึกเพื่อดูงานที่เกี่ยวข้อง

5. แก้ไขฐานข้อมูลและสร้างตารางงานใหม่

ตอนนี้คุณได้สร้างฐานข้อมูล AppSheet และสร้างแอปใหม่จากฐานข้อมูลดังกล่าวแล้ว ลองแก้ไขตารางในฐานข้อมูล เปลี่ยนประเภทข้อมูลคอลัมน์และสังเกตสิ่งที่เกิดขึ้นในแอป AppSheet ที่ลิงก์

  1. ในตารางงานในฐานข้อมูล ให้เปลี่ยนประเภทของคอลัมน์วันที่ครบกำหนดเป็นวันที่และเวลา > วันที่

การเปลี่ยนประเภทคอลัมน์วันที่ครบกำหนดของตารางงานเป็นวันที่ในเครื่องมือแก้ไข ASDB

เมื่อกลับไปที่แอป AppSheet คุณจะเห็นว่าระบบตรวจพบว่าฐานข้อมูลได้รับการอัปเดตแล้วพร้อมคำเตือน

App Schema for table 'Tasks' is out of sync with the schema in AppSheet database. Please regenerate the table structure

เครื่องมือแก้ไขของ AppSheet ตรวจพบการเปลี่ยนแปลงสคีมาในฐานข้อมูลและแสดงคำเตือน

  1. หากต้องการสร้างใหม่ ให้คลิกไอคอนสร้างใหม่ d1a956498c05d75f.png ที่มุมขวาบน
  2. ซึ่งจะทําให้กล่องโต้ตอบคําเตือนแสดงขึ้น

กล่องโต้ตอบคำเตือนการสร้างใหม่

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

แบบฟอร์มแก้ไขแอป AppSheet ที่แสดงองค์ประกอบอินพุต DatePicker

6. ขอแสดงความยินดี

คุณทำ Codelab ฐานข้อมูล AppSheet (ASDB) เสร็จแล้ว

อ่านเพิ่มเติม