提问者:小点点

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


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

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

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


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

匿名用户

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

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