(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210460930.X (22)申请日 2022.04.28 (71)申请人 湖南三湘银行股份有限公司 地址 410000 湖南省长 沙市岳麓区滨江路 53号湖南湘江新区滨江金融中心楷林 国际D座 (72)发明人 廖四发　杨勇　易悠　李海雁　 李朝龙　 (51)Int.Cl. G06F 16/958(2019.01) G06F 9/445(2018.01) (54)发明名称 一种基于H5页面开发的数据获取方法及装 置 (57)摘要 本发明提供一种基于H5页面开发的数据获 取方法及装置， 通过获取用户所需要收集的需求 数据类型； 基于需求数据类型， 调用对应的输入 组件和采集组件； 为所述输入组件和采集组件配 置对应的执行环境； 根据所述执行环 境调用预设 的分析组件； 通过分析组件将 输入组件和采集组 件配置到对应的位置； 通过配置好的输入组件和 采集组件获取用户输入的目标数据； 将所述目标 数据保存到服务器后调用外链或跳转界面。 本发 明通过根据用户的不同需求和运行环 境， 配置对 应的组件 方便用户获取到目标数据， 通过存储数 据后调用外链或跳转页面来增加互动， 提高用户 的后续衔接性。 权利要求书1页 说明书4页 附图2页 CN 114741639 A 2022.07.12 CN 114741639 A 1.一种基于 H5页面开发的数据获取 方法， 其特 征在于， 包括： 获取用户所需要收集的需求数据类型； 基于需求数据类型， 调用对应的输入组件和采集组件； 为所述输入组件和采集组件配置对应的执 行环境； 根据所述执 行环境调用预设的分析组件； 通过分析组件将输入组件和采集组件配置 到对应的位置； 通过配置好的输入组件和采集组件获取用户输入的目标 数据； 将所述目标 数据保存到服 务器后调用外链或跳转界面。 2.根据权利要求1所述的一种基于H5页面开发的数据获取方法， 其特征在于， 获取用户 所需要收集的需求数据类型的步骤中： 用户所需要收集的需求数据类型包括： 文字、 数字、 图片、 链接、 文件。 3.根据权利要求1所述的一种基于H5页面开发的数据获取方法， 其特征在于， 基于 需求 数据类型， 调用对应的输入组件和采集组件的步骤中： 所述输入组件 包括： 表格、 文本 框； 所述采集组件 包括： 文件上传模块、 图片上传模块、 按 钮编辑模块。 4.根据权利要求1所述的一种基于H5页面开发的数据获取方法， 其特征在于， 为所述输 入组件和采集组件配置对应的执 行环境的步骤中： 所述执行环境包括： PC端、 i os浏览器客户端， andro id浏览器客户端； 保证PC端的大部分常用浏览器正常显示， 配置两套UI， 然后用后端或者前端进行判断 用户浏览器， 通过判断浏览器类型返回不同的HTTP  Code 30X， 使浏览器进行重定向， 判断 是PC浏览器访问还 是mobile浏览器访问， 分别转 发到不同的页面上， 在页面加载之前， 用js 判断浏览器， 如果是mobile， 就修 改css标签， 目标是把需要调整的css都重写覆盖， 保证页 面布局不变， 包括字号， 间距。 5.根据权利要求1所述的一种基于H5页面开发的数据获取方法， 其特征在于， 通过分析 组件将输入组件和采集组件配置 到对应的位置的步骤中： 所述对应的位置可以通过用户自己选择也可以通过分析组件自动匹配。 6.一种基于 H5页面开发的数据获取装置， 其特 征在于， 包括： 获取单元， 用于获取用户所需要收集的需求数据类型； 调用单元， 用于基于 需求数据类型， 调用对应的输入组件和采集组件， 根据所述执行环 境调用预设的分析组件； 配置单元， 用于通过分析组件将输入组件和采集组件配置到对应的位置， 为所述输入 组件和采集组件配置对应的执 行环境； 处理单元， 用于提供H 5页面的运行环境和处 理获取的目标 数据； 输入单元， 用于通过配置好的输入组件和采集组件获取用户输入的目标 数据； 存储单元， 将所述目标 数据保存到服 务器 跳转单元， 用于调用外链或跳转界面； 显示单元， 用于显示收集到的数据和操作界面。权　利　要　求　书 1/1 页 2 CN 114741639 A 2一种基于 H5页面开发的数据获取方 法及装置 技术领域 [0001]本发明涉及数据分析领域， 具体涉及一种基于H5页面开发的数据获取方法及装 置。 背景技术 [0002]H5是指第5代Html(互联网超文本标记语言)， 也指用H5语言制作的一切数字产品。 其主要的目标是将互联网语义化， 以便更好地被人类和机器阅读， 并同时提供更好地支持 各种媒体的嵌入。 随着各种移动设备普及， H5页面也越来越受欢迎。 不同于传统企业网站制 作， 需要大量网页共同组成一个完整的网站， H5页面只有一个自上而 下的页面， 也可以简单 理解为一个单网页， 只不过 搭配了各种图片、 视频、 文字等有趣的设计。 [0003]而且HTML5技术建站 可以实现一次开发可跨平台多端使用， 既一次发布网站， 可以 同时在PC、 手机、 微信、 IPAD等各个终端有良好的浏览体验。 简单来说自动适应你的手机屏 幕尺寸， 以达到很好的显示效果。 此外， H5页面通常大量使用滚动侦测特效， 即滑动页面的 同时， 大量文字或图片会自动加载 出来， 造成一种动态美感， 非常适 合移动端浏览。 [0004]在H5页面浏览中， 高质量的H5页面会通过音乐， 图片， 视频及滑动屏 幕同时调用用 户的视觉， 触觉， 听觉， 从而提高产品的推广效果及传播效率。 但是现有的基于H5  页面的数 据获取过程较为单一， 无法进行后续的互动和衔接。 因此， 亟需一种基于H5  页面开发的数 据获取方法及装置， 以解决上述问题。 发明内容 [0005]本发明的目的在于提供一种基于H5页面开发的数据获取方法及装置， 以解决现有 的基于H5页面的数据获取 过程较为单一， 无法进行后续的互动和衔接的问题。 [0006]一方面， 一种基于 H5页面开发的数据获取 方法， 包括： [0007]获取用户所需要收集的需求数据类型； [0008]基于需求数据类型， 调用对应的输入组件和采集组件； [0009]为所述输入组件和采集组件配置对应的执 行环境； [0010]根据所述执 行环境调用预设的分析组件； [0011]通过分析组件将输入组件和采集组件配置 到对应的位置； [0012]通过配置好的输入组件和采集组件获取用户输入的目标 数据； [0013]将所述目标 数据保存到服 务器后调用外链或跳转界面。 [0014]进一步地， 获取用户所需要收集的需求数据类型的步骤中： [0015]所述用户所需要收集的需求数据类型包括： 文字、 数字、 图片、 链接、 文件。 [0016]进一步地， 基于需求数据类型， 调用对应的输入组件和采集组件的步骤中： [0017]所述输入组件 包括： 表格、 文本 框； [0018]所述采集组件 包括： 文件上传模块、 图片上传模块、 按 钮编辑模块。 [0019]进一步地， 为所述输入组件和采集组件配置对应的执 行环境的步骤中：说　明　书 1/4 页 3 CN 114741639 A 3