EmberJS - Người mẫu
Model là một lớp mở rộng chức năng của Dữ liệu Ember. Khi người dùng làm mới trang, nội dung của trang phải được thể hiện bằng một mô hình. Trong Ember.js, mọi tuyến đường đều có một mô hình liên kết. Mô hình giúp cải thiện hiệu suất của ứng dụng. Dữ liệu Ember thao tác dữ liệu được lưu trữ trong máy chủ và cũng hoạt động dễ dàng với các API trực tuyến như socket.io và Firebase hoặc WebSockets.
Khái niệm cốt lõi
- Store
- Models
- Records
- Adapter
- Caching
Cửa hàng
Cửa hàng là một kho lưu trữ trung tâm và bộ nhớ cache của tất cả các bản ghi có sẵn trong một ứng dụng. Tuyến đường và bộ điều khiển có thể truy cập dữ liệu được lưu trữ của ứng dụng của bạn. DS.Store được tạo tự động để chia sẻ dữ liệu giữa toàn bộ đối tượng.
import Ember from 'ember';
export default Ember.Route.extend ({
model() {
return this.store.find();
}
});
Mô hình
Mô hình là một lớp mở rộng chức năng của Dữ liệu Ember, xác định mối quan hệ với các đối tượng khác. Khi người dùng làm mới trang, nội dung của trang phải được thể hiện bằng một mô hình.
import DS from 'ember-data';
export default DS.Model.extend ({
owner: DS.attr(),
city: DS.attr()
});
Hồ sơ
Bản ghi là một phiên bản của mô hình bao gồm thông tin, được tải từ máy chủ và bạn có thể xác định bản ghi theo loại mô hình và ID của nó .
//It finds the record of type 'person' and an 'ID' of 1
this.get('store').findRecord('person', 1); // => { id: 1, name: 'steve-buscemi' }
Bộ chuyển đổi
Bộ điều hợp là một đối tượng chịu trách nhiệm dịch các bản ghi được yêu cầu từ Ember thành các lệnh gọi thích hợp đến phần phụ trợ máy chủ cụ thể. Ví dụ: nếu bạn muốn tìm một người có ID là 1, thì Ember sẽ tải URL bằng cách sử dụng HTTP dưới dạng / person / 1 .
Bộ nhớ đệm
Các bản ghi có thể được lưu trữ tự động trong bộ nhớ cache và trả về cùng một thể hiện đối tượng khi bạn tải các bản ghi từ máy chủ lần thứ hai. Điều này cải thiện hiệu suất của ứng dụng của bạn và hiển thị giao diện người dùng ứng dụng cho người dùng nhanh nhất có thể.
Bảng sau liệt kê chi tiết về các mô hình:
Không. | Cách thức & Mô tả Mô hình |
---|---|
1 | Xác định mô hình Mô hình là một lớp đơn giản mở rộng chức năng của Dữ liệu Ember. |
2 | Tìm hồ sơ Bạn có thể truy xuất các bản ghi bằng cách sử dụng kho dữ liệu Ember. |
3 | Tạo và xóa hồ sơ Bạn có thể tạo và xóa các bản ghi trên phiên bản của mô hình. |
4 | Các mối quan hệ Ember.js cung cấp các kiểu quan hệ để chỉ định cách các mô hình liên quan với nhau. |
5 | Đẩy hồ sơ vào cửa hàng Bạn có thể đẩy các bản ghi vào bộ nhớ cache của cửa hàng mà không cần yêu cầu bản ghi từ một ứng dụng. |
6 | Xử lý siêu dữ liệu Siêu dữ liệu là dữ liệu được sử dụng cho mô hình hoặc kiểu cụ thể thay vì sử dụng bản ghi. |
7 | Tùy chỉnh bộ điều hợp Bộ điều hợp Ember.js chỉ định cách dữ liệu được lưu giữ tại kho dữ liệu phụ trợ như định dạng URL và tiêu đề REST API. |