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 SQLite 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, BigQuery và Cloud SQL. Cơ sở dữ liệu AppSheet là lựa chọn dữ liệu mặc định 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 được nhập từ một Trang tính trên Google.
  • 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 AppSheet.
  • Cách sửa đổi cơ sở dữ liệu và tạo lại 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 sẽ hướng dẫn bạn cách tạo và tuỳ chỉnh một 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 một 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, video này cho thấy cách sửa đổi một 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 một 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. Nhờ đó, bạn có thể thử nghiệm với trình chỉnh sửa cơ sở dữ liệu mà không làm gián đoạn 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 hoàn toàn

  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ề một 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ừ Cơ sở dữ liệu chưa có tiêu đề thành Cơ sở dữ liệu việc cần làm. (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. Đổ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 cùng bên trái .

Hình ảnh minh hoạ cách thêm bản ghi mới bằng cách nhấp vào dấu + ở góc trên cùng 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 trong trình đơn 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: "Dropdown" được 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 trong trình đơn thả xuống.

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

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ể tuỳ ý thử nghiệm thêm bằng 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 này cho biết cách nhập dữ liệu từ một Google Trang tính.

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

  1. Trước tiên, hãy sao chép Google Trang tính công khai này rồi đổi tên thành ASDB: IO Codelab.

Lưu ý rằng danh sách này có hai thẻ: Tasks (Việc cần làm) và Owners (Chủ sở hữu).

  1. Như trước đây, hãy chuyển đến trang chủ AppSheet ( appsheet.com), sau đó 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 vào Trang tính

  1. Trong Trình chọn tệp của Google Drive, hãy chọn bản sao của Trang tính ASDB: IO Codelab hoặc bất cứ tên nào bạn đặt cho tệp đó.

Thao tác này sẽ tạo ra một cơ sở dữ liệu AppSheet mới 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 thông tin tham chiếu vào bảng Tasks

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

  1. Trong bảng Tasks (Việc cần làm) 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 này.
  2. Thay đổi loại từ Text (Văn bản) thành References > Reference (Tài liệu tham khảo > Tài liệu tham khảo).

chọn loại người giới thiệu

  1. Đặt Bảng để tham chiếu thành 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, vì vậy, bạn có thể nhấp vào Có để tiếp tục.

Hộp thoại Thay đổi loại cột thành 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 Owners với tên trong bảng Tasks. Vì tập dữ liệu này khớp, nên cơ sở dữ liệu AppSheet sẽ điền cột Chủ sở hữu bằng các thông tin tham chiếu chính xác đến các hàng Chủ sở hữu.

Bảng việc cần làm trong trình chỉnh sửa ASDB cho thấy giá trị chính xác của cột Chủ sở hữu.

  1. Để kiểm tra thông tin 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ài liệu tham khảo 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 Công việc).

Sau khi bạn 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 Việc cần làm.

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 mọi bảng. Đ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 những gì xuất hiện trong bảng mẹ trong một ứ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 trong bảng Chủ sở hữu trong bảng Việc cần làm (như đã trình bày 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 sang 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 minh hoạ dấu ba chấm dọc ở bên phải Tiêu đề cột.

Thao tác này sẽ kích hoạt trình đơn theo bối cảnh của cột.

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

  1. Chọn Sử 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 có dấu đá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 cập nhật.

Cột Chủ sở hữu của bảng Việc cần làm cho thấy địa chỉ email vì cột Email của bảng Chủ sở hữu được tham chiế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 tất việc tuỳ chỉnh cơ sở dữ liệu, bạn có thể tạo một ứ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 tuỳ chỉnh, cần thêm các bộ lọc tự động hoá hoặ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 Ứng dụng ở bên phải của 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 tương tự như trước, nhưng có hộp thoại chứa 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 được 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 và cột Owner có một tham chiếu đến một bảng không xác định, Owners.

Để 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. Trong trang Data (Dữ liệu) trong trình chỉnh sửa AppSheet, hãy nhấp vào +.

Trang dữ liệu có 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 AppSheet làm nguồn dữ liệu.

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

  1. Sau đó, chọn cơ sở dữ liệu ASDB: IO Codelab (hoặc bất cứ 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 mục cơ sở dữ liệu trong trình đơn.

  1. Trong hộp thoại tiếp theo, hãy chọn hộp đánh dấu CHỌN TẤT CẢ mặc định, rồi 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 Tham chiếu sẽ 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, sau khi thêm bảng Chủ sở hữu mới của AppSheet, 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 + bên cạnh THANH Đ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 Thêm chế độ xem mới, hãy nhấp vào Tạo chế độ xem mới

Hộp thoại Thêm chế độ xem mới.

  1. Khi tạo chế độ xem mới, hãy đặt các lựa 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: deck

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 Nhiệm vụ và Chủ sở hữu, hãy nhấp vào chế độ xem Chủ sở hữu hoặc chế độ xem Nhiệm vụ trong bản xem trước trên thiết bị di động, rồi 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 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, rồi nhấp vào một bản ghi để truy sâu và xem các bản ghi Việc cần làm có liên quan.

Hình ảnh cho thấy việc chọn một Chủ sở hữu và xem chi tiết để thấy một Công việc liên quan.

5. Sửa đổi cơ sở dữ liệu và tạo lại bảng Việc cần làm

Bây giờ, sau khi tạo một 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ử sửa đổ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 Việc cần làm thành Ngày trong trình chỉnh sửa ASDB.

Khi bạn quay lại ứng dụng AppSheet, hãy lưu ý rằng ứ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 một 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 d1a956498c05d75f.png tạo lại ở góc trên cùng 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ột Ngày đến hạn trong ứng dụng thành loại Ngày và cho phép phần tử đầu vào của 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 cho thấy 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