如何通过jade转换由node / express提供的静态html文件的文件夹?

时间:2013-12-17 19:11:49

标签: node.js express pug

我有一个静态html文件文件夹,作为现有项目的一部分。我想找到使用jade通过node / express提供这些服务的最简单方法。在顶部有一个常见的头/菜单/标题部分,我想剥离并放入玉模板,js的常见部分包括在底部,也应该在模板中,我想发送来自服务器的几个变量(例如用户)。我非常欣赏如何做到这一点的模式:

  • 渲染的路径和控制器以及如何使用节点
  • 设置相应的静态服务
  • jade文件中的内容部分
  • 应存储静态文件
  • jade如何将具有相同类/ id的块链接在一起。

谢谢。

1 个答案:

答案 0 :(得分:0)

您只需使用data阅读静态文件,然后通过res.render('page', {contentHTML: data})传递每个文件的!=。在客户端页面中,使用views运算符来取消数据并将其注入视图。

例如:

static.html(假设该文件位于<div> <p> some text </p> </div> 文件夹中)

routes

服务器:(假设此代码位于router.get('/static', function(req, res){ fs.readFile('./views/static.html', function(err, data){ res.render('page', {responseHtml: data}); }); }); 文件夹中)

views

page.jade :(假设此视图位于extends layout block content div!= responseHtml 文件夹中)

-example
  ...
  -routes
     index.js (here is the code show above, in the Server section)
     users.js
  -views
     ...
     page.jade (client code show above)
     static.html (content to load in page.jade)
  app.js
  package.json

应用程序结构如下:

mysqli_query("INSERT INTO video ('movie') VALUE (''$name')" );