最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

如何将动态内容传递到快速把手中的布局文件(部分)?

运维笔记admin12浏览0评论

如何将动态内容传递到快速把手中的布局文件(部分)?

如何将动态内容传递到快速把手中的布局文件(部分)?

在我的NodeJS-express应用程序中,我使用把手引擎进行模板化。可以使用动态数据进行路由。我的应用程序有一个单一的布局文件。如何动态地将数据传递给模板文件?

编辑:

这是我的模板文件。

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <nav>
      <div>
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a>Home</a>
          </li>
          <li class="nav-item">
            <a>about</a>
          </li>
          <li class="nav-item">
            <a>contact</a>
          </li>
        </ul>
      </div>
    </nav>
    {{{body}}}
  </body>
</html>
回答如下:

我想你需要在你的把手中做到这一点:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <nav>
      {{{navStuff}}}
    </nav>
    {{{body}}}
  </body>
</html>

在你的Express路线中,你可以这样做:(我假设它是简单的路由。你可以适应React Router V4)

app.get('/home', function(req, res, next){
return res.render('app',{
    body: toRender,
    navStuff: menu
    })
});

同样,如果你必须根据页面进行数据库调用以获取菜单项,那么你可以采用这个:

app.get('/home', function(req, res, next){
 getMenuFromDb(pathName).then(function(menu){
    return res.render('app',{
        body: toRender,
        navStuff: menu
        })
    });
})

})

发布评论

评论列表(0)

  1. 暂无评论