如何爲本地網站製作文本數據庫？

Question

我正在爲商業軟件做一個類似於網站的幫助部分。爲此，網站實際上將在本地安裝在軟件上而不是在服務器上，因此我無法使用服務器工具來創建數據庫。我正在使用JavaScript，jQuery和CSS（沒有SQL或PHP）。

爲了使重複文本部分容易修改的我需要某種形式的文本數據庫的，我可以手動修改或通過javascript/jquery的頁面，明智的。

例如：可以說，特定的軟件屬性的相同的文字說明會顯示在整個同一頁5個不同的頁面，甚至多次。這種描述稍後將由軟件開發人員進行適當修改，軟件開發人員可從該頁面訪問它（使用彈出文本輸入），並且該修改必須適用於該屬性的整個網站。

我怎麼能使這種事情成爲可能？

再一次請記住，該網站將存儲在本地磁盤上。

Answer 1

您需要一個JavaScript模板引擎。第一個也是最好的之一是Handlebars.js。您可以使用它來創建一次佈局，並將佈局應用於您擁有的所有數據，這樣，您可以將數據和表示分開。

說這是你的項目的基地佈局：

<div class="entry"> 
    <h1>{{title}}</h1> 
    <div class="body"> 
    {{body}} 
    </div> 
</div> 

如果你有多個項目，則可以使用JSON作爲飼料：

[ 
    { 
    title: "My Post 1", 
    body: "This is my first post!" 
    }, 
    { 
    title: "My Old Post", 
    body: "This is my first post!" 
    }, 
    { 
    title: "My Latest Post", 
    body: "This is my first post!" 
    }, 
    { 
    title: "My New Post", 
    body: "This is my first post!" 
    } 
] 

，您還可以採用同樣的佈局所有的四個職位！上面的代碼獲取客戶端執行，這種方式：

<div class="entry"> 
    <h1>My Post 1</h1> 
    <div class="body"> 
    This is my first post! 
    </div> 
</div> 
<div class="entry"> 
    <h1>My Old Post</h1> 
    <div class="body"> 
    This is my first post! 
    </div> 
</div> 
<div class="entry"> 
    <h1>My Latest Post</h1> 
    <div class="body"> 
    This is my first post! 
    </div> 
</div> 
<div class="entry"> 
    <h1>My New Post</h1> 
    <div class="body"> 
    This is my first post! 
    </div> 
</div> 

有關執行，編譯模板的詳細信息，請參閱docs。