[发明专利]一种智能记录表单填写的方法

说明书

本发明涉及信息化领域，更具体地，涉及一种智能记录表单填写的方法。包括以下步骤：S1.使用localStorage用作本地存储，利用前端html、js配置记录表单组件；S2.访问表单页面，判断是否支持本地存储，支持则初始化记录表单，表单数据格式为json格式，通过算法及js判断从localStorage中存取，生成可视化记录表单；不支持则对表单不进行渲染，结束流程。本发明提供的一种智能记录表单填写的方法，操作简单灵活、记录存储长久，前端组件，灵活定制，主要逻辑有前端实现，并且提供各种配置及接口调用；简单易用，集成方便，开发人员无需写统计SQL，也无需改后端代码逻辑；业务代码无入侵方案，该方案对以后其他类似的需求和应用具有借鉴意义。

技术领域

本发明涉及信息化领域，更具体地，涉及一种智能记录表单填写的方法。

背景技术

当表单内容比较多的时候，用户填写表单就会遇到问题，重复填写、填写出错、嫌麻烦、等常见问题。以表单为主的应用，最繁琐的工作就是需要填写很多表单字段。用户所填写的内容经常是重复的工作，并且有些字段操作了很多步骤只是为了获取同一个选项值。另外，常见的表单未填写好出现的意外，比如用户不小心按了刷新按钮，或者错关了浏览器标签或窗口，以及页面搁置时间太久导致表单丢失等问题。

发明内容

本发明的目的在于克服现有技术的不足，提供一种智能记录表单填写的方法，操作简单灵活、记录存储长久。

为解决上述问题，本发明提供的技术方案为：一种智能记录表单填写的方法，其中，包括以下步骤：

S1. 使用localStorage用作本地存储，利用前端html、js配置记录表单组件；localStorage用于本地存储，没有时间限制，除非主动删除数据，否则永远不会过期；

S2. 访问表单页面，判断是否支持本地存储，支持则初始化记录表单，表单数据格式为json格式，通过算法及js判断从localStorage中存取，生成可视化记录表单；不支持则对表单不进行渲染，结束流程；其中，所述的表单记录包括最近编辑记录和收藏记录，可视化收藏记录表单中提供导入、导出按钮，一键同步数据。

进一步地，所述的S2步骤包括：通过js监听页面关闭事件window.onunload、页面刷新事件window.onbeforeunload、表单保存事件window.onsubmit触发自定义表单数据的获取和获取数据格式转换的函数，使用Web接口-localStorage.setItem()将数据存储到localStorage中。

进一步地，还包括一键填充，再次访问页面或单击表单记录，数据一键填充表单。

与现有技术相比，有益效果是：本发明提供的一种智能记录表单填写的方法，操作简单灵活、记录存储长久，前端组件，灵活定制，主要逻辑有前端实现，并且提供各种配置及接口调用；简单易用，集成方便，开发人员无需写统计SQL，也无需改后端代码逻辑；业务代码无入侵方案，该方案对以后其他类似的需求和应用具有借鉴意义。

附图说明

图1 为本发明原理示意图。

具体实施方式

附图仅用于示例性说明，不能理解为对本专利的限制；为了更好说明本实施例，附图某些部件会有省略、放大或缩小，并不代表实际产品的尺寸；对于本领域技术人员来说，附图中某些公知结构及其说明可能省略是可以理解的。附图中描述位置关系仅用于示例性说明，不能理解为对本专利的限制。

如图1所示，一种智能记录表单填写的方法，其中，包括以下步骤：

S1. 使用localStorage用作本地存储，利用前端html、js配置记录表单组件；localStorage用于本地存储，没有时间限制，除非主动删除数据，否则永远不会过期；