Создание мобильного приложения на Meteor.js. Часть 5/15 — Устанавливаем базу и учимся с ней работать

Автор Sergei Plotnenko
Создание мобильного приложения на Meteor.js. Часть 5/15 — Устанавливаем базу и учимся с ней работать

Привет мир с вами.

Давай я рассказываю разработки мобильных приложений на текущий момент. Моё приложение имеет неплохой внешний вид и три страницы пора заставить его работать для того чтобы хранить родители и считать клики нарушений. Нам необходимо базы данных для того чтобы использовать базу данных в оффлайн приложение мы установим пакет переходим в браузер и убиваем метеор Ground.

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

Я хочу проверить, что всё работает перехожу в браузер на адрес localhost 3000 заодно изменить размер страницы и открою консоль не нравится расстояние от края страницы до начала карточки. Я бы хотел его уменьшить для того чтобы определить какой класс добавляет. Это излишнее расстоянии необходимо правой кнопкой щелкнуть на карточке и выбрать проверить объект благодаря этому мы можем исследовать код HTML если мы выберем структуре следующий элемент и посмотрим на его стиль и мы увидим свойство padding соответственно если бы нам отключить — это свойство наш карточка сразу становится шире и отступы становится меньше и вместо того чтобы бороться с этим стилем. Я просто удалил класс отлично ширина меня устраивает теперь приступим с базой для того чтобы проверить работоспособность базы переходим на страницу плагина на атмосфере и находим код объявления локальной базы данных автор в комментарии пишут, что эта строчка создает базу только на стороне клиента мы её и будем использовать копируем её file.ge и вставляем выше объявленных функций по управлению настройками заголовка я переименую название коллекции и переменной в названии более подходящего для моего проекта также удаляю слово War которая ограничивает область видимости после сохранения я могу проверить работу базы прямо в консоли сейчас тестовую добродетель в базу для этого я вбиваю название коллекции название метода которых добавят документ в коллекцию и в качестве аргумента даю объект с атрибутом титул и значением верить в себя нажимаю Enter консоль возвращает идентификатор вашего документа добавлено в базу, что с этим делать во-первых на данный момент мы можем вытащить именно этот документ из базы следующим образом название коллекции названия методов. Антуан который вытащит по. Катару необходимые документы также мы можем просмотреть документы в коллекции. Для этого нам необходимо вызвать метод find который вернет курсор на коллекцию и выполнить fitch и мы видим, что нас коллекцию уже два документа 1 стоит l.o.l. и 2 Style верить в себя первый документ стоит l.o.l. я создавал в качестве за кадром и на нём я продемонстрирую как из базы удаляется документ для этого необходимо опять обратиться к названию коллекции вызвать метод Remove и в качестве атрибута передать идентификатор коллекция я снова вызывают findfish и вижу остался только один элемент. Отлично Теперь из консоли я добавлю в базу ещё две благодетели 1 будет ровно такая же как сейчас на экране уравновешенность и 2 обходиться без сигарет снова вызовов ain't чтобы убедиться, что всё хорошо. Теперь я могу приступить к выводу хранящихся в базе родителей на экран для этого переходим в кот файл goodness list JS. И сейчас я добавлю Helper который будет возвращать шаблон список хранящихся в базе благодетелей кодовое слово template шаблонов и методы helpers в которой необходимо передать в виде объектов название хелперов. Мой первый Helper будет называться гуднесс лист и возвращать курсор — это вполне приемлемо. Я обращаюсь к методу find коллекции goodness и возвращаю результат сохраняю файл теперь мне необходимо обратиться к этому help.ru is template. А в данный момент у меня на странице показывается только одна добродетель уравновешенность для вывести все добродетели из базы. Нам необходимо пробежаться поницикл для этого я буду использовать цикл each шаблонизатора блейз в качестве аргумента я передам название Help который вернет курсор по которому и про. Бежица Цикл each. А теперь посмотрим как очень просто вывести список заголовков всех добродетелей в базе после вывода название добродетелей я переведу строчку тбр при обновлении приложения получил ошибку и для того чтобы понять. В чём она я смотрю в консоль которая говорит не о том, что я пытаюсь обратиться к свойству несуществующего строчки template гуднесс hatters я понимаю, что я ошибся в названии темплейта я его скопирую с он приедет посмотрю, что получается отлично. Все они были выведены тебя уравновешенность обходиться без сигарет для того чтобы всё было в рамках придуманная мной верстки я вырежу html-код уравновешенности и вставлю внутри цикла соответственно название заменю на вставка атрибута title все мои добродетели. Выведи на экран сейчас я хочу посмотреть, что произойдет если из консоли я добавлю ещё одну добродетель в базу. Но к примеру вы решили, что кофе вас. Убивает ли отказаться от него обходиться без кофе обратили внимание, что добродетель автоматически появилась на экране — это метеор. Но каждый раз создавать добродетели с консолью неудобно к тому же у нас есть для этого специальные страница на которой кстати не мешало бы заменить placeholder First name на списание родители я перехожу в Шабо.

0 комментариев
0

Читайте также