簡體   English   中英

Node.js通過生成的菜單欄提供靜態HTML文件

[英]Node.js serve static HTML files with generated menu bar

我正在尋找為客戶構建一個非常小的/快速的Web服務器。 我知道我將以此為基礎,但目前我有以下要求。

  1. 基於靜態html文件構建菜單欄,並帶有指向每個文件的鏈接。
  2. 創建一個靜態頁面,允許訪問者提交表單,然后對該表單進行處理並將其存儲到小型數據庫中。

我知道該怎么做#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

看看ExpressJS,它是用於節點的事實上的Web應用程序框架,使用Pug或其他HTML生成視圖引擎之一,您應該可以輕松地做到這一點。

通過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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM