Блог

Главная - Вопросы по программированию - включить верхний и нижний колонтитулы, не работающие с ejs

включить верхний и нижний колонтитулы, не работающие с ejs

#javascript #ejs #viewengine

Вопрос:

Я новичок в js в целом и пытаюсь реализовать простую страницу ejs с использованием шаблона верхнего и нижнего колонтитулов. Я последовал инструкциям из https://ejs.co/ но заголовок.ejs и нижний колонтитул.ejs не были успешно добавлены на мою страницу list.ejs

Мой код для list.ejs

 <%- include('header'); -%>
    <div class="box" id="heading">
        <h1>
            <%= listTitle %>
        </h1>
    </div>

    <div class="box">
        <% for(let i=0; i<newListItem.length; i  ){ %>
            <div class="item">
                <input type="checkbox">
                <p>
                    <%= newListItem[i] %>
                </p>
            </div>
        <% } %>
        <form class="item" action="/" method="POST">
            <input type="text" name="newItem" placeholder="New Item" autocomplete="off">
            <button type="submit" name="list" value=<%=listTitle %>> </button>
        </form>
    </div>
<%- include('footer'); -%>

Мой заголовок.ejs

 <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="css/styles.css">
    </head>    
<body>

Мой нижний колонтитул ejs

 </body>
    <footer>
        copy right info
    </footer>

</html>

В моем основном app.js Я уже включил app.set(«механизм просмотра», «ejs»). Папка «Представления» включает в себя: app.js, верхний колонтитул.ejs, нижний колонтитул.ejs, список.ejs

Метки: ,