如何为本地网站制作文本数据库？

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。