本申请公开了一种前端表单描述生成和展示的方法，该方法利用对象来记录和描述题目，将题目用数组来保存，最终只需要循环遍历数组即可实现表单的展示，一方面，在表单题目发生变更时可以自动化将题目转换为目标数据结构的对象，避免人为编写代码，提升开发效率，另一方面，将题目信息和表单展示流程解耦，每次题目变更只需要替换对象即可，提升了代码的可拓展性和可维护性。此外，本申请还提供了一种前端表单描述生成和展示的装置、设备及计算机可读存储介质，其技术效果与上述方法的技术效果相对应。相对应。相对应。
【技术实现步骤摘要】
一种前端表单描述生成和展示的方法、装置及设备
[0001]本申请涉及计算机
，特别涉及一种前端表单描述生成和展示的方法、装置、设备及计算机可读存储介质。
技术介绍
[0002]表单在我们的日常生活种随处可见，使用的非常频繁。例如某银行app，有针对用户的风险承受能力推出的风险评测功能，要求用户选择职业、月收入、可接受的亏损等，这些题目组成的就是一个表单；例如某企业新入职的员工需要填写的表格，需要登记新员工的姓名、年龄、户籍、家庭成员状况等信息，这个表格也是一种表单。
[0003]如果单纯的用纯html代码来展示表单，表单代码将变得十分的臃肿，不利于开发人员维护和理解，特别是更换题目或题型的时候，往往一个非常简单的变更也需要花费程序员很多的时间。假设在开发的时候，有一个项目需要每周向用户推送表单，每周的题目都不一样，题型也不一样，有单选题、多选题、填空题等。前端展示给用户的界面其实都是html片段，由于表单相较于其他组件如果每次都需要重新开发，再html手写题目以及题型，导致html代码变得非常的长，不利于维护、可读性非常低。
[0004]如何就优化表单的生成与描述，避免代码繁琐且不便于维护的缺点，是亟待本领域技术人员解决的问题。
技术实现思路
[0005]本申请的目的是提供一种前端表单描述生成和展示的方法、装置、设备及计算机可读存储介质，用以解决目前通过html片段描述表单，导致代码过长且不利于维护的问题。其具体方案如下：
[0006]第一方面，本申请提供了一种前端表单描述生成和展示的方法，包括：
[0007]将表单中每个题目转换为目标数据结构的对象；
[0008]将所述表单中全部所述题目的对象存储至目标数组；
[0009]遍历所述目标数组，利用组件展示所述目标数组中各个所述对象，以实现表单的前端展示。
[0010]可选的，所述表单包括多种题型的题述，所述将表单中每个题目转换为目标数据结构的对象，包括：
[0011]将表单中每个题目转换为与所述题目的题型对应的目标数据结构的对象。
[0012]可选的，所述目标数据结构的对象包括以下字段：题号、题目、题型、用户答案。
[0013]可选的，所述利用组件展示所述目标数组中各个所述对象，包括：
[0014]对于所述目标数组中的每个所述对象，利用与所述对象的题型对应的组件展示所述对象。
[0015]可选的，所述表单包括以下任意一种或多种题型：简答题、单选题、多选题、级联选择题。
[0016]可选的，所述利用组件展示所述目标数组中各个所述对象，包括：
[0017]利用input组件展示所述目标数组中题型为简单题的对象；
[0018]和/或，利用radio组件展示所述目标数组中题型为单选题的对象；
[0019]和/或，利用checkbox组件展示所述目标数组中题型为多选题的组件；
[0020]和/或，利用第三方组件展示所述目标数组中题型为级联选择提的组件。
[0021]可选的，所述遍历所述目标数组，利用组件展示所述目标数组中各个所述对象，包括：
[0022]利用预设javascript脚本遍历所述目标数组，利用组件展示所述目标数组中各个所述对象。
[0023]第二方面，本申请提供了一种前端表单描述生成和展示的装置，包括：
[0024]转换模块，用于将表单中每个题目转换为目标数据结构的对象；
[0025]存储模块，用于将所述表单中全部所述题目的对象存储至目标数组；
[0026]展示模块，用于遍历所述目标数组，利用组件展示所述目标数组中各个所述对象，以实现表单的前端展示。
[0027]第三方面，本申请提供了一种前端表单描述生成和展示的设备，包括：
[0028]存储器：用于存储计算机程序；
[0029]处理器：用于执行所述计算机程序，以实现如上所述的前端表单描述生成和展示的方法。
[0030]第四方面，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时用于实现如上所述的前端表单描述生成和展示的方法。
[0031]本申请所提供的一种前端表单描述生成和展示的方法，包括：将表单中每个题目转换为目标数据结构的对象；将表单中全部题目的对象存储至目标数组；遍历目标数组，利用组件展示目标数组中各个对象，以实现表单的前端展示。可见，该方法利用对象来记录和描述题目，将题目用数组来保存，最终只需要循环遍历数组即可实现表单的展示，一方面，在表单题目发生变更时可以自动化将题目转换为目标数据结构的对象，避免人为编写代码，提升开发效率，另一方面，将题目信息和表单展示流程解耦，每次题目变更只需要替换对象即可，提升了代码的可拓展性和可维护性。
[0032]此外，本申请还提供了一种前端表单描述生成和展示的装置、设备及计算机可读存储介质，其技术效果与上述方法的技术效果相对应，这里不再赘述。
附图说明
[0033]为了更清楚的说明本申请实施例或现有技术的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0034]图1为本申请所提供的前端表单描述生成和展示的方法实施例一的流程图；
[0035]图2为本申请所提供的前端表单描述生成和展示的方法实施例二的流程图；
[0036]图3为本申请所提供的前端表单描述生成和展示的方法实施例二中对象结构示意
图；
[0037]图4为本申请所提供的前端表单描述生成和展示的方法实施例二中简答题对象结构示意图；
[0038]图5为本申请所提供的前端表单描述生成和展示的方法实施例二中单选题对象结构示意图；
[0039]图6为本申请所提供的前端表单描述生成和展示的方法实施例二中级联选择题对象结构示意图；
[0040]图7为本申请所提供的前端表单描述生成和展示的方法实施例二中问题数组结构示意图；
[0041]图8为本申请所提供的前端表单描述生成和展示的装置实施例的示意图。
具体实施方式
[0042]为了使本
的人员更好地理解本申请方案，下面结合附图和具体实施方式对本申请作进一步的详细说明。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0043]本申请的核心是提供一种前端表单描述生成和展示的方法、装置、设备及计算机可读存储介质，利用对象来记录和描述题目，将题目用数组来保存，最终只需要循环遍历数组即可实现表单的展示，自动化将题目转换为对象，避免人为编写代码，提升开发效率，而且将题目信息和表单展示流程解耦，每次题目变更只需本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种前端表单描述生成和展示的方法，其特征在于，包括：将表单中每个题目转换为目标数据结构的对象；将所述表单中全部所述题目的对象存储至目标数组；遍历所述目标数组，利用组件展示所述目标数组中各个所述对象，以实现表单的前端展示。2.如权利要求1所述的方法，其特征在于，所述表单包括多种题型的题述，所述将表单中每个题目转换为目标数据结构的对象，包括：将表单中每个题目转换为与所述题目的题型对应的目标数据结构的对象。3.如权利要求2所述的方法，其特征在于，所述目标数据结构的对象包括以下字段：题号、题目、题型、用户答案。4.如权利要求3所述的方法，其特征在于，所述利用组件展示所述目标数组中各个所述对象，包括：对于所述目标数组中的每个所述对象，利用与所述对象的题型对应的组件展示所述对象。5.如权利要求4所述的方法，其特征在于，所述表单包括以下任意一种或多种题型：简答题、单选题、多选题、级联选择题。6.如权利要求5所述的方法，其特征在于，所述利用组件展示所述目标数组中各个所述对象，包括：利用input组件展示所述目标数组中题型为简单题的对象；和/或，利用radio组件展示所述目标数组中题型为...
【专利技术属性】
技术研发人员：瞿铭超，景晟，
申请(专利权)人：杭州安恒信息安全技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。