php - 如何让用户编辑网页内容并保存给所有浏览者？

Question

我正在尝试创建一个以简单文本“Hello”开头的网站。然后，任何访问该网站的人都可以将内容更改为他们喜欢的内容，不仅为自己保存，也为网站本身保存。然后另一个查看者可以进来并更改它，依此类推。我还想保留所有编辑内容的数据库，但仅供我自己使用。

所以我的问题是，什么工具/语言对此有帮助？或者有人可以指出任何教程吗？我是一个初学者，我不知道从哪里开始。这看起来确实很有帮助，但似乎只为你自己做出改变。:http://www.developerdrive.com/2012/06/allowing-users-to-edit-text-content-with-html5/

抱歉，如果这是一个非常简单的问题，但我把它复杂化了。我感谢任何帮助!

Answer 1

您的问题有很多方面。首先，您可能需要一个注册/登录系统。为此，您将需要前端 (javascript/jQuery) 和后端 (PHP) 编程。

如果您有登录系统，您应该了解 PHP session 。

您将需要读/写数据库。这将是后端(PHP)。目前许多教程仅涵盖较旧的 mysql_ 命令；您必须学习 mysqli_ 或 PDO 格式(因为旧的样式仍然有效，但已被弃用)。

你应该学习 jQuery 和 javascript。 jQuery 将非常有帮助，不要听那些说你必须先学习 javascript 的人的话——我没有，现在我在设计了许多网站后正在填补我错过的关于 javascript 的内容。

有很多地方可以找到教程，但我可以推荐这些:

1. PHPAcademy.org - 曾经是免费的，但现在只是低价
   Registration and Login tutorial
   PHP and MySQL with PDO and mysqli_

2. TheNewBoston.com -- 试试这个:
   Project Lisa - Unfinished tutorial but very good
   Intro to PHP
   Intro to jQuery

---

您发布的示例仅保存当前用户的编辑(以及同一用户将来的访问)，这是正确的。更改保存在用户的本地计算机上，而不是服务器上。在服务器上存储编辑的最简单方法是将它们写入数据库，例如 MySQL。

---

以下示例说明了为什么您可能更喜欢学习 jQuery 而不是简单的 javascript:

javascript方式:

function saveEdits() {
    //get the editable element
    var editElem = document.getElementById("edit");

    //get the edited element content
    var userVersion = editElem.innerHTML;

    //save the content to local storage
    localStorage.userEdits = userVersion;

    //write a confirmation to the user
    document.getElementById("update").innerHTML="Edits saved!";

}

jQuery 方式:

function saveEdits() {
    //get the edited element content
    var userVersion = $("#edit").var();

    //save the content to local storage
    localStorage.userEdits = userVersion;

    //write a confirmation to the user
    $("#update").val("Edits saved!");

}

使用 jQuery 方式可以减少大量的打字，尤其是在整个项目中。此外，jQuery 还可以为您解决所有跨浏览器问题。使用 javascript，您必须自己为每个浏览器编写代码。对于大多数开发人员来说，jQuery 更快、更简单。