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

How to make text database for a local website?

本文关键字：文本数据库 网站 地网 何制作      更新时间：2023-09-26

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

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

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

我怎样才能使这种事情成为可能？

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

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

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

相关文章：