具有持久客户端更改的动态Web页面界面

时间:2011-11-22 02:57:30

标签: php javascript html ajax

我正在尝试使用标签菜单创建一个网页。我希望能够动态添加和删除标签(和其他内容)。这里有一个完美的例子:http://www.dhtmlgoodies.com/index.html?whichScript=tab-view。我希望新创建的选项卡通过页面加载持久化。所以基本上如果我添加一个标签并刷新我希望标签仍然存在。如果我关闭浏览器并在一个月后重新加载页面,我希望标签和任何内容仍然存在。此页面仅供个人使用,将托管在我的计算机上,仅通过浏览器访问,而不是任何类型的Web服务器。虽然我不反对使用网络服务器。

查看代码似乎“添加标签”功能只是将HTML添加到内存中的页面,但我需要它来永久更改页面的HTML。有没有办法将DOM的动态更改写回磁盘?我不太清楚在哪里使用它并且搜索一周让我有太多的语言和实现选项需要研究。我不是一个经验丰富的网络开发人员,有很多不同的方法来创建网页和许多新术语,我现在有点过载。

我确实意识到这有点超出了典型网站的范围。让客户端对服务器端的数据进行更改通常不是一个好主意。但由于我是唯一一个将使用它的人,并且无法通过互联网访问安全性不是问题。

我不会使用任何特定的脚本语言,但我希望尽可能简单。即:一个HTML页面,一个CSS,也许是一个脚本文件。无论什么是必要的。我不习惯自己阅读和学习,所以指出正确的道路对我来说没问题。

2 个答案:

答案 0 :(得分:1)

如果你需要坚如磐石的方法,那么你需要一些记录,让这些标签存在。这意味着拥有一个知道该选项卡存在的数据库,它是哪个选项卡,以及它包含哪些内容。 Html5的本地浏览器存储(尽管不要与cookie混淆)也可能是一个可行的解决方案,但浏览器兼容性是一个问题(目前)。

您还需要某种“用户帐户系统”,以便您了解用户中哪些用户打开了这组标签。否则,如果每个人都有一个“标签列表”,那么每个人都会打开相同的标签!

对于“标签添加”的动态html和js,您就在正确的位置。您需要PHP与MySQL数据库进行交互。 PHP做了什么它从浏览器收到服务器中的数据,关于发生的事情:

  • 知道哪位用户已登录
  • 他选择了哪些操作(添加或删除标签)
  • 添加到数据库或删除记录
  • 以成功或错误回复,以发生者为准

对于MySQL,您需要创建一个包含“选项卡列表”表的数据库。此列表必须包含:

  1. 用户ID(知道哪个用户在列表中的用户之间做了什么)
  2. 标签ID(知道哪个标签是列表中的哪个标签)
  3. 标签内容(可能是iframe的链接,实际的HTML,文字等。)

答案 1 :(得分:0)

朋友,当您谈到关闭浏览器而不会丢失数据时,您谈论的是数据持久性数据持久性。换句话说,您必须将数据保存在某个地方,并在下次加载它。

对于存储,您可以使用平面文件(简单文本文件),数据库,XML文件等。但是,您需要学习很多东西,以便在某处保存新选项卡的信息和内容,以及下次加载它。