CN114428611A - 一种表单页面生成的方法、装置、电子设备及介质 - Google Patents
一种表单页面生成的方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN114428611A CN114428611A CN202210089921.4A CN202210089921A CN114428611A CN 114428611 A CN114428611 A CN 114428611A CN 202210089921 A CN202210089921 A CN 202210089921A CN 114428611 A CN114428611 A CN 114428611A
- Authority
- CN
- China
- Prior art keywords
- form page
- rendered
- component
- target form
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 68
- 238000009877 rendering Methods 0.000 claims abstract description 95
- 238000004590 computer program Methods 0.000 claims description 4
- 238000013461 design Methods 0.000 abstract description 11
- 230000008569 process Effects 0.000 description 20
- 238000011160 research Methods 0.000 description 15
- 230000006870 function Effects 0.000 description 10
- 238000012986 modification Methods 0.000 description 6
- 230000004048 modification Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000012827 research and development Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 4
- 238000012423 maintenance Methods 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 239000002699 waste material Substances 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000002457 bidirectional effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000011835 investigation Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/183—Tabulation, i.e. one-dimensional positioning
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请实施例提供一种表单页面生成的方法、装置、电子设备及介质,该方法包括:响应于表单页面生成指令,获取预先设定的目标表单页面数据;基于所述目标表单页面数据,获取组成表单页面的至少一个待渲染组件;对所述至少一个待渲染组件进行渲染,生成所述目标表单页面;向客户端发送所述目标表单页面。通过本申请的一些实施例能够实现服务端根据目标表单页面数据自动生成目标表单页面数据,减轻由于更改表单页面的设计而产生的更新时间,进而能够节省人力资源。
Description
技术领域
本申请实施例涉及表单生成领域,具体涉及一种表单页面生成的方法、装置、电子设备及介质。
背景技术
相关技术中,表单页面是了解事件发生情况的重要统计途径。在表单页面生成的过程中,通常由相关人员根据实际需求对表单进行设计,之后研发人员根据表单设计对后台代码进行修改。但,由于修改过程中重复过程较多,会耗费相关人员较多的时间和精力,并且不能保证生成的准确率,进而增加了维护成本。
因此,如何高效生成目标表单页面成为需要解决的问题。
发明内容
本申请实施例提供一种表单页面生成的方法、装置、电子设备及介质,通过本申请的一些实施例能够实现服务端根据目标表单页面数据自动生成目标表单页面数据,进而实现高效的生成目标表单页面。
第一方面,本申请提供了一种表单页面生成的方法,应用于服务端,所述方法包括:响应于表单页面生成指令,获取预先设定的目标表单页面数据;基于所述目标表单页面数据,获取组成表单页面的至少一个待渲染组件;对所述至少一个待渲染组件进行渲染,生成所述目标表单页面;向客户端发送所述目标表单页面。
因此,与现有技术不同的是,现有技术中需要研发人员对代码进行修改才能完成目标表单页面,而本申请中使用服务端根据目标表单页面数据对待渲染组件进行渲染,获得目标表单页面,从而能够减少目标表单页面的开发时间和维护成本,进而能够避免由于机械重复性的工作而导致的人力资源浪费。
结合第一方面,在本申请的一种实施方式中,所述目标表单页面数据包括所述至少一个待渲染组件的标识;所述方法还包括:获取所述目标表单页面数据和待更新表单页面,其中,所述待更新表单页面为用户登录的原始页面;所述基于所述目标表单页面数据,获取组成目标表单页面的至少一个待渲染组件,包括:提取所述目标表单页面数据中的所述至少一个待渲染组件的标识;在所述待更新表单页面中,查找到与所述标识相对应的待渲染组件,其中,一个标识对应一个待渲染组件。
因此,本申请实施例中,通过标识查找到相对应的待渲染组件,能够实现在表单页面需要更新的情况下,直接通过查找待渲染组件进行修改,无需研发人员进行手动修改,从而节省了人力成本,并且节省了研发人员在表单页面上消耗的时间。
结合第一方面,在本申请的一种实施方式中,所述目标表单页面数据包括所述至少一个待渲染组件的获取地址;所述基于所述目标表单页面数据,获取组成目标表单页面的至少一个待渲染组件,包括:提取所述目标表单页面数据中的所述至少一个待渲染组件的获取地址;在数据库中查找所述获取地址,并且获取与所述获取地址相对应的至少一个待渲染组件。
因此,本申请实施例通过获取地址,自动在数据库中查找并获取待渲染组件,能够区别于现有技术中,研发人员对组件进行手动编程,本申请实施例中,直接从数据库中获取待渲染组件,从而能够快速的获取待渲染组件,减少生成表单页面的时间,提高生成效率。
结合第一方面,在本申请的一种实施方式中,所述目标表单页面数据中包括渲染内容,所述渲染内容是需要展示在所述目标表单页面中的内容;所述对所述至少一个待渲染组件进行渲染,生成所述目标表单页面,包括:将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的至少一个表单项;将所述至少一个表单项进行组合,获得所述目标表单页面。
因此,本申请实施例通过将渲染内容放置在待渲染组件中,能够自动显示表单项,从而区别于相关技术中由研发人员手动将渲染内容输入到待渲染组件中,从而能够提升目标表单页面的生成速度。
结合第一方面,在本申请的一种实施方式中,所述目标表单页面数据中包括渲染规则,其中,所述渲染规则中规定了渲染内容的显示方式;所述将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的至少一个表单项,包括:依据所述渲染规则,将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的所述至少一个表单项。
因此,本申请实施例通过依据渲染规则将相对应的渲染内容放置在待渲染组件中,能够区分渲染内容的不同功能,例如,显示功能和提醒功能,从而能够节省研发人员依据渲染规则对渲染内容进行逐个调整的时间。
第二方面,本申请提供了一种表单页面生成的装置,应用于服务端,所述装置包括:数据获取模块,被配置为响应于表单页面生成指令,获取预先设定的目标表单页面数据;组件获取模块,被配置为基于所述目标表单页面数据,获取组成表单页面的至少一个待渲染组件;组件渲染模块,被配置为对所述至少一个待渲染组件进行渲染,生成所述目标表单页面;页面发送模块,被配置为向客户端发送所述目标表单页面。
结合第二方面,在本申请的一种实施方式中,所述目标表单页面数据包括所述至少一个待渲染组件的标识;所述数据获取模块,还被配置为:获取所述目标表单页面数据和待更新表单页面,其中,所述待更新表单页面为用户登录的原始页面;所述组件获取模块,还被配置为:提取所述目标表单页面数据中的所述至少一个待渲染组件的标识;在所述待更新表单页面中,查找到与所述标识相对应的待渲染组件,其中,一个标识对应一个待渲染组件。
结合第二方面,在本申请的一种实施方式中,所述目标表单页面数据包括所述至少一个待渲染组件的获取地址;所述组件获取模块,还被配置为:提取所述目标表单页面数据中的所述至少一个待渲染组件的获取地址;在数据库中查找所述获取地址,并且获取与所述获取地址相对应的至少一个待渲染组件。
结合第二方面,在本申请的一种实施方式中,所述目标表单页面数据中包括渲染内容,所述渲染内容是需要展示在所述目标表单页面中的内容;组件渲染模块还被配置为:将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的至少一个表单项;将所述至少一个表单项进行组合,获得所述目标表单页面。
结合第二方面,在本申请的一种实施方式中,所述目标表单页面数据中包括渲染规则,其中,所述渲染规则中规定了渲染内容的显示方式;所述组件渲染模块还被配置为:依据所述渲染规则,将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的所述至少一个表单项。
第三方面,本申请提供了一种电子设备,包括:处理器、存储器和总线;所述处理器通过所述总线与所述存储器相连,所述存储器存储有计算机可读取指令,当所述计算机可读取指令由所述处理器执行时,用于实现如第一方面及其任意实施方式中所述的方法。
第四方面,本申请提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被执行时实现如第一方面及其任意实施方式中所述的方法。
附图说明
图1为本申请实施例示出的表单页面生成的场景示意图;
图2为本申请实施例示出的表单页面生成的方法流程图之一;
图3为本申请实施例示出的表单系统界面示意图;
图4为本申请实施例示出的另表单页面生成的方法的流程图之二;
图5为本申请实施例示出的表单页面生成的装置组成框图;
图6为本申请实施例示出的电子设备组成示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中附图,对本申请实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例仅仅是本申请的一部分实施例,而不是全部实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此,以下对附图中提供的本申请的实施例的详情描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护范围。
本申请实施例可以应用于生成表单页面的场景,为了改善背景技术中的问题,在本申请的一些实施例中,相关人员在表单设计系统中,通过选择需要组件,以及为组件添加渲染内容和渲染规则获得目标表单页面数据。服务端根据相关人员设计的目标表单页面数据,快速生成目标表单页面。例如,在本申请的一些实施例中,服务端在接收到生成指令之后,将获取的目标表单页面数据中需要展示的内容,展示在相对应的组件中,从而生成目标表单页面。能够动态更新或生成目标表单页面,从而节省相关业务人员在创建表单页面过程中耗费的时间,提升相关业务人员的工作效率。
可以理解的是,相关人员是设计目标表单页面数据的人员,可以是产品经理等。客户端是用户填写表单所使用的设备,可以是电脑、笔记本电脑、平板电脑、手机等。服务端是生成和下发目标表单页面的设备,可以是服务器等。本申请实施例不限于此。
需要说明的是,表单页面可以为网页或者系统中采集数据过程中的显示界面。例如,用户注册页面、满意度调查页面、用户回访页面等。目标表单页面为使用当前的目标表单页面数据生成的页面,例如,当前的目标表单页面数据与用户满意度调查相关,那么,目标表单页面就是用户满意度调查页面。
图1提供了本申请一些实施例中的表单页面生成的场景示意图,该场景包括相关人员110、服务端120和客户端130。具体的,相关人员根据产品的实际设计需求(例如,用户满意度调查),对表单页面需要展示的信息进行设计,获得目标页面表单数据。服务端120在接收到表单页面生成指令后,获取已经预先设计完成的目标表单页面数据,之后通过对至少一个待渲染组件的渲染,自动的生成目标表单页面,并且把目标表单页面发送到客户端130。客户端130在接收到目标表单页面之后,将目标表单页面进行展示。
与本申请实施例不同的是相关技术中,相关人员110在设计完成目标表单页面数据之后,需要根据目标表单页面数据生成页面,或者对原始的表单页面有修改时,研发人员根据目标表单页面数据修改后台代码,再下发目标表单页面。但,由于修改过程中重复过程较多,会耗费相关人员较多的时间和精力,并且不能保证生成页面的准确率,进而增加了维护成本。而本申请通过服务端获取目标表单页面数据,自动生成目标表单页面,因此本申请的实施例并不需要像相关技术需要研发人员多次重复的修改后台代码。
另外,相关技术中相关人员110在设计表单页面的过程中,需要使用相对应的软件进行绘图,之后提交到研发人员。而在本申请的一些实施例中,相关人员110登录表单系统,在表单系统中选择需要显示的待渲染组件,并且为相对应的待渲染组件添加渲染内容和渲染规则,生成目标表单页面数据。
下文将详细描述本申请实施例中由服务端120所执行的表单页面生成的方法。
至少为了解决上述问题,如图2所示,本申请一些实施例提供了一种表单页面生成的方法,该方法包括:
S210,响应于表单页面生成指令,获取预先设定的目标表单页面数据。
需要说明的是,表单页面生成指令可以是相关人员触发的,也可以是用户触发的。作为本申请一种具体实施例,相关人员在设计完成目标表单页面数据之后,触发表单页面生成指令,以通知服务端接收目标表单页面数据。作为本申请的另一种具体实施例,用户在填写表单时,点击刷新的过程中,或者登录填表系统的过程中,触发表单页面生成指令,通过客户端向服务端发送该表单页面生成指令。
作为本申请的一种具体实施例,如图3所示的是本申请的一些实施例中,相关人员对表单进行设计时,使用的表单系统的界面。该表单系统中包括:组件部分和创建题目部分。组件部分中包括:单选题、多选题、数值、长文本、短文本、时间、地区和图片/视频上传。创建题目中包括:问卷题目名称、题目描述、页面可见人群、填写提示、组件ID和联动条件。
具体的,表单系统可以发布在服务端,表单系统响应于相关人员触发的组件选择指令,即选择组件中的任意一个,页面跳转至与该组件相对应的创建题目菜单中。获取用户在创建题目菜单中填写的渲染内容和渲染规则,生成第一表单页面数据。重复执行上述过程,直至接收到相关人员点击的生成表单数据指令,则将生成的N个表单页面数据进行组合,获得目标表单页面数据。
需要说明的是,联动条件用于规定当某一个表单项与另一个表单项进行联动的情况下的触发机制。例如:填写日期表单项与展示日期表单项进行联动时,当点击填写日期表单项,则会出现展示日期表单项,以使用户在展示日期表单项中选择日期。也就是说,联动项是需要联动的表单项,当某个表单项的数据发生变化时,可以影响另外一个表单项的显示或者隐藏。
作为本申请的一种具体实施例,目标表单页面数据中包括:题目类型、问卷题目名称、题目描述(以提示方式展示)、页面可见人群、填写提示、待渲染组件的标识、待渲染组件的获取地址、联动条件、是否动态展示等。具体如表1所示:
表1目标表单页面数据表
题目类型 | 单选题 |
问卷题目名称 | 您对提供的服务的满意程度 |
题目描述 | 请选择您对我们提供服务的满意程度 |
页面可见人群 | 全部可见 |
填写提示 | 请在选项中择一选择 |
待渲染组件的标识 | 无 |
待渲染组件的获取地址 | D:\组件\单选组件\assembly |
联动条件 | 无 |
是否动态展示 | 是 |
S220,基于目标表单页面数据,获取组成表单页面的至少一个待渲染组件。
在本申请的一种实施方式中,在服务端中已经存在表单页面,并且该表单页面需要更新的情况下,该表单页面即为待更新表单页面。本申请实施例中,对待更新表单页面进行更新的过程中,查找待渲染组件的过程如下所示:
步骤一:获取目标表单页面数据和待更新表单页面。
也就是说,待更新表单页面可以是用户登录的原始页面。在服务端中存在该待更新表单页面并且已经发送到客户端,用户在点击该待更新表单页面对应的连接或者重新登录填表系统时,触发表单页面生成指令。服务端在获取目标表单页面数据的同时,还会读取该待更新表单页面,以使能够根据目标表单页面数据对该待更新表单页面进行修改,获得目标表单页面。
步骤二:提取目标表单页面数据中的至少一个待渲染组件的标识。
也就是说,为了实现对待更新表单页面的修改和更新,相关人员在设计表单时,标记处需要修改的待渲染组件的标识,即对待更新表单页面进行更新的场景中,目标表单页面数据中包括需要修改的至少一个待渲染组件的标识。在服务端获取得到目标表单页面数据之后,提取需要修改的至少一个待渲染组件的标识,以使根据标识对组件中显示的内容进行修改。
需要说明的是,至少一个待渲染组件的标识是在更改待渲染组件过程中,用于查找到需要修改的待渲染组件,并且一个标识对应一个待渲染组件。例如,至少一个待渲染组件的标识可以是ID00121,也可以是第一题中的第二个组件。本申请实施例不限于此。
步骤三:在待更新表单页面中,查找到与标识相对应的待渲染组件。
也就是说,在提取得到至少一个待渲染组件的标识之后,在需要修改的待更新表单页面中查找到与标识相对应的待渲染组件。
例如,从目标表单页面数据中查找到的标识为ID00121,则在待更新表单页面中查找到与ID00121相对应的待渲染组件为输入框组件。
因此,本申请实施例中,通过标识查找到相对应的待渲染组件,能够实现在表单页面需要更新的情况下,直接通过查找待渲染组件进行修改,无需研发人员进行手动修改,从而节省了人力成本,并且节省了研发人员在表单页面上消耗的时间。
在本申请的另一种实施方式中,在服务端不存在表单页面,此时需要根据获取的目标表单页面数据进行生成。本申请实施例在上述场景中获取至少一个待渲染组件的过程如下所示:
步骤一:提取目标表单页面数据中的至少一个待渲染组件的获取地址。
也就是说,在服务端中不存在表单页面的过程中,相关人员在设计目标表单页面数据的过程中,在选取需要渲染的至少一个待渲染组件之后,为至少一个待渲染组件中的各待渲染组件标记获取地址,以使能够在数据库中查找并获取各待渲染组件。
例如,目标表单页面数据中包括的第一待渲染组件的获取地址为:D:\组件\单选组件\diyizujian。目标表单页面数据中包括的第二待渲染组件的获取地址为:D:\组件\多选组件\dierzujian。
步骤二:在数据库中查找获取地址,并且获取与获取地址相对应的至少一个待渲染组件。
也就是说,在提取得到至少一个待渲染组件的获取地址之后,先在数据库中根据获取地址查找到相对应的存放地点,然后从该存放地点中查找得到相对应的待渲染组件。
例如,第一待渲染组件的获取地址为:D:\组件\单选组件\diyizujian,则在数据库中查找到的待渲染组件为单选选择组件。
因此,本申请实施例通过获取地址,自动在数据库中查找并获取待渲染组件,能够区别于现有技术中,研发人员对组件进行手动编程,本申请实施例中,直接从数据库中获取待渲染组件,从而能够快速的获取待渲染组件,减少生成表单页面的时间,提高生成效率。
S230,对至少一个待渲染组件进行渲染,生成目标表单页面。
可以理解的是,目标表单页面数据中包括需要展示在目标表单页面中的渲染内容。例如,题目展示组件的渲染内容为:请选择您对我们提供服务的满意程度进行评价。并且,在目标表单页面数据中还包括规定了渲染内容的显示方式的渲染规则。例如,渲染内容“请选择您对我们提供服务的满意程度进行评价”的渲染规则为以提示的方式进行显示。
在本申请的一种实施方式中,对待渲染组件进行渲染,生成目标表单页面的过程如下所示:
步骤一:将渲染内容放置在至少一个待渲染组件中,获得相对应的至少一个表单项。
也就是说,将预先设置的需要展现在待渲染组件中的内容放置和显示在待渲染组件中,在渲染内容放置和显示完成后,获得相对应的表单项。属于同于组的待渲染组件在渲染之后,获得的表单项进行组合,获得表单组。
例如,第一待渲染组件中放置的内容为“请填写您的姓名”,第二待渲染组件中放置的内容为10个字之内。第一待渲染组件和第二待渲染组件属于同一组别,在渲染之后,将第一待渲染组件对应的表单项和第二待渲染组件对应的表单项进行组合,获得关于姓名调查的表单组。
需要说明的是,同属于同一表单组的待渲染组件为同一调查类型的N个待渲染组件,其中,N为大于或等于1的整数。例如,表单组中调查类型为年龄,包括标题待渲染组件和输入框待渲染组件,在分别进行渲染之后,获得标题表单项和输入框表单项,将标题表单项和输入框表单项进行组合之后获得关于年龄调查的表单组。
在本申请的一种实施方式中,依据渲染规则,将渲染内容放置在至少一个待渲染组件中,获得相对应的至少一个表单项。
作为本申请的一具体实施例,渲染规则为将渲染内容以显示的方式放置在相对应的待渲染组件中。
也就是说,在渲染规则为将渲染内容直接显示在待渲染组件中的情况下,将渲染内容所对应的文字,放置在待渲染组件中,获得相对应的表单项。
例如,第一待渲染组件对应的渲染内容为“请问您是否到访过某地”,则将“请问您是否到访过某地”之间放置并显示在第一待渲染组件上。
作为本申请的另一具体实施例,渲染规则为将渲染内容以提示信息的方式放置在相对应的待渲染组件中。
也就是说,为了提示用户如何对表单页面进行填写,会在需要填写内容的待渲染组件中放置提示用户如何填写表单的信息。这些提示信息的渲染规则为,将渲染内容以灰度字体放置在待渲染组件中,在用户点击表单页面中相对应的表单项的时,隐藏该渲染内容。
因此,本申请实施例通过依据渲染规则将相对应的渲染内容放置在待渲染组件中,能够区分渲染内容的不同功能,例如,显示功能和提醒功能,从而能够节省研发人员依据渲染规则对渲染内容进行逐个调整的时间。
需要说明的是,对待渲染组件的渲染不限于根据渲染规则和渲染内容进行渲染,还可以是根据规定的颜色、形状等对待渲染组件进行渲染。
步骤二:将至少一个表单项进行组合,获得目标表单页面。
也就是说,在对待渲染组件进行渲染获得相对应的表单项之后,将各表单项进行组合排序,获得目标表单页面。
例如,对待渲染组件进行渲染之后获得姓名表单项、年龄表单项和满意度调查表单项,之后将姓名表单项排在最上面,之后是年龄表单项,最后是满意度调查表单项。
因此,本申请实施例通过将渲染内容放置在待渲染组件中,能够自动显示表单项,从而区别于相关技术中由研发人员手动将渲染内容输入到待渲染组件中,从而能够提升目标表单页面的生成速度。
需要说明的是,待渲染组件是相关人员选择出的需要展示在目标表单页面中的组件。
S240,向客户端发送目标表单页面。
也就是说,在生成目标表单页面之后,服务端向客户端分发该目标表单页面,并且客户端显示该目标表单页面,以使用户能够对该目标表单页面进行填写。
因此,与现有技术不同的是,现有技术中需要研发人员对代码进行修改才能完成目标表单页面,而本申请中使用服务端根据目标表单页面数据对待渲染组件进行渲染,获得目标表单页面,从而能够减少目标表单页面的开发时间和维护成本,进而能够避免由于机械重复性的工作而导致的人力资源浪费。
上文描述了本申请实施例中一种表单页面生成的方法实施过程,下文将描述本申请实施例中一种表单生成的方法的具体实施例。
本申请实施例提供的一种表单生成的方法,能够解决目前研发人员手工生成目标表单页面的过程中,存在的耗时长、机械重复工作的问题,提高了目标表单页面生成的效率和准确性;另外还解决了在目标表单页面发布后,表单无法动态增加或者修改的问题,并且通过增加联动条件还可以动态控制一些表单项显示或者隐藏。有效的节省了研发人员在表单页面上耗费的时间,从而更加专注于功能开发,提升研发人员的工作效率。
因此,本申请实施例通过统一配置目标表单页面数据,通过渲染待渲染组件,快速生成具有动态渲染、校验和提交功能的目标表单页面。渲染后获得的表单项支持双向数据绑定、事件扩展以及自定义数据。当目标表单页面发生变化时,只需修改相关的组件即可。
如图4所示,本申请实施例中一种表单生成的方法的具体实施例流程如下:
首先,相关人员110执行S301配置目标表单页面。具体的,相关人员110进入表单管理系统,在表单列表进行已有的表单管理,比如可以新增新的表单页面数据或者编辑已有的表单页面数据。例如,相关人员110在新增表单的页面中选择相关的表单项,如文本框、下拉选择框,然后填写表单项目的关联属性,比如表单项名称、联动条件、是否动态展示等自定义配置。最后提交保存,执行S302生成目标表单页面数据。最后,执行S303校验数据是否正确,在数据校验正确的情况下执行S304下发目标表单页面数据,在数据校验不正确的情况下,重新执行S302。
通过本申请上述实施例能够在保证表单管理灵活性、易用性、可扩展性的同时,也节省了相关人员绘制原型图的时间,有效的提高了相关人员的工作效率。
接着,服务端120需要对待更新表单进行更新时,首先,执行S305登录待更新表单页面。具体的,通过发送数据交互请求获取到相关人员110配置的指定目标表单页面数据。然后,执行S305获取至少一个待渲染组件和S307解析目标表单页面数据。具体的,引入待渲染组件,将解析得到的渲染内容传递到该待渲染组件,在组件内部通过逐项匹配渲染规则的方式,依次渲染对应的待渲染组件,获得表单项。最后执行S308生成目标表单页面。具体的,根据生成的各表单项进行组合,生成目标表单页面。
最后,若表单页面需要继续进行修改时,相关人员在表单管理系统中修改相关的表单数据,例如,表单项的名称、联动条件、是否动态展示等,然后提交修改。客户端再次打开该表单页面时,服务端自动将原始的表单页面进行修改,获得目标表单页面。
通过本申请上述实施例能够实现快速完成页面开发的同时,也节省去了相关人员还原产品原型的步骤,实现快速、灵活配置表单页面。同时,研发人员无需再次修改代码,节省了研发人员在表单页面上耗费的时间,快速生成具有动态渲染、校验和提交功能的目标表单页面。
上文描述了一种表单页面生成的方法的具体实施例,下文将描述一种表单页面生成的装置。
如图5所示,一种表单页面生成的装置400,包括:数据获取模块410、组件获取模块420、组件渲染模块430和页面发送模块440。
本申请提供了一种表单页面生成的装置400,应用于服务端,所述装置包括:数据获取模块410,被配置为响应于表单页面生成指令,获取预先设定的目标表单页面数据;组件获取模块420,被配置为基于所述目标表单页面数据,获取组成表单页面的至少一个待渲染组件;组件渲染模块430,被配置为对所述至少一个待渲染组件进行渲染,生成所述目标表单页面;页面发送模块440,被配置为向客户端发送所述目标表单页面。
在本申请的一种实施方式中,所述目标表单页面数据包括所述至少一个待渲染组件的标识;所述数据获取模块410,还被配置为:获取所述目标表单页面数据和待更新表单页面,其中,所述待更新表单页面为用户登录的原始页面;所述组件获取模块420,还被配置为:提取所述目标表单页面数据中的所述至少一个待渲染组件的标识;在所述待更新表单页面中,查找到与所述标识相对应的待渲染组件,其中,一个标识对应一个待渲染组件。
在本申请的一种实施方式中,所述目标表单页面数据包括所述至少一个待渲染组件的获取地址;所述组件获取模块420,还被配置为:提取所述目标表单页面数据中的所述至少一个待渲染组件的获取地址;在数据库中查找所述获取地址,并且获取与所述获取地址相对应的至少一个待渲染组件。
在本申请的一种实施方式中,所述目标表单页面数据中包括渲染内容,所述渲染内容是需要展示在所述目标表单页面中的内容;组件渲染模块430还被配置为:将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的至少一个表单项;将所述至少一个表单项进行组合,获得所述目标表单页面。
在本申请的一种实施方式中,所述目标表单页面数据中包括渲染规则,其中,所述渲染规则中规定了渲染内容的显示方式;所述组件渲染模块430还被配置为:依据所述渲染规则,将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的所述至少一个表单项。
在本申请实施例中,图5所示模块能够实现图1、图2、图3和图4方法实施例中的各个过程。图5中的各个模块的操作和/或功能,分别为了实现图1、图2、图3和图4中的方法实施例中的相应流程。具体可参见上述方法实施例中的描述,为避免重复,此处适当省略详细描述。
如图6所示,本申请实施例提供一种电子设备500,包括:处理器510、存储器520和总线530,所述处理器通过所述总线与所述存储器相连,所述存储器存储有计算机可读取指令,当所述计算机可读取指令由所述处理器执行时,用于实现如上述所有实施例中任一项所述的方法,具体可参见上述方法实施例中的描述,为避免重复,此处适当省略详细描述。
其中,总线用于实现这些组件直接的连接通信。其中,本申请实施例中处理器可以是一种集成电路芯片,具有信号的处理能力。上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器可以是,但不限于,随机存取存储器(Random Access Memory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(Programmable Read-Only Memory,PROM),可擦除只读存储器(Erasable Programmable Read-Only Memory,EPROM),电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory,EEPROM)等。存储器中存储有计算机可读取指令,当所述计算机可读取指令由所述处理器执行时,可以执行上述实施例中所述的方法。
可以理解,图6所示的结构仅为示意,还可包括比图6中所示更多或者更少的组件,或者具有与图6所示不同的配置。图6中所示的各组件可以采用硬件、软件或其组合实现。
本申请实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被服务器执行时实现上述所有实施方式中任一所述的方法,具体可参见上述方法实施例中的描述,为避免重复,此处适当省略详细描述。
以上所述仅为本申请的优选实施例而已,并不用于限制本申请,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种表单页面生成的方法,其特征在于,应用于服务端,所述方法包括:
响应于表单页面生成指令,获取预先设定的目标表单页面数据;
基于所述目标表单页面数据,获取组成表单页面的至少一个待渲染组件;
对所述至少一个待渲染组件进行渲染,生成所述目标表单页面;
向客户端发送所述目标表单页面。
2.根据权利要求1所述的方法,其特征在于,所述目标表单页面数据包括所述至少一个待渲染组件的标识;所述方法还包括:
获取所述目标表单页面数据和待更新表单页面,其中,所述待更新表单页面为用户登录的原始页面;
所述基于所述目标表单页面数据,获取组成目标表单页面的至少一个待渲染组件,包括:
提取所述目标表单页面数据中的所述至少一个待渲染组件的标识;
在所述待更新表单页面中,查找到与所述标识相对应的待渲染组件,其中,一个标识对应一个待渲染组件。
3.根据权利要求1所述的方法,其特征在于,所述目标表单页面数据包括所述至少一个待渲染组件的获取地址;
所述基于所述目标表单页面数据,获取组成目标表单页面的至少一个待渲染组件,包括:
提取所述目标表单页面数据中的所述至少一个待渲染组件的获取地址;
在数据库中查找所述获取地址,并且获取与所述获取地址相对应的至少一个待渲染组件。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述目标表单页面数据中包括渲染内容,所述渲染内容是需要展示在所述目标表单页面中的内容;
所述对所述至少一个待渲染组件进行渲染,生成所述目标表单页面,包括:
将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的至少一个表单项;
将所述至少一个表单项进行组合,获得所述目标表单页面。
5.根据权利要求4所述的方法,其特征在于,所述目标表单页面数据中包括渲染规则,其中,所述渲染规则中规定了渲染内容的显示方式;
所述将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的至少一个表单项,包括:
依据所述渲染规则,将所述渲染内容放置在所述至少一个待渲染组件中,获得相对应的所述至少一个表单项。
6.一种表单页面生成的装置,其特征在于,应用于服务端,所述装置包括:
数据获取模块,被配置为响应于表单页面生成指令,获取预先设定的目标表单页面数据;
组件获取模块,被配置为基于所述目标表单页面数据,获取组成表单页面的至少一个待渲染组件;
组件渲染模块,被配置为对所述至少一个待渲染组件进行渲染,生成所述目标表单页面;
页面发送模块,被配置为向客户端发送所述目标表单页面。
7.根据权利要求6所述的装置,其特征在于,所述目标表单页面数据包括所述至少一个待渲染组件的标识;
所述数据获取模块,还被配置为:
获取所述目标表单页面数据和待更新表单页面,其中,所述待更新表单页面为用户登录的原始页面;
所述组件获取模块,还被配置为:
提取所述目标表单页面数据中的所述至少一个待渲染组件的标识;
在所述待更新表单页面中,查找到与所述标识相对应的待渲染组件,其中,一个标识对应一个待渲染组件。
8.根据权利要求6所述的装置,其特征在于,所述目标表单页面数据包括所述至少一个待渲染组件的获取地址;
所述组件获取模块,还被配置为:
提取所述目标表单页面数据中的所述至少一个待渲染组件的获取地址;
在数据库中查找所述获取地址,并且获取与所述获取地址相对应的至少一个待渲染组件。
9.一种电子设备,其特征在于,包括:处理器、存储器和总线;
所述处理器通过所述总线与所述存储器相连,所述存储器存储有计算机可读取指令,当所述计算机可读取指令由所述处理器执行时,用于实现如权利要求1-5任一项所述方法。
10.一种计算机可读存储介质,其特征在于,该计算机可读存储介质上存储有计算机程序,该计算机程序被执行时实现如权利要求1-5任一项所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210089921.4A CN114428611A (zh) | 2022-01-25 | 2022-01-25 | 一种表单页面生成的方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210089921.4A CN114428611A (zh) | 2022-01-25 | 2022-01-25 | 一种表单页面生成的方法、装置、电子设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114428611A true CN114428611A (zh) | 2022-05-03 |
Family
ID=81313136
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210089921.4A Pending CN114428611A (zh) | 2022-01-25 | 2022-01-25 | 一种表单页面生成的方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114428611A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103166916A (zh) * | 2011-12-12 | 2013-06-19 | 深圳市金蝶中间件有限公司 | 页面更新方法及系统 |
CN109739497A (zh) * | 2018-12-06 | 2019-05-10 | 深圳市中农网有限公司 | 页面开发方法、装置、计算机设备及存储介质 |
CN111178012A (zh) * | 2019-12-03 | 2020-05-19 | 腾讯云计算(北京)有限责任公司 | 一种表单渲染方法、装置、设备及存储介质 |
-
2022
- 2022-01-25 CN CN202210089921.4A patent/CN114428611A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103166916A (zh) * | 2011-12-12 | 2013-06-19 | 深圳市金蝶中间件有限公司 | 页面更新方法及系统 |
CN109739497A (zh) * | 2018-12-06 | 2019-05-10 | 深圳市中农网有限公司 | 页面开发方法、装置、计算机设备及存储介质 |
CN111178012A (zh) * | 2019-12-03 | 2020-05-19 | 腾讯云计算(北京)有限责任公司 | 一种表单渲染方法、装置、设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
YACAN8: "彻底理解服务端渲染 - SSR原理", pages 1 - 19, Retrieved from the Internet <URL:https://github.com/yacan8/blog/issues/30> * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106933722B (zh) | 一种网页应用监控方法、服务器和系统 | |
CN109725901B (zh) | 前端代码的开发方法、装置、设备和计算机存储介质 | |
US7747940B2 (en) | System and method for data collection and processing | |
US6189029B1 (en) | Web survey tool builder and result compiler | |
CN111176963B (zh) | 一种服务评价信息的处理方法及装置 | |
CN111695331B (zh) | 一种评价模板的生成方法及终端 | |
CN112925520A (zh) | 可视化页面的搭建方法、装置及计算机设备 | |
CN112558967A (zh) | 页面自动生成方法、装置、电子设备和存储介质 | |
CN109542878B (zh) | 一种列表创建方法及装置 | |
CN114564270B (zh) | 列表组件渲染、页面的前端展示方法、装置、设备及介质 | |
CN114003818A (zh) | 页面推荐方法、装置、服务器及存储介质 | |
CN113822033B (zh) | 报表的生成方法、装置、设备以及存储介质 | |
CN112035113A (zh) | H5页面的导航栏加载方法、装置、设备及介质 | |
CN114491354A (zh) | 一种页面生成方法、装置及计算机可读存储介质 | |
CN114428611A (zh) | 一种表单页面生成的方法、装置、电子设备及介质 | |
CN111488374A (zh) | 成绩查询任务的构建方法、成绩查询系统、设备和介质 | |
CN109120783A (zh) | 信息获取方法及装置、移动终端和计算机可读存储介质 | |
US20070233812A1 (en) | Common communication framework for network objects | |
CN114298689A (zh) | 物资审批方法、装置、服务器、存储介质及产品 | |
CN115171828A (zh) | 问卷调查方法、装置、电子设备及存储介质 | |
CN113656033A (zh) | 列表页面生成方法、装置、设备、介质和程序产品 | |
CN113988009A (zh) | 信息投放区生成、信息投放方法、电子设备及存储介质 | |
CN113741953A (zh) | 表单处理方法、装置、电子设备和计算机存储介质 | |
JP6728658B2 (ja) | 支援装置、システム、支援方法およびプログラム | |
CN115934068B (zh) | 数据统计页面的生成方法、显示方法、服务器及移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |