在 HTML5 中存储用户输入数据

Posted

技术标签:

【中文标题】在 HTML5 中存储用户输入数据【英文标题】:Storing user input data in HTML5 【发布时间】:2014-07-30 15:30:16 【问题描述】:

一个(可能的)客户有一份多部分的调查问卷,他们希望用 html5 编码(以提高响应能力)。我在想 Bootstrap 3,结合 HTML 和一点 o' javascript。但是,我不知道他们在跟踪答案方面有哪些选择。

我是 HTML5 新手,来自 Flash 世界。我有哪些选择?这似乎是后端数据库的工作,而且我知道足够多的 Django 会遇到麻烦,所以也许这将是最好的选择?我做过基本的 Django 站点,但是当出现问题时,哦,有点痛苦! (我还没有发现 Django 对用户友好)

HTML5 中有什么新奇的东西(我不确定他们如何从本地存储中获取数据)?我擅长 HTML,但不知道 HTML5 中的所有棘手技巧。

谢谢

【问题讨论】:

【参考方案1】:

将 ViewModel 与 Knockout.js 结合使用以提高响应速度。它相当快。 你可以看到这个示例 Knockout.js 项目here。

【讨论】:

谢谢,我去看看。【参考方案2】:

你看过 GitHub 上的 Django HTML5 Boilerplate (DH5BP) 项目1 吗?

来自 Readme.md

Django HTML5 Boilerplate...将 HTML5 Boilerplate (H5BP) 项目合并到一个易于使用的 Django 友好 Python 包中。

在https://github.com/h5bp/html5-boilerplate了解...关于 HTML5 Boilerplate 的信息

这个项目区别于其他 H5BP 到 Django 端口,通过 包括自动转换新版本的 Fabric 脚本 H5BP 转换为 Django 友好的 Python 模块。理想情况下,这将使 跟上最新版本的 H5BP trivial。

【讨论】:

【参考方案3】:

您最好的选择可能是使用 CMS。这将大大缩短您的开发时间,并帮助您避免常见的陷阱。

我建议将WordPress 与某种plugin 结合使用,因为根据我的经验,它对于小型项目来说是最容易使用的。

HTML5 有一些新元素和简化的语法。一些元素的定义发生了变化(标签的预期用途是什么)。

更新:

四年后,WordPress 现在有了 REST API。存储用户输入的一个好方法是检查他们是否已登录,然后通过 AJAX 将信息发布到 API。

【讨论】:

以上是关于在 HTML5 中存储用户输入数据的主要内容,如果未能解决你的问题,请参考以下文章

探索HTML5本地存储功能运用技巧

浏览器复制单独储存数据

使用存储过程登录在 html5 中不起作用

我可以使用 html5 本地存储来存储用户身份验证会话信息吗

HTML5 Web 存储

从 android 读取 html5 网络数据库