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作为Feed：

[
  {
    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。

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

1 个答案: