Ember.js 是一个用于构建可扩展、高效的前端应用的 JavaScript 框架。在 Ember.js 中,处理数据的核心概念是使用模型(Models)、集合(Collections)和服务(Services)。以下是 Ember.js 处理数据的一些关键方法:
- 模型(Models):模型是 Ember.js 中表示数据的对象。每个模型都对应一个数据库表或集合,并包含一组属性(Attributes)和关联(Relationships)。要定义一个模型,可以使用 Ember CLI 自动生成工具:
ember generate model user
这将创建一个名为 user.js
的模型文件,以及一个对应的测试文件和模板文件。模型文件中的 import Model, { attr } from '@ember-data/model';
语句导入了 Ember Data 的模型基类,并通过 attr()
方法定义模型的属性。例如:
import Model, { attr } from '@ember-data/model'; export default class UserModel extends Model { @attr('string') name; @attr('number') age; }
- 集合(Collections):集合是模型对象的容器,用于处理模型的添加、删除和查找等操作。在 Ember.js 中,通常使用
ember-data
库提供的DS.Model
和DS.Collection
类来处理模型集合。例如:
import Model, { attr } from '@ember-data/model'; import Collection from '@ember-data/collection'; export default class UserModel extends Model { // ... } export default class UserCollection extends Collection { model = UserModel; }
- 服务(Services):服务是用于在应用程序的不同部分共享数据和逻辑的组件。要在 Ember.js 中创建一个服务,可以使用 Ember CLI 自动生成工具:
ember generate service current-user
这将创建一个名为 current-user.js
的服务文件,以及一个对应的测试文件。服务文件中的 import Service from '@ember/service';
语句导入了 Ember 的服务基类。例如:
import Service from '@ember/service'; import { tracked } from '@glimmer/tracking'; export default class CurrentUserService extends Service { @tracked user = null; }
在组件或服务中,可以通过依赖注入(Dependency Injection)的方式使用当前用户服务。例如,在控制器中:
import Controller from '@ember/controller'; import { inject as service } from '@ember/service'; export default class UserController extends Controller { @service currentUser; }
然后,可以在控制器的方法中使用 currentUser.user
访问当前用户的数据。
总之,Ember.js 通过模型、集合和服务处理数据。模型表示应用程序的数据结构,集合用于处理模型的集合操作,而服务则用于在应用程序的不同部分共享数据和逻辑。