【技术实现步骤摘要】
本专利技术涉及web应用，具体而言，涉及一种表单生成方法、装置、电子设备及存储介质。
技术介绍
1、随着互联网技术的迅猛发展，web应用已经深入到我们生活的各个角落。表单打印作为web应用中不可或缺的数据收集工具和系统出具凭证的主要方式，其设计的灵活性和便捷性至关重要。
2、相关技术中，一般采用基于web技术的表单设计器工具，虽然其能够在一定程度上提供便利，但在由于现有的表单设计器工具与用户设备的适配原因，导致现有的表单设计器工具只能支持固定尺寸的纸张，且都需要在纸张固定区域绘制内容，表单设计的灵活性较差，不能满足用户需求。
技术实现思路
1、本专利技术解决的问题是如何改善表单设计的灵活性，以满足用户需求。
2、为解决上述问题，本专利技术提供一种表单生成方法、装置、电子设备及存储介质。
3、第一方面，本专利技术提供了一种表单生成方法，包括：
4、加载预设设计组件和预设纸张尺寸，其中，所述预设纸张尺寸包含多个不同的国际纸张尺寸；
5、基于所述预设纸张尺寸，根据获取的纸张确定指令和屏幕分辨率，确定表单显示尺寸，并在所述表单显示尺寸内显示表单纸张dom节点，其中，所述纸张确定指令包括选择预设尺寸指令和自定义尺寸指令；
6、基于所述预设设计组件，根据获取的组件调用命令，将调用的所述预设设计组件渲染至所述表单纸张dom节点，生成表单样式数据，并将获取的用户输入数据渲染至所述表单纸张dom节点；
7、渲染所述表
8、可选地，所述基于所述预设纸张尺寸，根据获取的纸张确定指令和屏幕分辨率，确定表单显示尺寸，包括：
9、基于所述预设纸张尺寸，根据所述纸张确定指令，确定实际纸张尺寸；
10、根据所述屏幕分辨率和预设误差参数，确定屏幕像素常数；
11、根据所述实际纸张尺寸和所述屏幕像素常数，确定所述表单显示尺寸。
12、可选地，所述渲染所述表单样式数据和所述用户输入数据，生成目标表单，包括：
13、根据获取的表单生成命令，调用渲染器；
14、根据所述渲染器，渲染所述表单样式数据和所述用户输入数据，生成所述目标表单。
15、可选地，所述用户输入数据包括静态数据和动态数据；所述将获取的用户输入数据渲染至所述表单纸张dom节点，包括：
16、将获取的所述静态数据渲染至所述表单纸张dom节点；
17、绑定所述动态数据和与其对应的所述预设设计组件，生成动态标识；
18、将所述动态标识渲染至所述表单纸张dom节点。
19、可选地，在所述并将获取的用户输入数据渲染至所述表单纸张dom节点之后，所述渲染所述表单样式数据和所述用户输入数据，生成目标表单之前，还包括：
20、根据获取的预览指令，采用css技术，隐藏调用的所述预设设计组件，显示所述表单纸张dom节点。
21、可选地，在所述渲染所述表单样式数据和所述用户输入数据，生成目标表单之后，还包括：
22、根据获取的表单打印指令，通过所述目标表单，生成可扩展标记语言文本；
23、根据所述可扩展标记语言文本，生成可携带文件格式导出文本。
24、可选地，在所述加载预设设计组件和预设纸张尺寸之前，还包括：
25、基于web技术，搭建表单设计环境。
26、第二方面，本专利技术提供了一种表单生成装置，包括：
27、加载模块，用于加载预设设计组件和预设纸张尺寸，其中，所述预设纸张尺寸包含多个不同的国际纸张尺寸；
28、纸张模块，用于基于所述预设纸张尺寸，根据获取的纸张确定指令和屏幕分辨率，确定表单显示尺寸，并在所述表单显示尺寸内显示表单纸张dom节点，其中，所述纸张确定指令包括选择预设尺寸指令和自定义尺寸指令；
29、渲染模块，用于基于所述预设设计组件，根据获取的组件调用命令，将调用的所述预设设计组件渲染至所述表单纸张dom节点，生成表单样式数据，并将获取的用户输入数据渲染至所述表单纸张dom节点；
30、生成模块，用于渲染所述表单样式数据和所述用户输入数据，生成目标表单。
31、第三方面，本专利技术提供了一种电子设备，包括存储器和处理器；
32、所述存储器，用于存储计算机程序；
33、所述处理器，用于当执行所述计算机程序时，实现如第一方面所述的表单生成方法。
34、第四方面，本专利技术提供了一种计算机可读存储介质，所述存储介质上存储有计算机程序，当所述计算机程序被处理器执行时，实现如第一方面所述的表单生成方法。
35、本专利技术的表单生成方法、装置、电子设备及存储介质的有益效果是：
36、通过加载预设设计组件和预设纸张尺寸，使用户可以快速选择预设的纸张尺寸和组件，无需从零开始构建每一个表单元素，从而大大提高了表单创建的效率，且用户可通过自定义尺寸指令自定义纸张大小，为用户提供了更大的灵活性，满足了用户的设计需求。再根据屏幕分辨率调整表单显示尺寸，确保表单可在各种设备上都能有良好的视觉呈现，增加了用户体验感。然后基于预设设计组件，根据获取的组件调用命令，将调用的预设设计组件渲染至表单纸张dom节点，生成表单样式数据，可使用户调用预设设计组件进行个性化定制，并实时显示，使用户可以在设计过程中看到即时的效果变化，以确定用户设计的表单样式数据，提高了设计效率和准确性，满足用户多样化的需求，再获取用户的用户输入数据，可在表单样式数据中添加用户输入的用户输入数据，以使用户完成表单的数据编辑，最后渲染表单样式数据和用户输入数据，生成符合用户设计的目标表单。
本文档来自技高网...【技术保护点】
1.一种表单生成方法，其特征在于，包括：
2.根据权利要求1所述的表单生成方法，其特征在于，所述基于所述预设纸张尺寸，根据获取的纸张确定指令和屏幕分辨率，确定表单显示尺寸，包括：
3.根据权利要求1所述的表单生成方法，其特征在于，所述渲染所述表单样式数据和所述用户输入数据，生成目标表单，包括：
4.根据权利要求1所述的表单生成方法，其特征在于，所述用户输入数据包括静态数据和动态数据；所述将获取的用户输入数据渲染至所述表单纸张DOM节点，包括：
5.根据权利要求1所述的表单生成方法，其特征在于，在所述并将获取的用户输入数据渲染至所述表单纸张DOM节点之后，所述渲染所述表单样式数据和所述用户输入数据，生成目标表单之前，还包括：
6.根据权利要求1所述的表单生成方法，其特征在于，在所述渲染所述表单样式数据和所述用户输入数据，生成目标表单之后，还包括：
7.根据权利要求1所述的表单生成方法，其特征在于，在所述加载预设设计组件和预设纸张尺寸之前，还包括：
8.一种表单生成装置，其特征在于，包括：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。