Nhà thiết kế ứng dụng web

Nhấn vào đây để sao chép

Trình thiết kế ứng dụng web là một thành phần của AppMaster.io, được chỉ định để tạo bảng quản trị và ứng dụng web một trang (SPA). Ý tưởng chính đằng sau Trình thiết kế ứng dụng web là cho phép bạn thiết kế chính xác bảng điều khiển quản trị hoặc giao diện hướng tới khách hàng, cổng thông tin khách hàng, v.v.

Tại thời điểm bạn đang thêm các mô hình dữ liệu mới và lưu lược đồ, AppMaster.io sẽ tự động tạo các Trang ứng dụng web có liên quan để bạn giảm thiểu các nỗ lực bổ sung. Mỗi Ứng dụng web là một ứng dụng một trang VueJS, được tạo bởi nền tảng AppMaster.io và được xuất bản cùng với tệp nhị phân phụ trợ.

Một ứng dụng web điển hình bao gồm một số phần và nhiều thành phần. Bạn có thể kéo các thành phần mới từ bảng phía trên đến các vùng được chỉ định bên trong canvas ứng dụng. Ngoài ra, bạn có thể sắp xếp các thành phần hiện có bên trong trang Ứng dụng web, thay đổi cách lồng thành phần, v.v.

  1. Có một số phần trên canvas nơi có thể đặt các thành phần. Phần thả bên trái có tiêu đề Menu chính (màu cam) được thiết kế để đặt các trang mới, sẽ tạo thành menu điều hướng chính của ứng dụng web của bạn. Không có thành phần nào khác ngoại trừ các trang có thể được thả vào phần thả này.
  2. Phần thả bên trái có tiêu đề Thành phần ứng dụng (màu xanh lục) được thiết kế để đặt các trang sẽ không hiển thị cho người dùng nhưng vẫn có sẵn cho trình xử lý phương thức và điều hướng. Không có thành phần nào khác ngoại trừ các trang và phương thức có thể được thả vào phần thả này.
  3. Phần trên và dưới dành cho đầu trang và chân trang và hiển thị bất kể trang hiện được chọn. Thực hành tốt là đặt các thành phần bên trong các phần này để người dùng có thể nhìn thấy chúng.
  4. Phần trung tâm của canvas được thể hiện bằng nội dung trang và các thành phần trang. Nó thuộc về trang đang được chọn từ menu chính. Mục menu có liên quan phải được chọn để xem nội dung trang.
  5. Phần thành phần trang chỉ dành riêng để đặt các thành phần phương thức.
  6. Phần cấu hình ứng dụng cho phép định cấu hình tham số ủy quyền/đăng ký, tạo logic nghiệp vụ, biến toàn cục và thiết lập trình kích hoạt cho các sự kiện của ứng dụng.
  7. Tập hợp các thành phần bạn có thể sử dụng để thiết kế giao diện web của mình.

Khi tất cả các thành phần cần thiết được đặt trên canvas - nhấn nút Lưu để lưu lược đồ Ứng dụng Web.

Thông tin xác thực mặc định

Thông tin đăng nhập mặc định để ủy quyền Ứng dụng web là: Đăng nhập: [email protected] Mật khẩu: appmaster