如何在EJS Express中正确使用部分视图?

| 我有一个Web应用程序,除了一个
<div>
之外,整个布局保持不变。目前,我只是使用路由来处理链接,重新加载
layout.ejs
文件的其余部分似乎很浪费,而我唯一想更改的就是我的
<div>
。 我的
layout.ejs
文件需要更改什么?这是我当前的文件:
<!DOCTYPE html>
<html lan=\"en\">
  <head>
    <title><%= title %></title>
    <link rel=\"stylesheet\" href=\"/stylesheets/reset.css\">
    <link rel=\'stylesheet\' href=\'/stylesheets/style.css\' />
    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js\"></script>
    <script src=\"/nowjs/now.js\"></script>
    <script src=\"/javascripts/chat.js\"></script>
  </head>
  <body>
    <div id=\"wrapper\">
        <div id=\"header\">
        </div>
        <div id=\"chat\">
            <input type=\"text\" id=\"text-input\">
            <input type=\"button\" value=\"Send\" id=\"send-button\">
        </div>
        <div id=\"content\">
            <%- body %>
        </div>
        <div id=\"rooms\">
        </div>
        <div id=\"footer\">
            <div id=\"footer_links\">
                <a href=\"/\">Home</a> | <a href=\"/about\">About</a> | <a href=\"/contact\">Contact</a>
            </div>
        </div>
    </div>
  </body>
</html>
我当时正在考虑使用AJAX来使用它,但是我听说过有关使用部分视图的一些好处。我只是不确定如何设置此设置。另外,我听说可以将WebSockets与部分视图一起使用,而不是AJAX。这是个好主意,甚至可能吗? 抱歉,这可能很简单。我在阅读文档时遇到了困难。 谢谢!
已邀请:
我刚刚解决了。 您可以在视图中调用`partial(filename)`来加载partial。说我们使用EJS,`views /`中有三个文件: 1. layout.ejs 2. index.ejs 3. header.ejs 并且index.ejs的内容是: 然后,启动服务器,浏览器,您将看到`header.ejs`被加载到`index.ejs`中。 !!!更新 在快速版本> = 3.0中,不再有
partial()
。但是我们可以使用
<% include xxx.file %>
,也可以只使用另一个模块:“ express-partials”。请在Github上搜索。

要回复问题请先登录注册