7. Используем фикстуры

Теперь мы добавим фикстуры. Фикстуры - тестовые статические данные для тестирования нашего приложения, прежде чем подключать реальные данные.

Во-первых, отредактировать  js/application.js чтобы указать, что ApplicationAdapter вашего приложения является продолжением DS.FixtureAdapter. Адаптеры ответственные за поддержание связи с источником данных для вашего приложения. Как правило, это будет API веб-сервиса, но в данном случае мы используем адаптер, предназначенный для загрузки тестовых данных:

6. СОЗДАЕМ МОДЕЛЬ ДАННЫХ

Затем мы создадим класс модели для описания Todo элементов.

Создайте файл в js/model/todo.js а затем вставьте следующий код внутри:

Todos.Todo = DS.Model.extend({
 title: DS.attr('string'),
 isCompleted: DS.attr('boolean')
});

5. ДОБАВЛЯЕМ ПЕРВЫЙ МАРШРУТ И ШАБЛОН

Далее, мы создадим приложение Ember.js, маршрут ('/'), а также переконвертируем наш статический макет в Handlebars  шаблон.

Внутри каталога js, добавьте файл приложения application.js и файл маршрутизатора router.js. Вы можете разместить эти файлы где угодно (даже просто положить весь код в один файл), но это руководство предполагает, что вы разделили их на  файлы и назвали их, как указано.


Внутри js/application.js добавьте следующий код:

window.Todos = Ember.Application.create();

Это создаст новый экземпляр Ember.Application и сделать его доступным в качестве переменной имени Todos в JavaScript среде браузера.
Внутри JS / router.js добавьте следующий код:

Todos.Router.map(function() {
 this.resource('todos', { path: '/' });
});

4. ПОЛУЧЕНИЕ EMBER.JS ЗАВИСИМОСТЕЙ

TodoMVC имеет следующие зависимости:

jQuery
Handlebars
Ember.js 1.3
Ember Data 1.0 beta

Для этого примера, все эти ресурсы должны храниться в папке js/lib, расположенных в том же месте, index.html. Обновите index.html загрузить эти файлы, помещая теги <script> непосредственно перед закрытием </ BODY> тег в следующем порядке:

3. Создание статического макета

Перед добавлением любого кода, мы можем примерно набросать макет нашего приложения. В текстовом редакторе, создайте новый файл и назовите его index.html. Этот файл будет содержать HTML шаблоны нашего приложения и ссылки на дополнительные ресурсы изображения, стили и JavaScript.

Для начала, добавить следующий текст в index.html:

2. ПЛАНИРОВАНИЕ ПРОГРАММЫ

TodoMVC, несмотря на свои небольшие размеры, содержит большую часть поведения, типичных для современных приложений одной странице. Прежде чем продолжить, воспользоваться моментом, чтобы понять, как TodoMVC работает с точки зрения пользователя.

TodoMVC имеет следующие основные особенности:

1. Приступаем к работе

Добро пожаловать в Ember.js! Это руководство проведет вас через создание простого приложения с использованием Ember.js и кратко объяснит основные концепции. Это руководство предполагает, что вы уже знакомы с основными веб-технологий, таких как JavaScript, HTML, и CSS и развития технологий, таких как веб-инспектора браузера.

В этом руководстве мы будем проходить все этапы создания приложения TodoMVC.