Как вызвать несколько файлов .pug в expressjs? - PullRequest
Новая
       45

Как вызвать несколько файлов .pug в expressjs?

1 голос
/ 29 сентября 2019

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

res.render('layout');
res.render('body');
res.render('footer');

Кто-нибудь знает, как это преодолеть?Я не могу назвать несколько файлов .pug

1 Ответ

2 голосов
/ 29 сентября 2019

Вы называете это, используя файлы pug (НЕ вместе с файлами маршрутов, а с файлами pug)

header.pug 

nav.nav-top
    ul
        li.menu-item
            a(href='/').menu Home
            a(href='/dashboard').menu Dashboard
            a(href='/dashboard/thelist').menu thelist
            a(href='/login').menu Login

footer.pug

main.pug [файл макета].ЗАМЕЧАНИЕ включаемая часть (например, include ../part/header-top).Моя папка с деталями отличается от моей папки с макетом.Это просто означает включить файл мопса, и он получит содержимое вашего другого файла мопса.Просто включите include pugfilename. 

doctype html
html
    head
        title #{title} 23
        link(rel='stylesheet' href='/css/style.css')
        //- script(src='/js/main.js')
        //- script(src="https://code.jquery.com/jquery-3.1.0.min.js")
    body
        container.page
            include ../part/header-top
            include ../part/header-main
            h1 Hello main.pug
            block content
            br
            hr
            block kicker
        footer
            p Copyright © 2019
        script(src='/js/main.js')

В вашем файле pug вида, который отображается с вашего маршрута.Обратите внимание, что расширяет, а затем местоположение файла вашего файла мопса.Я назвал свой файл макета основным, поэтому укажите на него с вашей стороны. Блоковое содержимое - это содержимое страницы.Он поместит содержимое блока на страницу макета, где будет указано содержимое блока. 

extends ../../template/layout/main

block content
    h1 View
    a(href="/dashboard/thelist") The List

ПРИМЕЧАНИЕ. В зависимости от вашего макета и структуры вашей папки, ваш будет отличаться от моего!

Есливам нужна дополнительная помощь, вам нужно предоставить подробную информацию о структуре вашей папки!

Если вам нужна дополнительная помощь, это пример моей настройки (она касается миксина, но она решает вашу проблему вызова файлов мопса): Включить pug mixin из другой папки вида

...