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 của bên thứ nhất của AppSheet để sắp xếp và quản lý dữ liệu hỗ trợ các ứng dụng AppSheet. Giao diện và hiệu suất được cải thiện của AppSheet mang đến trải nghiệm tốt hơn cho cả nhà sáng 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 AppSheet.
  • Cách tạo ứng dụng AppSheet từ cơ sở dữ liệu của AppSheet.
  • Cách thay đổi cơ sở dữ liệu và tạo lại các bảng trong AppSheet để tính đến các thay đổi về 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 AppSheet mới, trước tiên là từ đầu bằng dữ liệu mặc định do cơ sở dữ liệu AppSheet cung cấp, sau đó là từ dữ liệu hiện có trong Google Trang tính. Sau đó, hướng dẫn này sẽ trình bày cách tạo một ứng dụng AppSheet mới từ cơ sở dữ liệu AppSheet. Cuối cùng, phần này sẽ hướng dẫn cách thay đổi bảng cơ sở dữ liệu trong trình chỉnh sửa cơ sở dữ liệu, sau đó 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 tạo và tuỳ chỉnh cơ sở dữ liệu AppSheet mới từ đầu bằng cơ sở dữ liệu ban đầu mặc định. Điều này giúp bạn có cơ hội thử nghiệm với 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.

  1. Chuyển đến trang chủ của AppSheet ( appsheet.com) rồi nhấp vào 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 AppSheet sẽ xuất hiện.

Hình ảnh về cơ sở dữ liệu mẫu mới trong trình chỉnh sửa cơ sở dữ liệu 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 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 bản ghi mới bằng cách nhấp vào biểu tượng + ở 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. 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 thả xuống.

Trình chỉnh sửa thuộc tính cho cột "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 cho từng tuỳ chọn trong trình đơn thả xuống.

Tô màu các tuỳ chọn 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 nhiều loại cột như Màu, Tiến trình, Có/KhôngĐiện thoại, sau đó quan sát hành vi của các cột đó.

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ừ Google Trang tính

Các bước tiếp theo sẽ 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 sao chép Trang tính Google công khai này rồi đổi tên thành ASDB: IO Codelab.

Lưu ý rằng trang này có hai thẻ là Việc cần làmChủ 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 Tạo > Cơ sở dữ liệu > Nhập từ Trang tính.

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

  1. Trong Trình 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 bạn đặt cho trang tính đó.

Thao tác này sẽ tạo một cơ sở dữ liệu AppSheet mới được tạo từ dữ liệu trong Trang tính.

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

Thêm tệp tham chiếu vào bảng Tasks

Tiếp theo, bạn thêm một tệp tham chiếu đến bảng Chủ sở hữu từ bảng Việc cần làm.

  1. Trong bảng Tasks (Nhiệm vụ) trong 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 của cột đó.
  2. Thay đổi loại từ Văn bản thành Tham chiếu > Tham chiếu.

chọn loại tệp đối 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: Tài liệu tham khảo 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 tên trong bảng Tác vụ. Vì tập dữ liệu này khớp nên cơ sở dữ liệu AppSheet sẽ điền sẵn các tệp 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 thử tệp tham chiếu, hãy nhấp vào một ô Chủ sở hữu rồi cập nhật ô đó thành một chủ sở hữu khác, chẳng hạn như Sarah.

Chọn một Chủ sở hữu khác thông qua cửa sổ bật lên do tệp đối chiếu cung cấp.

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

Sau khi chọn một Chủ sở hữu khác, tên của Chủ sở hữu, Sarah,  sẽ xuất hiện trong cột Chủ sở hữu của bảng Tasks (Nhiệm vụ).

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 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 mà bạn muốn xuất hiện trong bảng mẹ. Điều này cũng chi phối nội dung hiển thị trong bảng mẹ trong ứng dụng giao diện người dùng AppSheet được liên kết. Vì vậy, thay vì hiển thị cột Tên từ bảng Chủ sở hữu trong bảng Việc cần làm (như đã trình bày ở trên), bạn có thể hiển thị cột Email từ 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 qua bên phải tiêu đề cột Email rồi nhấp vào dấu chấm lửng dọc.

Hình ảnh cho thấy dấu chấm lửng 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 lựa chọn "Sử dụng cột làm nhãn".

  1. Chọn Use column as label (Sử dụng cột làm nhãn) trên trình đơn theo bối cảnh để đặt column label (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. Để xem cột Email được chọn làm nhãn cột tham chiếu đến bảng Việc cần làm, hãy nhấp vào thẻ bảng Việc cần làm và lưu ý 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 để thấy cột Chủ sở hữu đã 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 tuỳ chỉnh cơ sở dữ liệu xong, bạn có thể tạo ứng dụng AppSheet ngay trong cơ sở dữ liệu. Điều này sẽ hữu ích nếu bạn muốn có giao diện người dùng phía trước tuỳ chỉnh, cần thêm tính năng 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, trong đó nút "Ứ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 giống như trước, nhưng có hộp thoại có nút "Ứ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ó một 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.

Điều này là do ứng dụng được tạo chỉ có bảng Tasks (Việc cần làm) và cột Owner (Chủ sở hữu) của ứng dụng này có tham chiếu đến một bảng không xác định là Owners (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 AppSheet, hãy nhấp vào biểu tượng +.

Trang dữ liệu có biểu tượng dấu "+" đượ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.

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

  1. Sau đó, chọn cơ sở dữ liệu ASDB: IO Codelab (hoặc bất kỳ tên nào bạn đã đặt cho cơ sở dữ liệu của mình ở 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 SELECT ALL (CHỌN TẤT CẢ) mặc định, sau đó nhấp vào Add to app (Thêm vào ứng dụng).

Hộp thoại để chọn bảng Chủ sở hữu cần 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, khi đã thêm bảng AppSheet Owners (Chủ sở hữu) mới, 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 Views (Chế độ xem) trong AppSheet rồi nhấp vào biểu tượng + bên cạnh PRIMARY NAVIGATION (ĐIỀU HƯỚNG CHÍNH).

Trang Lượt xem, trong đó biểu tượng "+" được làm nổi bật.

  1. Trong hộp thoại Add a new view (Thêm thành phần hiển thị mới), hãy nhấp vào Create a new view (Tạo thành phần hiển thị mới)

Thêm hộp thoại Chế độ xem mới.

  1. Khi thành phần hiển thị mới được tạo, hãy thiết lập 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 cho 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 thử mối quan hệ tham chiếu giữa Tác vụ và Chủ sở hữu, hãy nhấp vào chế độ xem Chủ sở hữu hoặc chế độ xem Tác vụ trong bản xem trước dành cho thiết bị di động, sau đó chọn một bản ghi để xem các bản ghi có liên quan (được tham chiếu).

Ảnh chụp màn hình ứng dụng AppSheet, trong đó bản xem trước dành cho 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 và 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 (Việc cần làm)

Giờ đây, 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ử thay đổi một bảng trong cơ sở dữ liệu. Thay đổi loại dữ liệu của một cột và quan sát những gì xảy ra trong ứng dụng AppSheet được liên kết.

  1. Trong bảng Tasks (Việc cần làm) trong cơ sở dữ liệu, hãy thay đổi loại của cột Due Date (Ngày đến hạn) thành Date and time > Date (Ngày và giờ > Ngày).

Thay đổi loại của cột Ngày đến hạn trong bảng Task (Việc cần làm) thành Date (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 thay đổi về 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 một hộp thoại cảnh báo:

Hộp thoại cảnh báo về việc 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ủa 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 các bản ghi Việc cần làm.

Biểu mẫu chỉnh sửa ứng dụng AppSheet hiển thị phần tử đầu vào DatePicker.

6. Xin chúc mừng

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

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