Node.js使用生成的菜单栏提供静态HTML文件

时间:2016-11-18 02:09:02

标签: javascript html node.js

我正在寻找为客户构建一个非常小/快的Web服务器。我知道我将在此基础上建立,但现在我有以下要求。

  1. 根据静态html文件构建一个菜单栏,其中包含指向每个文件的链接。
  2. 创建一个静态页面,允许访问者提交表单,并处理该表单并存储到小型数据库中。
  3. 我知道怎么做#2。但第一部分我不确定。

    HTML页面只需要是基本的HTML。提供这些HTML页面的最佳策略是什么?我应该像平常一样简单地提供文件吗?我应该读取节点内的文件,然后将它附加到Node中的写出文件中吗?

    这就是它的样子。

    <html> 
      <head></head>
      <body>
        <div id='dynamicMenuBar'/>
        </div>
        <div id='content'>
          users content they put into a folder
        </div>
      </body>
    </html>
    

    以下是结构生成此菜单的示例

    static/
    home/
        home.html
    info/
        about.html
        contact.html
    

2 个答案:

答案 0 :(得分:0)

看看ExpressJS,它是节点的事实上的web应用程序框架,并使用Pug或其他HTML生成视图引擎之一,你应该能够非常简单地做到这一点。

答案 1 :(得分:0)

使用Express Js,您可以使用Pug作为模板语言来呈现静态页面。你的例子的哈巴狗版本:

doctype html
html
  head
body
 div#dynamicMenuBar
 div#content
   p users content they put into a folder

您可以使用以下命令从web.js(根据需要命名)文件提供静态文件:

app.get('/', function (req, res) {
   res.render('home') 
})

如果你想挖掘更多我建议有这样的结构:

/public/
  images/
  stylesheets/
  javascripts/
/views/
  home.pug
  about.pug