Question

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

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

很抱歉，如果这是一个非常简单的问题，我过于复杂。我感谢任何帮助！

Answer 1

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

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

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

你应该学习jQuery和javascript。 jQuery会非常有帮助，不要听那些说你必须先学习javascript的人 - 我没有，而且我现在正在填写我在设计了大量网站后错过的javascript。

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

PHPAcademy.org - 曾经是免费的，但现在只是低价的 Registration and Login tutorial
PHP and MySQL with PDO and mysqli_
TheNewBoston.com - 试试这个：
Project Lisa - Unfinished tutorial but very good
Intro to PHP
Intro to jQuery

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

以下是您可能更喜欢通过简单的javascript学习jQuery的原因示例：

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更快更容易。

Answer 2

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

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

如何让用户编辑网页内容并保存给所有观众？

2 个答案: