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

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

ฐานข้อมูล AppSheet (ASDB) คือฐานข้อมูลดั้งเดิมของบุคคลที่หนึ่งของ AppSheet ที่ใช้จัดระเบียบและจัดการข้อมูลที่ขับเคลื่อนแอป AppSheet อินเทอร์เฟซและประสิทธิภาพที่ดีขึ้นช่วยให้ทั้งผู้สร้างแอปและผู้ใช้ปลายทางได้รับประสบการณ์การใช้งานที่ดีขึ้นเมื่อเทียบกับแหล่งข้อมูลภายนอกอื่นๆ ที่ใช้กันโดยทั่วไป เช่น 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 ใหม่ตั้งแต่ต้นโดยใช้ฐานข้อมูลเริ่มต้น ซึ่งจะช่วยให้คุณมีโอกาสทดลองใช้เครื่องมือแก้ไขฐานข้อมูลโดยไม่ทำให้ขั้นตอนใน Codelab ขั้นตอนต่อๆ ไปเสียหาย

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

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

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

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

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

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

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

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

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

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

  1. ไม่บังคับ: ทดลองใช้เครื่องมือแก้ไขเพิ่มเติมโดยเพิ่มตัวเลือกใหม่สําหรับ Enum Status (คลิกเพิ่มตัวเลือก) พร้อมกับสีใหม่
  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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 และคอลัมน์เจ้าของมีการอ้างอิงถึงตาราง "เจ้าของ" ที่ไม่รู้จัก

วิธีแก้ไขคือเพิ่มตารางเจ้าของลงในแอป AppSheet

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

หน้าข้อมูลที่มีไอคอน "+" ได้รับการไฮไลต์

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5. แก้ไขฐานข้อมูลและสร้างตาราง Tasks อีกครั้ง

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

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

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

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