你的问题有很多方面。首先,您可能需要一个注册/登录系统。为此,您将需要前端 (javascript/jQuery) 和后端 (PHP) 编程。
如果您有登录系统,您应该了解 PHP 会话。
您将需要读/写数据库。这将是后端(PHP)。许多教程目前仅涵盖较旧的 mysql_ 命令;您必须学习 mysqli_ 或 PDO 格式(因为旧样式仍然有效,但已弃用)。
你应该学习 jQuery 和 javascript。jQuery 将非常有帮助,不要听那些说你必须先学习 javascript 的人——我没有,我现在正在填写我在设计了许多网站后对 javascript 的遗漏。
有很多地方可以找到教程,但我可以推荐这些:
PHPAcademy.org - 曾经是免费的,但现在只是低价
注册和登录教程
PHP 和 MySQL 以及 PDO 和 mysqli_
TheNewBoston.com - 试试这个:
Project Lisa - 未完成的教程,但非常好
PHP
简介 jQuery 简介
您是正确的,您发布的示例仅保存当前用户的编辑(以及同一用户未来的访问)。更改保存在用户的本地计算机上,而不是服务器上。在服务器上存储编辑的最简单方法是将它们写入数据库,例如 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 更快更容易。