简介
ember-parse-adapter 是一个基于 Parse 后端服务的 Ember.js 应用程序的适配器。
本教程将介绍如何在 Ember.js 项目中安装并使用 ember-parse-adapter，以及如何使用它来创建、读取、更新和删除 Parse 上的对象。
安装
在新的 Ember.js 应用程序中使用 npm 安装 ember-parse-adapter：
npm install ember-parse-adapter --save-dev
使用方法
首先，在您的 Ember 应用程序中，您需要向适配器提供 Parse 后端服务的应用程序 ID 和 JavaScript 密钥。您可以在 Parse 控制台 上找到这些凭据。
请先在 app/adapters/application.js 中输入以下内容：
-- -------------------- ---- ------- ------ -- ---- ------------- ------ ----- ---- -------- ------ ------------ ---- ------------------------------------- ------ ------- --------------------- -------------- ------------- ----- -------------- ------------ ------ ---------- -------- ------ ---
然后，您需要在您的应用程序中, 用 Ember 对象模型（Ember's Object Model）定义任何需要持久化的对象。每个 Model 的定义都应该适配 Parse 中的一个对象类。下面是一个例子：
import DS from 'ember-data';
export default DS.Model.extend({
// define your attributes here
name: DS.attr('string'),
age: DS.attr('number')
});接下来，您需要创建与 Parse 上的对象对应的一个 Model。
-- -------------------- ---- ------- ------ -- ---- ------------- ------ ------- ----------------- --------- ------------------ ----- ------------------ ---- ------------------ ---------- ---------------- ---------- --------------- ---
接下来，您需要更新路由以从 Parse 加载数据。例如，假设您有一个 People 路由，您需要用以下代码更新它。
-- -------------------- ---- -------
-- --------------------
------ ----- ---- --------
------ ------- --------------------
------ ---------- -
-- -------- ------- ----- --- ---- ---- --- -----
------ --------------------------
-
---在上面的示例中，Store 通过 ember-parse-adapter 进行了配置，以使用 Parse 适配器。find 方法将调用 Parse REST API 获取所有 'person' 类型对象。
现在，您可以使用 Ember 的表单辅助器（form helpers）来创建、更新或删除持久化对象。
下面是一个 simple 的表格，您可以在其中通过点击一个“新建”按钮打开一个表单来创建新对象。
-- -------------------- ---- -------
-------
-------
----
-------------
------------
---------
-----
--------
-------
------- ------ -- -------
----
------------------------
-----------------------
----------- -------- -------------- -----------------------------
-----
---------
--------
--------
------- -------- ----------------- ---------------
----- ------------
--------- ---------------
-------
----- -----------
--------- ---------------
-------在新建表单所包含的 partial 中，您需要使用以下代码。
-- -------------------- ---- ------- ----- ---------------------- ---- -------- -- -------- ------ --- ------- ------------------ ------- ----------------- ------- -------- ------------ --------------------- ------- -------- -------------------------------- -------- ---- -------- - --- ------ --- ------- ------------ ------- ----------- ------- -------- -------------- ---------------------- ------- -------- -------------------------------- -------
最后，需要在路由中创建这些 action。
-- -------------------- ---- -------
-- --------------------
------ ----- ---- --------
------ ------- --------------------
------ ---------- -
-- ------------- ----
------ --------------------------
--
-------- -
---------- ---------- -
--- --------- - ----------------------------------
---------------------------- -----------
--------------------------------- ------
--
------------- --------------- -
-- ------------- ----
--- ---- - -----
---------------------------- -
--------------------------------- -------
---
--
------------- ---------- -
--------------------------------------------
--------------------------------- -------
--
------------- --------------- -
-- ------------- ----
----------------------
--
----------- --------------- -
-------------------------------- ------
--
----------- --------------- -
-- ------------- ----
--- ---- - -----
---------------------------- -
-------------------------------- -------
---
--
------------- ---------- -
----------------------------------------
-------------------------------- -------
-
-
---在上面的代码中，您可以看到如何使用 ember-parse-adapter 在 Parse 中创建、读取、更新和删除对象。
总结
在本教程中，您了解了如何在 Ember.js 应用程序中使用 ember-parse-adapter npm 包。您已经学习了如何安装 ember-parse-adapter，如何在应用程序中定义 Model，并如何使用 Ember 表单辅助函数来创建、读取、更新和删除持久化对象。
希望本教程对您在实践中运用 ember-parse-adapter 有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e16a563576b7b1eca6e