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

我正在尝试创建一个以简单文本“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。

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

  1. PHPAcademy.org – 曾经是免费的,但现在只是低价
    注册和登录教程
    PHP和MySQL与PDO和mysqli_

  2. TheNewBoston.com – 试试这个:
    Project Lisa – 未完成的教程,但非常好
    PHP简介
    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更快更容易。

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

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