Question

我正在尝试编写一个Ember CLI应用程序，该应用程序与使用Django-Rest-Framework开发的REST API进行对话。我尝试将ember-django-adapter作为我的ember应用程序的数据包，但是我找不到关于如何配置和编写模型以使用此数据适配器的示例代码。有人可以请帮助。这是EDA代码https://github.com/dustinfarris/ember-django-adapter。

我在ember应用程序方面所做的一切就是创建新的应用程序，并按照http://dustinfarris.com/ember-django-adapter/configuring/的建议更改配置：

<Biml xmlns="http://schemas.varigence.com/biml.xsd">
    <Packages>
        <Package Name="TreeMango">
            <Variables>
                <Variable DataType="String" Name="CurrentFileName">mixed</Variable>
            </Variables>
            <Tasks>
                <ForEachFileLoop 
                    Folder="C:\SSISData\so\32061364" 
                    FileSpecification="Tree_?_Mango" 
                    Name="FELC Tree Mango">
                    <VariableMappings>
                        <VariableMapping VariableName="User.CurrentFileName" Name="0" />
                    </VariableMappings>
                </ForEachFileLoop>
            </Tasks>
        </Package>
    </Packages>
</Biml>

但是这个文档，并没有说明如何为ember配置数据适配器！如果有办法让ember js和django-rest-framework谈话，请告诉我。

感谢。

Answer 1

在使用Ember-data之前，我建议你使用jQuery创建一个基本的Ajax调用。

第1步（使用jQuery调用基本的AJAX）：

route.js ：

model() {
    return Ember.$.getJSON("/api/v1/foo");
}

第2步（使用foo使用正确的适配器创建模型ActiveModelAdapter）：

模型/ foo.js ：

import DS from 'ember-data';
 var attr = DS.attr;
 export default DS.Model.extend({
     bar: attr('string'),
     isTest: attr('boolean')
 });

适配器/ foo.js ：

import DS from 'ember-data';
 import config from 'shippo-frontend/config/environment';
 import Ember from 'ember';
 export default DS.ActiveModelAdapter.extend({
   namespace: 'api/v1',
   host: apiUrl 
});

第3步（通过Ember-data调用替换您的jQuery调用）：

route.js ：

model() {
  return this.get('store').findAll('foo');
}

备注：

active-model-adapter允许您将snake_keys转换为camelCaseKeys。 https://github.com/ember-data/active-model-adapter

如果您需要对来自Django的数据进行其他修改，请创建serializers/foo.js并使用有效负载。

ember-django-adapter代码示例

1 个答案: