【问题标题】:Editing information from a MYSQL database from website frontend.从网站前端编辑来自 MYSQL 数据库的信息。
【发布时间】:2011-09-16 21:05:23
【问题描述】:

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

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

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

我是一名设计师,因此对这种功能的功能如何运作知之甚少。

请任何人告诉我如何实现这样的目标。

非常感谢。

【问题讨论】:

    标签: php mysql html


    【解决方案1】:

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

    然后你需要用 PHP 或 ruby​​ 之类的东西构建一个服务器端脚本,它会获取提交的信息并更新数据库。

    【讨论】:

    • 从技术上讲,您可以使用许多方法来执行此任务,因为它不是严格意义上的“简单”任务。基本上,问题归结为您是否知道足够的客户端脚本(即 javascript)以使前端按您想要的方式运行,以及是否有足够的服务器端脚本(即 PHP、ruby 等)以使后端 -以您想要的方式正确处理传入/传出数据。
    【解决方案2】:

    前端和后端的过程是相同的。这取决于您是要构建受密码保护的可编辑表单,还是仅对所有人都可编辑。

    【讨论】:

      【解决方案3】:

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

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

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

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

      .

      【讨论】:

        【解决方案4】:

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

        更简单的演示:

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2012-05-22
          • 2021-03-23
          • 1970-01-01
          • 2011-01-11
          相关资源
          最近更新 更多