Learn web development

Учебник Express часть 5: Отображение данных библиотеки

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

Предварительные знания: Завершите изучение предыдущих тем учебника (включая Учебник Express часть 4: Маршруты и контроллеры).
Цель: Понять, как использовать асинхронный модуль и язык шаблона Pug, и как получить данные из URL в наших функциях контроллера.

Обзор

В наших предыдущих статьях учебника мы описывали Mongoose модели, которые мы можем использовать для взаимодействия с базой данных и создания некоторых исходных записей библиотеки. Затем мы создвали все маршруты необходимые для веб-сайта LocalLibrary, но с "фиктивными контроллерами" функциями (это скелетные функции контроллера, которые просто возвращают сообщение" не реализовано " при доступе к странице).

Следующим шагом является обеспечение правильных реализаций для страниц, которые отображают нашу библиотечную информацию (мы рассмотрим реализацию страниц с формами для создания, обновления или удаления информации в последующих статьях). Это включает в себя обновление функций контроллера для извлечения записей с помощью наших моделей и определение шаблонов для отображения этой информации пользователям.

Мы начнем с обзорных / основных тем, объясняющих, как управлять асинхронными операциями в функциях контроллера и как писать шаблоны с помощью Pug. Затем мы предоставим реализации для каждой из наших основных страниц" только для чтения " с кратким объяснением любых специальных или новых функций, которые они используют.

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

Displaying library data tutorial subarticles

Следующие подразделы проходят процесс добавления различных функций, необходимых для отображения необходимых страниц веб-сайта. Вы должны прочитать и проработать каждый из них по очереди, прежде чем перейти к следующему.

  1. Aсинхронное управление потоками с помощью async
  2. Пример шаблона
  3. Базовые шаблоны LocalLibrary
  4. Домашняя страница
  5. Страница списка книг
  6. Страница списка экземпляров книг
  7. Форматирование даты с момента использования
  8. Страница списка авторов и страница списка жанров
  9. Страница свелений о жанре
  10. Страница сведений о книге
  11. Страница информации об авторе
  12. Страница сведений об экземпляре книги и вызове

Итог

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

В нашей следующей статье мы будем опираться на наши знания, создавая HTML-формы и код обработки форм, чтобы начать изменять данные, хранящиеся на сайте.

Смотрите так же

 

In this module

 

Метки документа и участники

Внесли вклад в эту страницу: MariyaSka
Обновлялась последний раз: MariyaSka,