我正在尝试创建一个以简单文本“Hello”开头的网站.然后,任何访问该网站的人都可以将内容更改为他们喜欢的内容,不仅为自己保存,还为网站本身保存.然后另一个观众可以进来改变它,依此类推.我还要保留所有已编辑内容的数据库,但仅适用于我自己.
所以我的问题是,哪些工具/语言会对此有所帮助?或者任何人都可以指向任何教程?我是一个初学者,我不知道从哪里开始.这看起来真有帮助,但它似乎只为自己做出改变:http://www.developerdrive.com/2012/06/allowing-users-to-edit-text-content-with-html5/
对不起,如果这是一个非常简单的问题,我过于复杂.我感谢任何帮助!
解决方法:
你的问题有很多方面.首先,您可能需要注册/登录系统.为此,您将需要前端(javascript / jQuery)和后端(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更快更容易.