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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

สังเกตว่าจะมี 2 แท็บ คือ Tasks และ Owners

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

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

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

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

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

เพิ่มการอ้างอิงลงในตาราง Tasks

จากนั้นเพิ่มการอ้างอิงจากตาราง Tasks ลงในตารางเจ้าของ

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

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

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

กล่องโต้ตอบสำหรับตั้งค่าประเภท: การอ้างอิงและตารางที่ใช้อ้างอิง: เจ้าของ

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

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

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

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

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

เลือกเจ้าของรายอื่นจากป๊อปอัปที่ให้ไว้โดยข้อมูลอ้างอิง

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

หลังจากเลือกเจ้าของรายอื่น ชื่อ "ซาร่าห์" เจ้าของจะปรากฏในคอลัมน์เจ้าของของตารางงาน

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

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

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

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

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

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

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

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

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

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

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

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

  1. คลิก Apps ทางด้านขวาของตัวแก้ไข 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 และคอลัมน์เจ้าของมีการอ้างอิงตารางที่ไม่รู้จัก ซึ่งก็คือเจ้าของ

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

  1. คลิก + ในหน้าข้อมูลในเครื่องมือแก้ไขของ AppSheet

หน้าข้อมูลที่มีเครื่องหมาย "+" ไฮไลต์ไอคอนแล้ว

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

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

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

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

  1. ในกล่องโต้ตอบต่อมา ให้เลือกช่องทำเครื่องหมายเลือกทั้งหมดเริ่มต้น แล้วคลิกเพิ่มลงในแอป

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

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

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

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

หน้ามุมมองที่มีเครื่องหมาย "+" ไฮไลต์ไอคอนแล้ว

  1. ในกล่องโต้ตอบเพิ่มข้อมูลพร็อพเพอร์ตี้ใหม่ ให้คลิกสร้างข้อมูลพร็อพเพอร์ตี้ใหม่

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

  1. ขณะสร้างข้อมูลพร็อพเพอร์ตี้ใหม่ ให้ตั้งค่าตัวเลือกต่อไปนี้

ชื่อมุมมอง: Owners สำหรับข้อมูลนี้: Owners ประเภทมุมมอง: deck

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

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

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

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

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

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

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

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

  1. ในตาราง Tasks ในฐานข้อมูล ให้เปลี่ยนประเภทของคอลัมน์ Due Date เป็น Date and time > วันที่

เปลี่ยนประเภทคอลัมน์วันที่ครบกำหนดของตารางงานเป็น "วันที่" ในตัวแก้ไข 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 ที่แสดงองค์ประกอบอินพุต Date Picker

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

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

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