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

【问题标题】：Node.js serve static HTML files with generated menu barNode.js 使用生成的菜单栏提供静态 HTML 文件
【发布时间】：2017-04-01 18:50:10
【问题描述】：

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

基于静态 html 文件构建一个菜单栏，其中包含指向每个文件的链接。
创建一个允许访问者提交表单的静态页面，该表单会被处理并存储到一个小型数据库中。

我知道如何做#2。但第一部分我不确定。

HTML 页面只需是基本的 HTML。提供这些 HTML 页面的最佳策略是什么？我应该像平常一样简单地提供文件吗？我应该读取节点内的文件并将其附加到相当于节点中的写出吗？

这就是它的样子。

<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

【问题讨论】：

标签： javascript html node.js

【解决方案1】：

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

【讨论】：

【解决方案2】：

使用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

【讨论】：