从网站前端编辑MYSQL数据库中的信息。

时间:2011-09-16 21:05:23

标签: php mysql html

我想知道有人可以提供帮助,我正在建立一个由数据库驱动的网站。它将由用户提交的信息组成。

目前所有信息都是从数据库中的记录中提取的,并且是通过PHP回显输出的,我想要做的是添加一项功能,如果网站前端不正确,我可以编辑这些信息。

我看到许多网站在数据库中的信息旁边都有某种形式的编辑图标,当点击此图标时,回显的文本会从文本字段更改为文本字段,并且您可以更新从数据库回显的字段。 / p>

我是设计师,所以对这种功能的功能如何运作知之甚少。

请有人告诉我这样的事情是如何实现的。

非常感谢。

4 个答案:

答案 0 :(得分:1)

您需要构建某种javascript功能,以允许就地编辑这些数据位。一个可能的解决方案是jQuery插件,如jEditable。

然后,您需要在PHP或ruby之类的内容中构建服务器端脚本,以获取提交的信息并更新数据库。

答案 1 :(得分:0)

前端和后端的过程是一样的。这取决于您是否希望构建受密码保护的可编辑表单,或者只是为每个人编辑。

答案 2 :(得分:0)

你可以这样做的一种方法是

  • 将您的信息回显到文本输入
  • 给他们一个删除边框并使其透明的css类
  • 使其成为只读(因此有人无法进入并更改它)
  • 添加一个javascript onclick事件,将类更改为正常 不是只读的文本框
  • 添加一个javascript onchange事件,该事件使用ajax保存新的
    输入完成后输入数据库的信息,或按Enter键
  • 完成ajax后,将文本框转回第一个css类

EDIT还会添加一个onblur事件,并将其更改回来

您甚至可以将文本输入的光标更改为指针而不是默认(文本)光标,这样就可以点击它。

答案 3 :(得分:0)

现在html5具有可以为元素设置的contenteditable属性 简单的例子: www.hongkiat.com/blog/html5-editable-content/

更简单的演示:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_contenteditable