Bảng theo dõi Cây trồng
Quản lý bộ sưu tập cây trồng của bạn và đảm bảo chúng luôn khỏe mạnh với bảng điều khiển theo dõi lịch tưới nước và các bước chăm sóc.
Bản demo trực tiếp
Ví dụ thực tế này cho thấy tài liệu Craft và ứng dụng Lovable trông như thế nào:
Chức năng ghi đã bị vô hiệu hóa trong bản demo.
Được xây dựng với Craft và Lovable
Tự xây dựng
Trong ví dụ này, chúng ta sẽ sử dụng Craft để quản lý bộ sưu tập tất cả các loại cây và nhu cầu của chúng, và Lovable để tạo một bảng điều khiển đẹp mắt giúp chúng ta dễ dàng biết được cây nào cần được chăm sóc.
Bước 1 — Tạo tài liệu của bạn
Các loại cây của chúng tôi được lưu trữ trong một Bộ sưu tập trong tài liệu Craft. Với mỗi cây, chúng tôi thêm thông tin về loại cây, phòng đặt cây, tần suất tưới nước và lần tưới nước gần nhất. Tất nhiên, bạn có thể điều chỉnh bộ sưu tập và thêm các trường thông tin mà bạn muốn theo dõi về cây của mình.
Sử dụng mẫu này để tạo tài liệu mới với bộ sưu tập cho bảng điều khiển cây trồng của bạn:
Bước 2 — Cho phép truy cập API
Kích hoạt quyền truy cập API cho tài liệu của bạn để nhận được một URL duy nhất, có thể được sử dụng để đọc và thêm dữ liệu vào tài liệu.
Bước 1
Bước 2
Bước 3
Bước 4
Bước 5
Bước 6
Bước 3 — Xây dựng với Lovable
Bây giờ chúng ta hãy tiếp tục xây dựng trang web thực tế cho bảng điều khiển của mình trên Lovable. Đối với trang web ví dụ được hiển thị ở trên, chúng ta đã sử dụng gợi ý này:
Tôi muốn tạo một bảng điều khiển để theo dõi các cây của tôi.
Thông tin được lưu trữ trong Craft. Vui lòng kiểm tra tệp đính kèm — trong đó có ví dụ về trạng thái hiện tại của tài liệu “Plant Dashboard” trong Craft, cũng như tài liệu API mà bạn cần dùng để lấy và cập nhật dữ liệu cây. Hãy đọc kỹ hướng dẫn API và tuân thủ đúng cách sử dụng.
Bảng điều khiển cần hiển thị tổng quan về tất cả các cây, mỗi cây có một hình minh họa nhỏ và một thanh tiến độ/hẹn giờ để cho biết khi nào cần tưới nước. Tôi muốn có khả năng sắp xếp cây theo thứ tự thủ công, theo phòng, và theo mức độ khẩn cấp — với mặc định là theo mức độ khẩn cấp.
Mỗi cây cần có một nút “Đã tưới”, và khi nhấn vào nút này thì ngày tưới nước cuối cùng phải được cập nhật trong Craft.
Đi đến Lovable và dán đoạn prompt hướng dẫn vào ô nhập liệu. Hãy nhớ đính kèm gói AI Bundle của tài liệu mà chúng ta vừa tải xuống.
Lovable bắt đầu phân tích nội dung gói để hiểu cấu trúc tài liệu và cách sử dụng API. Sau đó, nó bắt đầu xây dựng trang web theo yêu cầu của chúng ta.
Giờ đây chúng ta đã có một trang web tuyệt đẹp hiển thị thông tin về cây trồng và tình trạng sức khỏe của chúng, đồng thời cho phép chúng ta đánh dấu trạng thái đã tưới nước ngay từ bảng điều khiển!
