<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

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

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

NodeJS. Как собрать шаблон из нескольких частей.

NodeJS. Как собрать шаблон из нескольких частей.

Всем привет! В этой статье мы рассмотрим, как создавать шаблон из нескольких частей и зачем все это нужно в NodeJS.

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

Для начала создадим папку с названием partials в папке views. В ней буду храниться все отдельные части нашего шаблона. В папке partials создадим файл с названием nav.ejs. В нем создадим достаточно простую структуру нашей навигации:

<nav>
  <ul>
   <li><a href="/">Home</a></li>
   <li><a href="/contact">Contact</a></li>
  </ul>
</nav>

Теперь подключим нашу навигацию к файлу profile.ejs. Сразу после тега body напишем следующее:

<% include partials/nav.ejs %>

Теперь, если вы перезагрузите сервер и обновите страницу, то увидите нашу навигацию, подключенную к файлу profile.ejs.

Давайте так же сделаем и с остальными нашими файлами. Создайте в папке views файлы index.ejs и contact.ejs, куда скопируйте весь код из файлов index.html и contact.html соответственно. Также подклчючите в этих файлах шаблонов нашу навигацию после тега body, сделав все то же самое, что и с файлом profile.ejs.

Поскольку теперь мы не просто отправляем HTML странички, а шаблоны, не забудьте в главном файле app.js поменять метод sendFile() на render() вот таким образом:

app.get('/', function(req, res) {
  res.render('index');
});

app.get('/contact', function(req, res) {
  res.render('contact');
});

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

А нам этом сегодня все. Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.