[发明专利]一种生成多端表单交互页面的方法及系统

说明书

本发明提出了一种生成多端表单交互页面的方法及系统，属于计算机应用技术领域，包括：构建表单配置页面，并将表单配置信息存入浏览器中；构建标准化表单组件，将其排列在浏览器的表单设计区上方，并从标准化表单组件中选择对应组件布置到表单设计区；设置所需源代码的语言类型；对界面设计区的表单内容进行表单项数量和类型的配置；设置每一个表单组件的参数配置，得到需要的表单交互页面的全部配置；导出对应的表单源代码，从浏览器中获取整个表单项的配置及源代码类型，根据语言类型分别采用对应的字符串拼接技术从表单设计区得到多端表单交互页面的源代码。本发明根据对表单项的参数配置，可实现表单项的个性化需求。

技术领域

本发明属于计算机应用技术领域，尤其涉及一种生成多端表单交互页面的方法及系统。

背景技术

本部分的陈述仅仅是提供了与本发明相关的背景技术信息，不必然构成在先技术。

表单交互页面广泛存在于Web、Android、iOS、小程序等多端应用中，现有技术下，相同的表单项要素，也要分别使用不同的语言进行开发生成对应的交互页面，其开发效率低且不同步，开发时间也相对比较长。

现有技术和开发流程是：每种端要先学习对应的语言，然后再选择对应的语言的代码框架，上述学习和应用的成本极高。

另外，现有技术中存在用于生成整个web页面，而不是生成仅用于表单交互的代码，无法直接面向程序员使用。

发明内容

为克服上述现有技术的不足，本发明提供了一种生成多端表单交互页面的方法，将用户与表单源代码隔离开，可高效地实现表单交互页面的生成，开发效率高。

为实现上述目的，本发明的一个或多个实施例提供了如下技术方案：

第一方面，公开了一种生成多端表单交互页面的方法，包括：

构建表单配置页面，并将表单配置信息存入浏览器中；

构建标准化表单组件，将其排列在浏览器的表单设计区上方，并从标准化表单组件中选择对应组件布置到表单设计区；

设置所需源代码的语言类型；

对界面设计区的表单内容进行表单项数量和类型的配置；

设置每一个表单组件的参数配置，得到需要的表单交互页面的全部配置；

导出对应的表单源代码，从浏览器中获取整个表单项的配置及源代码类型，根据语言类型分别采用对应的字符串拼接技术从表单设计区得到多端表单交互页面的源代码。

进一步的技术方案，构建表单配置页面时根据用户自身需求选择所需的表单项的组合与配置，并将用户的选择存入到浏览器的localStorage中。

进一步的技术方案，构建标准化表单组件并提供表单组件效果图，表单组件包括输入框、搜索、选择器、单选框、复选框、级联选择、时间选择、日历及开关；

基于浏览器的表单设计区中，设计区上方排列标准化表单组件，下方为表单设计区；

通过拖拽，插入组件效果动作将所选表单组件布置到设计区中。

进一步的技术方案，设置所需源代码的语言类型时，包括不同端对应的开发语言。

进一步的技术方案，对界面设计区的表单内容进行表单项数量和类型的配置，具体包括：

根据不同的需求设置表单组件的数量，为每个表单组件配置组件类型，包括输入框、搜索、选择器、单选框、复选框、级联选择、时间选择、日历及开关。

进一步的技术方案，设置每一个表单组件的参数配置，得到需要的表单交互页面的全部配置，具体包括：