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

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

对不起,如果这是一个非常简单的问题,我过于复杂.我感谢任何帮助！

解决方法:

你的问题有很多方面.首先,您可能需要注册/登录系统.为此,您将需要前端(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更快更容易.