Xây dựng ứng dụng không cần lập trình bằng cơ sở dữ liệu AppSheet gốc

1. Trước khi bắt đầu

Cơ sở dữ liệu AppSheet (ASDB) là cơ sở dữ liệu gốc bên thứ nhất của AppSheet, dùng để sắp xếp và quản lý những dữ liệu dùng để hỗ trợ các ứng dụng AppSheet. Giao diện và hiệu suất được cải tiến của phiên bản này mang lại trải nghiệm tốt hơn cho cả người tạo ứng dụng và người dùng cuối so với các nguồn dữ liệu bên ngoài thường dùng khác như Google Trang tính, Big Query và Cloud SQL. Cơ sở dữ liệu AppSheet được cung cấp như một lựa chọn mặc định về dữ liệu cho mọi ứng dụng AppSheet.

Kiến thức bạn sẽ học được

  • Cách tạo cơ sở dữ liệu AppSheet mới bằng dữ liệu mẫu hoặc dữ liệu đã nhập từ Google Trang tính.
  • Cách tuỳ chỉnh dữ liệu trong trình chỉnh sửa cơ sở dữ liệu của AppSheet.
  • Cách tạo ứng dụng AppSheet từ cơ sở dữ liệu AppSheet.
  • Cách thay đổi cơ sở dữ liệu và tạo lại bảng trong AppSheet để tính đến việc thay đổi cấu trúc bảng.

Sản phẩm bạn sẽ tạo ra

Lớp học lập trình này hướng dẫn bạn cách tạo và tuỳ chỉnh cơ sở dữ liệu mới của AppSheet, trước tiên là sử dụng dữ liệu mặc định do cơ sở dữ liệu AppSheet cung cấp, sau đó là dữ liệu hiện có trong Google Trang tính. Sau đó, tài liệu này sẽ hướng dẫn cách tạo một ứng dụng AppSheet mới từ cơ sở dữ liệu của AppSheet. Cuối cùng, tài liệu hướng dẫn cách chỉnh sửa bảng cơ sở dữ liệu trong trình chỉnh sửa cơ sở dữ liệu rồi tạo lại bảng trong trình chỉnh sửa ứng dụng AppSheet.

Bạn cần có

  • Quyền truy cập vào môi trường phát triển AppSheet ( appsheet.com).

2. Tạo và tuỳ chỉnh cơ sở dữ liệu AppSheet mới từ đầu

Để bắt đầu, bạn sẽ tạo và tuỳ chỉnh cơ sở dữ liệu AppSheet mới từ đầu bằng cách sử dụng cơ sở dữ liệu mặc định dành cho người mới bắt đầu của cơ sở dữ liệu đó. Điều này cho bạn cơ hội thử nghiệm trình chỉnh sửa cơ sở dữ liệu mà không làm hỏng bất kỳ bước nào sau này trong lớp học lập trình này.

  1. Chuyển đến trang chủ của AppSheet (appsheet.com) rồi nhấp vào Create > (Tạo) > Cơ sở dữ liệu > Cơ sở dữ liệu mới.

Cơ sở dữ liệu mới từ đầu

  1. Một cơ sở dữ liệu mẫu mới sẽ được tạo và trình chỉnh sửa cơ sở dữ liệu của AppSheet sẽ xuất hiện.

Hình ảnh một cơ sở dữ liệu mẫu mới trong trình chỉnh sửa cơ sở dữ liệu của AppSheet.

  1. Tuỳ chỉnh cơ sở dữ liệu bằng cách thay đổi tên của cơ sở dữ liệu từ Untitled Database (Cơ sở dữ liệu không có tiêu đề) thành Tasks DB (Cơ sở dữ liệu tác vụ). (Nhấp đúp vào tiêu đề mặc định, Cơ sở dữ liệu không có tiêu đề để chỉnh sửa tên của cơ sở dữ liệu.)
  2. Thay đổi tên của bảng Bảng 1 thành Việc cần làm. (Nhấp đúp vào thẻ đó để chỉnh sửa).
  3. Thay đổi cột đầu tiên từ Tiêu đề thành Việc cần làm.
  4. Thêm một bản ghi mới bằng cách nhấp vào dấu + ở góc trên bên trái .

Hình ảnh về cách thêm bản ghi mới bằng cách nhấp vào dấu + ở góc trên bên trái

  1. Hãy nhấp đúp vào cột Trạng thái để xem cách sử dụng Loại Enum và Loại mục trong trình đơn thả xuống.

Trình chỉnh sửa thuộc tính cho "Trạng thái" . Loại: "Enum" và Loại mục: "Trình đơn thả xuống" được sử dụng

  1. Không bắt buộc: Nhấp vào các nút sau dấu = để tô màu từng lựa chọn của trình đơn thả xuống.

Tô màu các lựa chọn của trình đơn thả xuống bằng công cụ chọn màu.

  1. Không bắt buộc: Thử nghiệm thêm với trình chỉnh sửa bằng cách thêm các lựa chọn mới cho Enum Trạng thái (nhấp vào Thêm lựa chọn) cùng với các màu mới.
  2. Không bắt buộc: Thử nghiệm với các loại cột khác nhau, chẳng hạn như Màu, Tiến trình, Có/KhôngĐiện thoại, sau đó quan sát hành vi của chúng.

Trình đơn theo bối cảnh cho tất cả các loại dữ liệu được hỗ trợ trong ASDB.

Bạn có thể thử nghiệm thêm với trình chỉnh sửa cơ sở dữ liệu. Trong các bước tiếp theo, bạn sẽ tạo một cơ sở dữ liệu mới.

3. Tạo và tuỳ chỉnh cơ sở dữ liệu mới bằng cách nhập từ một tệp Google Trang tính

Các bước tiếp theo dưới đây hướng dẫn cách nhập dữ liệu từ Google Trang tính.

Tạo cơ sở dữ liệu từ Trang tính

  1. Trước tiên, hãy tạo bản sao của Google Trang tính công khai này rồi đổi tên thành ASDB: IO Codelab.

Lưu ý rằng ứng dụng có hai thẻ là TasksOwners (Chủ sở hữu).

  1. Như trước đây, hãy truy cập vào trang chủ của AppSheet (appsheet.com) rồi nhấp vào Create (Tạo) > Cơ sở dữ liệu > Nhập từ Trang tính.

Tạo cơ sở dữ liệu từ tính năng nhập trang tính

  1. Trong Công cụ chọn tệp trên Google Drive, hãy chọn bản sao của Trang tính ASDB: IO Codelab hoặc bất kỳ tên nào mà bạn đặt tên cho trang tính đó.

Nhờ đó, hệ thống sẽ tạo một cơ sở dữ liệu mới của AppSheet dựa trên dữ liệu trong Trang tính.

Ảnh chụp màn hình cơ sở dữ liệu AppSheet đã tạo từ một Trang tính trong trình chỉnh sửa cơ sở dữ liệu.

Thêm nội dung tham chiếu vào bảng Tasks

Tiếp theo, bạn thêm tham chiếu đến bảng Chủ sở hữu từ bảng Công việc.

  1. Trong bảng Tasks (Công việc) của cơ sở dữ liệu AppSheet, hãy nhấp đúp vào cột Owner (Chủ sở hữu) để chỉnh sửa chế độ cài đặt.
  2. Thay đổi loại từ Text (Văn bản) thành References > Tệp đối chiếu.

đang chọn loại tham chiếu

  1. Đặt Bảng để tham chiếu làm Chủ sở hữu, rồi nhấp vào Lưu.

Hộp thoại để đặt Loại: Tham chiếu và Bảng tham chiếu: Chủ sở hữu

  1. Một cảnh báo sẽ xuất hiện về việc thay đổi loại cột. Trong trường hợp này, dữ liệu trong cột này tương thích với loại cột mới, nên bạn có thể nhấp vào để tiếp tục.

Hộp thoại thay đổi loại cột Có/Không.

  1. Sau đó, cơ sở dữ liệu AppSheet sẽ cố gắng so khớp các hàng tương ứng trong bảng Chủ sở hữu với các tên trong bảng Tasks. Vì tập dữ liệu này trùng khớp, nên cơ sở dữ liệu AppSheet phải điền thông tin tham chiếu chính xác đến các hàng Chủ sở hữu vào cột Chủ sở hữu.

Bảng công việc trong trình chỉnh sửa ASDB hiển thị đúng giá trị cột Chủ sở hữu.

  1. Để kiểm tra tham chiếu, hãy nhấp vào ô Chủ sở hữu và cập nhật ô đó thành một chủ sở hữu khác như Sarah.

Chọn Chủ sở hữu khác qua cửa sổ bật lên do tham chiếu cung cấp.

Sau khi chọn, giá trị mới (Sarah) sẽ xuất hiện trong ô Chủ sở hữu (trong bảng Việc cần làm).

Sau khi chọn một Chủ sở hữu khác, tên Chủ sở hữu, Sarah,  sẽ xuất hiện trong cột Chủ sở hữu của bảng Công việc.

Thay đổi cột Nhãn của bảng được tham chiếu

Cơ sở dữ liệu AppSheet cho phép bạn chọn một cột Nhãn cho bất kỳ bảng nào. Điều này cho phép bạn chỉ định cột nào bạn muốn xuất hiện trong bảng mẹ. Thao tác này cũng chi phối nội dung xuất hiện trong bảng gốc trong ứng dụng giao diện người dùng của AppSheet được liên kết. Vì vậy, thay vì hiển thị cột Tên trong bảng Chủ sở hữu trong bảng Công việc (minh hoạ trước đó), bạn có thể hiển thị cột Email trong bảng Chủ sở hữu.

  1. Để thực hiện việc này, hãy thay đổi cột Nhãn trong bảng Chủ sở hữu thành Email bằng cách di chuột ở bên phải tiêu đề cột Email rồi nhấp vào dấu ba chấm dọc.

Hình ảnh cho thấy dấu ba chấm dọc ở bên phải tiêu đề Cột.

Thao tác này sẽ gọi trình đơn theo ngữ cảnh của cột.

Trình đơn theo bối cảnh của cột xuất hiện với dòng chữ "Sử dụng cột làm nhãn" đã chọn.

  1. Chọn Dùng cột làm nhãn trên trình đơn theo bối cảnh để đặt nhãn cột thành cột Email.

Tiêu đề cột email với điểm đánh dấu nhãn Cột ở trên cùng bên trái của tiêu đề.

  1. Để biết cột Email được chọn làm nhãn cột tham chiếu đến bảng Công việc, hãy nhấp vào thẻ trong bảng Việc cần làm và để ý rằng cột Chủ sở hữu hiện hiển thị địa chỉ email. Bạn có thể phải làm mới trình duyệt để xem cột Chủ sở hữu được cập nhật.

Cột Chủ sở hữu trong bảng Công việc hiển thị các địa chỉ email do cột Email trong bảng Chủ sở hữu được giới thiệu được đặt làm nhãn cột.

4. Tạo ứng dụng AppSheet từ cơ sở dữ liệu AppSheet

Sau khi hoàn thành việc tuỳ chỉnh cơ sở dữ liệu, bạn có thể tạo ứng dụng AppSheet ngay trong cơ sở dữ liệu. Điều này rất hữu ích nếu bạn muốn có giao diện người dùng tuỳ chỉnh, cần thêm các chế độ tự động hoá hoặc bộ lọc bảo mật, v.v. Để thực hiện việc này, hãy làm như sau:

  1. Nhấp vào Apps (Ứng dụng) ở bên phải trình chỉnh sửa ASDB.

Ảnh chụp màn hình trình chỉnh sửa cơ sở dữ liệu AppSheet có mục "Ứng dụng" ở bên phải được làm nổi bật.

Thao tác này sẽ gọi trình đơn theo bối cảnh ở bên phải để tạo một ứng dụng mới.

Ảnh chụp màn hình vẫn giống như trước, nhưng với hộp thoại có nội dung "Ứng dụng AppSheet mới" .

  1. Nhấp vào Ứng dụng AppSheet mới để tạo một ứng dụng mới.

Ảnh chụp màn hình ứng dụng AppSheet đã tạo.

Khi ứng dụng được tạo, hãy lưu ý rằng ứng dụng có cảnh báo:

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

Nguyên nhân là do ứng dụng được tạo chỉ có bảng Tasks, còn cột Chủ sở hữu của ứng dụng tham chiếu đến một bảng không xác định, Chủ sở hữu.

Để khắc phục vấn đề này, hãy thêm bảng Chủ sở hữu vào ứng dụng AppSheet.

  1. Trên trang Dữ liệu trong trình chỉnh sửa của AppSheet, hãy nhấp vào dấu +.

Trang dữ liệu có dấu "+" biểu tượng được làm nổi bật.

  1. Trong trình đơn theo bối cảnh Thêm dữ liệu, hãy chọn Cơ sở dữ liệu của AppSheet làm nguồn dữ liệu.

Trình đơn thêm dữ liệu theo bối cảnh.

  1. Sau đó, chọn cơ sở dữ liệu ASDB: IO Codelab (Lớp học lập trình về IO) (hoặc bất kỳ tên nào mà bạn đã đặt tên cho cơ sở dữ liệu của mình trong các bước trước).

Chọn tuỳ chọn trình đơn cơ sở dữ liệu.

  1. Trong hộp thoại tiếp theo, hãy chọn hộp đánh dấu mặc định SELECT TẤT CẢ, sau đó nhấp vào Thêm vào ứng dụng.

Hộp thoại để chọn bảng Chủ sở hữu để thêm vào ứng dụng AppSheet.

Khi bảng Chủ sở hữu được thêm vào ứng dụng, lỗi Reference (Tham chiếu) không còn xuất hiện nữa.

Ảnh chụp màn hình ứng dụng AppSheet không có lỗi Tham chiếu.

  1. Giờ đây, bảng AppSheet mới có tên là Chủ sở hữu đã được thêm vào, bạn có thể tạo một Chế độ xem mới để hiển thị dữ liệu này bằng cách nhấp vào trang Chế độ xem trong AppSheet rồi nhấp vào dấu + bên cạnh mục Thao tác chính.

Trang Chế độ xem có dấu "+" biểu tượng được làm nổi bật.

  1. Trong hộp thoại Thêm chế độ xem mới, hãy nhấp vào Tạo chế độ xem mới

Thêm hộp thoại Xem mới.

  1. Khi chế độ xem mới được tạo, hãy đặt các tuỳ chọn sau:

Tên chế độ xem: Chủ sở hữu Đối với dữ liệu này: Chủ sở hữu Loại chế độ xem: bản trình bày

Xem trang chỉnh sửa trong chế độ xem Chủ sở hữu.

Xin chúc mừng, ứng dụng của bạn hiện đã hoàn tất!

  1. Để kiểm tra tệp tham chiếu giữa Tasks và Chủ sở hữu, hãy nhấp vào chế độ xem Chủ sở hữu hoặc chế độ xem Công việc trong bản xem trước trên thiết bị di động, sau đó chọn một bản ghi để xem các bản ghi (được tham chiếu) có liên quan.

Ảnh chụp màn hình ứng dụng AppSheet, trong đó bản xem trước trên thiết bị di động ở bên phải được làm nổi bật.

Ví dụ: bạn có thể nhấp vào chế độ xem Chủ sở hữu, sau đó nhấp vào một bản ghi để xem chi tiết cũng như xem các bản ghi Việc cần làm có liên quan.

Hình ảnh cho thấy cách chọn một Chủ sở hữu và xem chi tiết để xem một Việc cần làm có liên quan.

5. Thay đổi cơ sở dữ liệu và tạo lại bảng Tasks

Bây giờ, bạn đã tạo cơ sở dữ liệu AppSheet và tạo một ứng dụng mới từ cơ sở dữ liệu đó, hãy thử chỉnh sửa một bảng trong cơ sở dữ liệu. Thay đổi loại dữ liệu trong cột và quan sát những gì xảy ra trong ứng dụng AppSheet đã liên kết.

  1. Trong bảng Công việc trong cơ sở dữ liệu, hãy thay đổi loại cột Ngày đến hạn thành Ngày và giờ > Ngày.

Thay đổi loại cột Ngày đến hạn của bảng Công việc thành Ngày trong trình chỉnh sửa ASDB.

Lưu ý khi quay lại ứng dụng AppSheet, ứng dụng này phát hiện thấy cơ sở dữ liệu đã được cập nhật kèm theo một cảnh báo:

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

Trình chỉnh sửa của AppSheet phát hiện thấy sự thay đổi giản đồ trong cơ sở dữ liệu và đưa ra cảnh báo.

  1. Để tạo lại, hãy nhấp vào biểu tượng tạo lại d1a956498c05d75f.png ở góc trên bên phải.
  2. Thao tác này sẽ kích hoạt hộp thoại cảnh báo:

Hộp thoại cảnh báo tạo lại.

  1. Nhấp vào Tạo lại để tiếp tục. Thao tác này sẽ cập nhật loại cột Ngày đến hạn trong ứng dụng thành loại Ngày và bật phần tử nhập bộ chọn ngày trong Biểu mẫu Chỉnh sửa cho bản ghi việc cần làm.

Biểu mẫu chỉnh sửa ứng dụng AppSheet cho thấy phần tử nhập dữ liệu DatePicker.

6. Xin chúc mừng

Bạn đã hoàn thành lớp học lập trình về cơ sở dữ liệu AppSheet (ASDB)!

Tài liệu đọc thêm