2016-11-18 32 views
0

我找建立一個非常小的/快速的Web服務器爲客戶端靜態HTML文件。我知道我將在此基礎上建設,但現在我有以下要求。Node.js的服務與生成的菜單欄

  1. 基於靜態html文件建立一個菜單欄,並鏈接到每個文件。
  2. 創建一個靜態頁面,允許訪問者提交一個表單和表格處理和存儲到一個小型的數據庫。

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

回答

0

看一看ExpressJS一個例子,它是節點的事實上的Web應用程序框架和使用帕格或的一個其他HTML生成視圖引擎,你應該能夠做到這一點非常平凡。

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