如何允许用户编辑网页内容并保存给所有浏览者？[关闭]

Question

我试图做一个网站，它开始与简单的文字，"你好"。然后，任何来到网站的人都可以将内容更改为他们喜欢的任何内容，不仅为自己保存，也为网站本身保存。然后另一个观众可以进来改变它，等等。我还想保留一个所有编辑内容的数据库，但仅限于我自己。

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

很抱歉，如果这是一个非常简单的问题，我太复杂了。谢谢你的帮助！

Answer 1

听起来更像维基百科网站。如果这是您想要的，请使用开源工具/软件Mediawiki。你可以在这里下载Mediawiki

首先在您的系统中本地安装它，使用它，如创建、编辑页面等

Answer 2

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

如果您有一个登录系统，您应该了解PHP会话。

您需要读/写数据库。这将是后端（PHP）。许多教程目前只涉及较旧的mysql_uu命令；您必须学习mysqli_u2;或PDO格式（因为旧样式仍然有效，但已被弃用）。

你应该学习jQuery和javascript. jQuery会很有帮助，不要听那些说你必须先学习javascript的人-我没有，我现在正在填补我在设计了许多网站后错过的关于javascript的东西。

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

>

您发布的示例只保存当前用户（以及该用户将来的访问）的编辑，这是正确的。更改保存在用户的本地计算机上，而不是服务器上。在服务器上存储编辑的最简单方法是将它们写入数据库，如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更快更容易。