0

我正在为商业软件做一个类似网站的帮助部分。为此，该网站实际上将与软件一起安装在本地，而不是在服务器上，因此我不能使用服务器工具来制作数据库。我正在使用 javascript、jquery 和 CSS（没有 SQL 或 PHP）。

为了使重复的文本部分易于修改，我需要某种形式的文本数据库，我可以通过 javascript/jquery 手动或逐页修改。

例如：假设特定软件属性的相同文本描述显示在 5 个不同的页面中，甚至在同一页面中显示多次。此类描述稍后将由软件开发人员正确修改，他们将从页面访问它（使用弹出文本输入），并且该修改必须适用于该属性的整个网站。

我怎么能让这种事情成为可能？

同样，请记住，该网站将本地存储在磁盘上。

4

1 回答 1

0

你需要一个 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>

有关执行、编译模板的更多信息，请查看文档。

于 2014-10-27T13:18:47.527 回答