CN112799760B - 一种表单渲染方法及其装置 - Google Patents
一种表单渲染方法及其装置 Download PDFInfo
- Publication number
- CN112799760B CN112799760B CN202110103647.7A CN202110103647A CN112799760B CN 112799760 B CN112799760 B CN 112799760B CN 202110103647 A CN202110103647 A CN 202110103647A CN 112799760 B CN112799760 B CN 112799760B
- Authority
- CN
- China
- Prior art keywords
- logic
- type
- rendered
- rendering
- generating
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- Image Generation (AREA)
Abstract
本发明实施例公开了一种表单渲染方法及其装置。前端在进行表单渲染时,前端获取表单渲染请求,确定表单渲染请求对应的待渲染表单项,确定待渲染表单项所属的表单类型以及确定表单类型对应的表单逻辑,由于表单逻辑以及表单类型和表单逻辑的对应关系预先在前端存储,在确定表单类型时,无需从后台调取表单逻辑,避免与后台进行多次交互,提高表单逻辑的确定效率;进一步地,对于类型相同的待渲染表单项,可以复用一套表单逻辑,基于一套表单逻辑动态配置各待渲染表单项对应的渲染模板并进行表单渲染,无需对每个待渲染表单项均从后台调取固定模板,灵活性较高,且可以提高表单渲染效率。
Description
技术领域
本发明实施例涉及计算机应用技术,尤其涉及一种表单渲染方法及其装置。
背景技术
在信息通过网络传输时,常常需要使用表单向用户展示信息,这些表单的内容与表现形式不尽相同却又相差不大。
随着用户的需求不断增加,需要不断更新表单的渲染模板。目前,对渲染模板进行渲染时,根据表单渲染请求项从后台调取待渲染表单项的渲染模板,基于渲染模板对每个待渲染表单项进行渲染。然而,在渲染表单项时,前端需要不断请求后台获取渲染模板,如果遇到网络不通畅的情况,影响表单的渲染效率。
发明内容
本发明实施例提供了一种表单渲染方法及其装置,实现了提高表单渲染效率的效果。
第一方面,本发明实施例提供了一种表单渲染方法,该方法包括:
前端获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
所述前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染。
第二方面,本发明实施例还提供了一种渲染模板生成装置,该装置包括:
待渲染表单项确定模块,用于获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
表单逻辑确定模块,用于确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
渲染模块,用于所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染。
本实施例提供的技术方案,在进行表单渲染时,前端获取表单渲染请求,并确定表单渲染请求对应的待渲染表单项,前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定表单类型对应的表单逻辑,由于表单逻辑以及表单类型和表单逻辑的对应关系预先在前端存储,在确定表单类型时,无需从后台调取表单逻辑,避免与后台进行多次交互,有利于提高表单逻辑的确定效率;进一步的,前端基于表单类型对应的表单逻辑,对待渲染表单项进行渲染。在渲染过程中,对于类型相同的待渲染表单项,可以复用一套表单逻辑,基于一套表单逻辑动态配置各待渲染表单项对应的渲染模板并进行表单渲染,无需对每个待渲染表单项均从后台调取固定模板,灵活性较高,且可以提高表单渲染效率。
附图说明
图1为本发明实施例一提供的一种表单渲染方法的流程示意图;
图2为本发明实施例二提供的一种表单渲染方法的流程示意图;
图3为本发明实施例二提供的一种表单渲染的逻辑示意图;
图4为本发明实施例三提供的一种表单渲染装置的结构示意图;
图5为本发明实施例四提供的一种表单渲染设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一提供的一种表单渲染方法的流程示意图,本实施例可适用于表达渲染的情况,该方法可以由表单渲染装置来执行,其中该装置可由软件和/或硬件实现,并一般集成在前端中,前端可以理解为用于表单渲染设备。所述表单渲染设备可以包括但不限于手机、平板以及计算机。具体参见图1所示,该方法可以包括如下步骤:
S110、前端获取表单渲染请求,并确定表单渲染请求对应的待渲染表单项。
其中,表单渲染请求可以理解为将应用程序或者网页中的待渲染表单项进行渲染以将待渲染表单项进行显示的显示请求。需要说明的是,用户点击前端界面上的内容标识(即业务标识)时,前端根据用户的触发操作生成表单渲染请求。业务标识可以包括访问应用程序或网页的按钮,例如,登录按钮、注册按钮等。示例性地,医院入驻医保大健康平台时,医院管理员在前端界面点击医保大健康平台的注册标识,前端根据注册标识的触发操作生成表单渲染请求。
其中,待渲染表单项可以理解为应用程序或者网页中需要展示给用户的表单项。前端获取表单渲染请求时,根据表单渲染请求与表单项的对应关系,确定待渲染表单项。例如,医院管理员在医保大健康平台上点击注册标识,前端生成表单渲染请求,并根据表单渲染请求确定医保大健康平台的各表单项,得到表单渲染请求对应的待渲染表单项。其中,医保大健康平台的表单项可以包括选择地址、医院名称、互联网医院ID、互联网医院名称、医院公众号、医院管理员手机号、初始管理员姓名、开通业务等。
S120、前端确定待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定表单类型对应的表单逻辑。
可选地,表单类型的确定方法,包括:提取待渲染表单项的字段;根据待渲染表单项的字段和类型判断的字段,确定待渲染表单项所属的表单类型。其中,表单类型可以包括下列类型、输入类型、单/多选类型。具体地,类型判断字段是type字段,如果待渲染表单项的字段是select字段,基于type字段和select字段确定待渲染表单项所属的表单类型为下列类型;如果待渲染表单项的字段是input字段,基于type字段和input字段确定待渲染表单项所属的表单类型为输入类型;如果待渲染表单项的字段是redio字段,基于type字段和redio字段确定待渲染表单项所属的表单类型为单选类型;如果待渲染表单项的字段是checkbox字段,基于type字段和checkbox字段确定待渲染表单项所属的表单类型为多选类型。
需要说明的是,前端预先存储各表单类型对应的表单逻辑,当前端确定表单类型后,基于表单逻辑和表单类型之间的对应关系,确定待渲染表单项所属的表单类型对应的表单逻辑。
可选地,表单类型对应的表单逻辑的生成方法,包括:通过后台获取表单生成请求,其中,所述表单生成请求包括至少一个待创建表单项;通过后台根据所述待创建表单项对应的实例化信息,确定所述待创建表单项对应的表单类型,并确定所述表单类型对应的表单逻辑,并将所述表单逻辑和所述表单类型发送至前端。
其中,实例化信息可以理解为待创建表单项对应的实例变量。例如,待创建表单项是性别,实例化信息包括男/女。具体地,后台读取待创建表单项对应的实例化信息,根据待创建表单项对应的实例化信息,确定待创建表单项对应的表单类型,并读取用于生成各表单类型对应的表单逻辑的方法,得到各表单类型对应的表单逻辑,将得到的表单逻辑和表单类型对应发送至前端。
需要说明的是,在表单逻辑开发时,后台确定每个待创建表单项对应的表单类型,针对每个表单类型确定对应的表单逻辑,并将表单逻辑和表单类型对应发送至前端,这样,前端可以直接利用表单逻辑进行表单渲染,无需在前端再做开发,将前端的资源从开发工作中释放出来,并提高了表单逻辑的开发效率。
S130、前端基于表单类型对应的表单逻辑,对待渲染表单项进行渲染。
需要说明的是,对待渲染表单项进行渲染可以理解为将表单项在前端页面上展示的过程。可选地,所述基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染,包括:基于所述表单逻辑生成所述表单类型对应的文本框;在所述文本框中,基于所述表单逻辑和校验字段生成校验方法,和/或,在所述文本框中,基于所述表单逻辑和备注字段生成备注文字。
其中,文本框可以理解为用于输入或者点击的控件。所述文本框可以包括但不限于下拉类型对应的下拉框、输入类型对应的输入框以及单/多选类型对应的单/多选框。
具体地,读取各表单类型的字段,根据各表单类型的字段和表单逻辑,生成文本框。进一步地,在文本框中,基于表单逻辑中的校验生成逻辑、待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法;并且,在文本框中,基于表单逻辑中的备注文字生成逻辑、待渲染表单项的基础属性和对外暴露写对象,生成备注文字。
其中,待渲染表单项的基础属性可以包括表单项名称(name)、类型(type)、表单项类型(type)、联动项名(combine)\标签(tabel)以及默认值(defaultvalue)等,不同的待渲染表单项具有不同的基础属性。对外暴露写对象指的是如果其他表单项的修改影响到本表单项,则表单项中对外暴露的写对象会被写入修改信息,本表单项的业务逻辑从该写对象获知由于其他表单项的修改引起本表单项需要进行修改。可选地,对外暴露写对象中可以包括动态可变属性,动态可变属性中包含其他表单项的修改信息,即修改的属性值,动态可变属性的类型可以是字符串(string)也可以是对象(object)。
具体地,校验方法的生成方法包括:在所述文本框中,读取所述表单逻辑中的校验字段,根据所述校验字段、校验生成逻辑、待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法。其中,校验字段可以是require字段或者是reg字段。在一个可选的实施例中,所述校验方法可以是正则校验规则。在另一个可选的实施例中,所述校验方法还可以包括以下至少一种:基于表单项生成的校验方法;基于表单提交对象生成的校验方法;基于表单提交对象的字段名和字段值生成的校验方法。其中,字段值可以包括是否必填(require字段)、触发方式(trigger)、值类型(type字段)以及校验提示(message字段)。通过这种方式,可以基于多个维度的数据生成校验方法,有利于提高校验的灵活性和准确性。
进一步地,前端获取在文本框中用户输入的信息,根据输入的信息和校验方法执行校验操作,确定校验结果,并根据校验结果生成校验提示,如果校验失败,校验失败的文本框会标红,同时将失败提示显示在文本框下方。
具体地,备注文字的生成方法,包括:在所述文本框中,读取所述表单逻辑中的备注文字生成字段,根据备注文字生成字段、单位生成逻辑、待渲染表单项的基础属性和/或对外暴露写对象,生成备注文字。其中,备注文字生成字段可以是remark字段。
需要说明的是,在生成文本框时,前端还可以基于表单逻辑将待渲染表单项相关的字段与文本框绑定。例如,表单类型为下拉类型时,前端将生成提示字段(placeholder字段)、生成特殊样式字段(style字段)以及赋值字段(value字段)与下拉框绑定;表单类型为输入类型时,前端将生成提示字段(placeholder字段)、生成特殊样式字段(style字段)、赋值字段(value字段)以及生成单位字段(append字段)与输入框绑定;表单类型为单/多选类型时,前端将生成提示字段(placeholder字段)、生成特殊样式字段(style字段)、赋值字段(value字段)与输入框绑定。
本实施例提供的技术方案,在进行表单渲染时,前端获取表单渲染请求,并确定表单渲染请求对应的待渲染表单项,前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定表单类型对应的表单逻辑,由于表单逻辑以及表单类型和表单逻辑的对应关系预先在前端存储,在确定表单类型时,无需从后台调取表单逻辑,避免与后台进行多次交互,有利于提高表单逻辑的确定效率;进一步的,前端基于表单类型对应的表单逻辑,对待渲染表单项进行渲染。在渲染过程中,对于类型相同的待渲染表单项,可以复用一套表单逻辑,基于一套表单逻辑动态配置各待渲染表单项对应的渲染模板,无需对每个待渲染表单项均从后台调取固定模板,灵活性较高,且可以提高表单渲染效率;并且,当新增表单项时,后台只需要确定新增表单项的表单类型和表单逻辑,前端直接利用表单逻辑进行表单渲染,无需在前端针对新增表单项再做开发,节省前端的开发资源,提高表单逻辑的开发效率并降低开发成本。
实施例二
图2为本发明实施例二提供的一种表单渲染方法的流程示意图。本实施例的技术方案在上述实施例的基础上进行了细化。具体细化了不同的表单类型对应的文本框的生成过程。在该方法实施例中未详尽描述的部分请参考上述实施例。具体参见图2所示,该方法可以包括如下步骤:
S210、前端获取表单渲染请求,并确定表单渲染请求对应的待渲染表单项。
S220、前端确定待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定表单类型对应的表单逻辑。
S230、前端基于表单逻辑生成所述表单类型对应的文本框,在文本框中,基于表单逻辑和校验字段生成校验方法,和/或,在文本框中,基于表单逻辑和备注字段生成备注文字。
其中,所述文本框包括下拉类型对应的下拉框、输入类型对应的输入框以及单/多选类型对应的单/多选框。
在一个可选的实施例中,如果表单类型为下拉类型,下拉类型对应的下拉框的生成方法,包括:确定下拉类型对应的第一表单逻辑,并确定第一表单逻辑是否存在用于生成下拉框的选项表字段;如果不存在选项表字段,调用第一表单逻辑中的异步请求逻辑;基于异步请求逻辑从后台请求待渲染表单项的相关数据,根据相关数据生成下拉框。
具体地,基于异步请求逻辑从后台请求待渲染表单项的相关数据,根据所述相关数据生成下拉框,包括:确定异步请求逻辑是否存在用于直接请求后台的异步请求字段;如果存在异步请求字段,基于异步请求逻辑向后台请求相关数据,并根据后台返回的相关数据生成所述下拉框;如果不存在异步请求字段,基于所步请求逻辑中的监听搜索项逻辑,监听外部输入的请求字段,基于外部输入的请求字段向后台请求所述相关数据,并根据后台返回的相关数据生成下拉框。
在另一个可选的实施例中,如果表单类型为下拉类型,下拉类型对应的下拉框的生成方法,包括:确定下拉类型对应的第一表单逻辑,并确定第一表单逻辑是否存在用于生成下拉框的选项表字段;如果存在选项表字段,基于所述选项表字段和所述第一表单逻辑生成下拉框。
如图3所示为表单渲染的逻辑示意图,结合图3具体的解释上述过程。如果表单类型为下拉类型,确定下拉类型对应的第一表单逻辑中是否存在选项表字段(optionList字段),如果存在optionList字段,根据第一表单逻辑和optionList字段,直接生成下拉框;如果第一表单逻辑中不存在optionList字段,调用第一表单逻辑中的异步请求逻辑,确定异步请求逻辑中是否存在直接访问后台的异步请求字段(once字段),如果异步请求逻辑中存在直接访问后台的字段(once字段),调取异步请求逻辑中的前端与后台交互的字段(selectMethod字段)向后台请求一次相关数据(例如,潍坊市人民医院、潍坊市中心医院等),根据后台返回的相关数据生成下拉框;如果第一表单逻辑中不存在optionList字段,且异步请求逻辑中不存在直接访问后台的异步请求字段(once字段),异步请求逻辑中的监听搜索项逻辑,监听外部输入的请求字段(例如潍坊),根据外部输入的请求字段和前端与后台交互的字段(selectMethod字段)向后台请求两次或多次相关数据(潍坊市人民医院、潍坊市中心医院等),根据后台返回的相关数据生成下拉框。需要说明的是,前端还可以将表单对象的相关字段和公共字段封装在异步请求逻辑中,以使后台基于相关字段、公共字段以及请求字段搜索相关数据。
在另一个可选的实施例中,如果表单类型为输入类型,输入类型对应的输入框的生成方法,包括:确定输入类型对应的第二表单逻辑,并根据所述第二表单逻辑生成输入框。
具体地,如图3所示,如果表单类型为输入类型,基于第二表单逻辑和输入字段(input字段),生成输入框。
在又一个可选的实施例中,如果表单类型为单/多选类型,单/多选类型对应的单/多选框的生成方法,包括:在所述文本框中,基于所述表单逻辑中的校验生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法。
具体地,如图3所示,如果表单类型为单/多选类型,基于第三表单逻辑和单选字段(radio字段)生成单选框,基于第三表单逻辑和多选字段(CheckBox字段)生成多选框。
进一步地,参见图3,如果表单类型包括下拉类型、单/多选类型,生成下拉框、单/多选框后,在下拉框、单/多选框中,基于表单逻辑中的校验生成逻辑、待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法;还可以基于所述表单逻辑中的备注文字生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成备注文字。如果表单类型为输入类型,生成输入框后,在输入框中,基于第二表单逻辑中的单位生成逻辑、待渲染表单项的基础属性和/或对外暴露写对象,生成单位;并且,还可以在输入框中,基于第二表单逻辑中的校验生成逻辑、待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法;并且,还可以在输入框中,基于第二表单逻辑中的单位生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成单位。需要说明的是,生成校验方法的过程、生成备注文字的过程以及生成单位的过程可以同时执行也可以先后执行。
需要说明的是,在表单渲染过程中,如果至少一个表单项中的值发生改变,与该表单项属于同一类型或者不同类型的表单逻辑也同样发生改变。可选地,基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染,还包括:确定已渲染表单项中的表单值的变化信息,根据已渲染表单项与待渲染表单项之间的关联关系、已渲染表单项所属的表单类型的表单逻辑、待渲染表单项所属的表单类型的表单逻辑以及已渲染表单项中的表单值的变化信息,确定待渲染表单项的表单值。
例如,医院入驻医保大健康平台时,医院管理员在医保大健康平台的前端页面的“选择地区”对应的表单项处输入“潍坊”,则“医院名称”对应的表单项处渲染出的表单值为“潍坊市中心医院”,如果医院管理员在“选择地区”对应的表单项处将“潍坊”修改为“青岛”,则“医院名称”对应的表单项处渲染出的表单值为“青岛市中心医院”。通过这种方式,可以将不同的表单项进行联动渲染,扩展了表单渲染的功能。
本实施例提供的技术方案,对于不同的表单类型,基于各表单类型对应的表单逻辑统一生成对应的文本框,对于类型相同的待渲染表单项,可以复用一套表单逻辑。并且,在各表单类型对应的文本框中,基于表单逻辑生成单位、校验方法以及备注文字,达到基于每个表单类型的表单逻辑对待渲染表单项进行统一的扩展性渲染的目的,提高了表单渲染效率。并且,在表单渲染过程中,如果未调用异步请求逻辑,前端无需与后台交互请求信息,进一步提高了表单渲染效率。
实施例三
图4为本发明实施例三提供的一种表单渲染装置的结构示意图。该装置配置于前端,参见图4所示,该装置包括:待渲染表单项确定模块310、表单逻辑确定模块以及渲染模块330。
其中,待渲染表单项确定模块310,用于获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
表单逻辑确定模块320,用于确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
渲染模块330,用于所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染。
本实施例提供的技术方案,在进行表单渲染时,前端获取表单渲染请求,并确定表单渲染请求对应的待渲染表单项,前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定表单类型对应的表单逻辑,由于表单逻辑以及表单类型和表单逻辑的对应关系预先在前端存储,在确定表单类型时,无需从后台调用表单逻辑,避免与后台进行多次交互,有利于提高表单逻辑的确定效率;进一步的,前端基于表单类型对应的表单逻辑,对待渲染表单项进行渲染。在渲染过程中,对于类型相同的待渲染表单项,可以复用一套表单逻辑,无需针对每个待渲染表单项均调取对应的表单模板,实现了提高表单渲染效率的效果。
可选地,该装置还包括:表单生成请求获取模块和表单逻辑确定模块;其中,表单生成请求获取模块,用于通过后台获取表单生成请求,其中,所述表单生成请求包括至少一个待创建表单项;表单逻辑确定模块,用于通过后台根据所述待创建表单项对应的实例化信息,确定所述待创建表单项对应的表单类型,并确定所述表单类型对应的表单逻辑,并将所述表单逻辑和所述表单类型发送至前端,其中,所述表单类型包括输入类型、下拉类型、单选类型以及多选类型中的至少一种。
可选地,渲染模块330还用于,基于所述表单逻辑生成所述表单类型对应的文本框,其中,所述文本框包括下拉类型对应的下拉框、输入类型对应的输入框以及单/多选类型对应的单/多选框;
在所述文本框中,基于所述表单逻辑和校验字段生成校验方法,和/或,在所述文本框中,基于所述表单逻辑和备注字段生成备注文字。
可选地,渲染模块330还用于,如果所述表单类型为下拉类型,确定下拉类型对应的第一表单逻辑,并确定所述第一表单逻辑是否存在用于生成下拉框的选项表字段;
如果不存在所述选项表字段,调用所述第一表单逻辑中的异步请求逻辑;
基于所述异步请求逻辑从后台请求所述待渲染表单项的相关数据,根据所述相关数据生成下拉框。
可选地,渲染模块330还用于,确定所述异步请求逻辑是否存在用于直接请求后台的异步请求字段;
如果存在所述异步请求字段,基于所述异步请求逻辑向后台请求所述相关数据,并根据后台返回的所述相关数据生成所述下拉框;
如果不存在所述异步请求字段,基于所述异步请求逻辑中的监听搜索项逻辑,监听外部输入的请求字段,基于所述外部输入的请求字段向后台请求所述相关数据,并根据后台返回的所述相关数据生成所述下拉框。
可选地,渲染模块330还用于,如果所述表单类型为输入类型,确定输入类型对应的第二表单逻辑,并根据所述第二表单逻辑生成输入框。
可选地,渲染模块330还用于,在所述输入框中,基于所述第二表单逻辑中的单位生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成单位。
可选地,渲染模块330还用于,如果所述表单类型为单/多选类型,确定单/多选类型对应的第三表单逻辑,并根据所述第三表单逻辑生成单/多选框。
可选地,渲染模块330还用于,在所述文本框中,基于所述表单逻辑中的校验生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法。
可选地,渲染模块330还用于,在所述文本框中,基于所述表单逻辑中的备注文字生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成备注文字。
实施例四
图5为本发明实施例四提供的一种表单渲染设备的结构示意图。表单渲染设备指的是全段。图5示出了适于用来实现本发明实施方式的示例性表单渲染设备12的框图。图5显示的表单渲染设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图5所示,表单渲染设备12以通用计算设备的形式表现。表单渲染设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,系统存储器28,连接不同系统组件(包括系统存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
表单渲染设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被表单渲染设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)30和/或高速缓存32。表单渲染设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统34可以用于读写不可移动的、非易失性磁介质(图5未显示,通常称为“硬盘驱动器”)。尽管图5中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。系统存储器28可以包括至少一个程序产品,该程序产品具有一组(例如表单渲染装置的待渲染表单项确定模块310、表单逻辑确定模块以及渲染模块330)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(例如表单渲染装置的待渲染表单项确定模块310、表单逻辑确定模块以及渲染模块330)程序模块46的程序/实用工具44,可以存储在例如系统存储器28中,这样的程序模块46包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块46通常执行本发明所描述的实施例中的功能和/或方法。
表单渲染设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信,还可与一个或者多个使得用户能与该表单渲染设备12交互的设备通信,和/或与使得该表单渲染设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且,表单渲染设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器20通过总线18与表单渲染设备12的其它模块通信。应当明白,尽管图中未示出,可以结合表单渲染设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理单元16通过运行存储在系统存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的一种表单渲染方法,该方法包括:
前端获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
所述前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染。
处理单元16通过运行存储在系统存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的一种表单渲染方法。
当然,本领域技术人员可以理解,处理器还可以实现本发明任意实施例所提供的一种表单渲染方法的技术方案。
实施例五
本发明实施例五还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例所提供的一种表单渲染方法,该方法包括:
前端获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
所述前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染。
当然,本发明实施例所提供的一种计算机可读存储介质,其上存储的计算机程序不限于如上的方法操作,还可以执行本发明任意实施例所提供的一种表单渲染方法中的相关操作。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、系统或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、系统或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在表单类型、表单逻辑等,其中承载了计算机可读的程序代码。这种传播的表单类型、表单逻辑等形式。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、系统或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
值得注意的是,上述表单渲染装置的实施例中,所包括的各个模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (9)
1.一种表单渲染方法,其特征在于,包括:
前端获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
所述前端确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染;
所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染,还包括:确定已渲染表单项中的表单值的变化信息,根据已渲染表单项与待渲染表单项之间的关联关系、已渲染表单项所属的表单类型的表单逻辑、待渲染表单项所属的表单类型的表单逻辑以及已渲染表单项中的表单值的变化信息,确定待渲染表单项的表单值;
所述基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染,包括:
基于所述表单逻辑生成所述表单类型对应的文本框,其中,所述文本框包括下拉类型对应的下拉框、输入类型对应的输入框以及单/多选类型对应的单/多选框;
在所述文本框中,基于所述表单逻辑和校验字段生成校验方法,和/或,在所述文本框中,基于所述表单逻辑和备注字段生成备注文字;
所述基于所述表单逻辑生成所述表单类型对应的文本框,包括:
如果所述表单类型为下拉类型,确定下拉类型对应的第一表单逻辑,并确定所述第一表单逻辑是否存在用于生成下拉框的选项表字段;
如果不存在所述选项表字段,调用所述第一表单逻辑中的异步请求逻辑;
基于所述异步请求逻辑从后台请求所述待渲染表单项的相关数据,根据所述相关数据生成下拉框。
2.根据权利要求1所述的方法,其特征在于,还包括:
通过后台获取表单生成请求,其中,所述表单生成请求包括至少一个待创建表单项;
通过后台根据所述待创建表单项对应的实例化信息,确定所述待创建表单项对应的表单类型,并确定所述表单类型对应的表单逻辑,并将所述表单逻辑和所述表单类型发送至前端,其中,所述表单类型包括输入类型、下拉类型、单选类型以及多选类型中的至少一种。
3.根据权利要求1所述的方法,其特征在于,所述基于所述异步请求逻辑从后台请求所述待渲染表单项的相关数据,根据所述相关数据生成下拉框,包括:
确定所述异步请求逻辑是否存在用于直接请求后台的异步请求字段;
如果存在所述异步请求字段,基于所述异步请求逻辑向后台请求所述相关数据,并根据后台返回的所述相关数据生成所述下拉框;
如果不存在所述异步请求字段,基于所述异步请求逻辑中的监听搜索项逻辑,监听外部输入的请求字段,基于所述外部输入的请求字段向后台请求所述相关数据,并根据后台返回的所述相关数据生成所述下拉框。
4.根据权利要求1所述的方法,其特征在于,所述基于所述表单逻辑生成所述表单类型对应的文本框,包括:
如果所述表单类型为输入类型,确定输入类型对应的第二表单逻辑,并根据所述第二表单逻辑生成输入框。
5.根据权利要求4所述的方法,其特征在于,还包括:
在所述输入框中,基于所述第二表单逻辑中的单位生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成单位。
6.根据权利要求1所述的方法,其特征在于,所述基于所述表单逻辑生成所述表单类型对应的文本框,包括:
如果所述表单类型为单/多选类型,确定单/多选类型对应的第三表单逻辑,并根据所述第三表单逻辑生成单/多选框。
7.根据权利要求1所述的方法,其特征在于,所述在所述文本框中,基于所述表单逻辑和校验字段生成校验方法,包括:
在所述文本框中,基于所述表单逻辑中的校验生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成校验方法。
8.根据权利要求1所述的方法,其特征在于,所述在所述文本框中,基于所述表单逻辑和备注字段生成备注文字,包括:
在所述文本框中,基于所述表单逻辑中的备注文字生成逻辑、所述待渲染表单项的基础属性和/或对外暴露写对象,生成备注文字。
9.一种渲染模板生成装置,其特征在于,配置于前端,所述装置包括:
待渲染表单项确定模块,用于获取表单渲染请求,并确定所述表单渲染请求对应的待渲染表单项;
表单逻辑确定模块,用于确定所述待渲染表单项所属的表单类型,基于预先存储的表单逻辑与表单类型之间的对应关系,确定所述表单类型对应的表单逻辑;
渲染模块,用于所述前端基于所述表单类型对应的表单逻辑,对所述待渲染表单项进行渲染;
所述渲染模块还用于:确定已渲染表单项中的表单值的变化信息,根据已渲染表单项与待渲染表单项之间的关联关系、已渲染表单项所属的表单类型的表单逻辑、待渲染表单项所属的表单类型的表单逻辑以及已渲染表单项中的表单值的变化信息,确定待渲染表单项的表单值;
所述渲染模块还用于,基于所述表单逻辑生成所述表单类型对应的文本框,其中,所述文本框包括下拉类型对应的下拉框、输入类型对应的输入框以及单/多选类型对应的单/多选框;
在所述文本框中,基于所述表单逻辑和校验字段生成校验方法,和/或,在所述文本框中,基于所述表单逻辑和备注字段生成备注文字;
所述渲染模块还用于,如果所述表单类型为下拉类型,确定下拉类型对应的第一表单逻辑,并确定所述第一表单逻辑是否存在用于生成下拉框的选项表字段;
如果不存在所述选项表字段,调用所述第一表单逻辑中的异步请求逻辑;
基于所述异步请求逻辑从后台请求所述待渲染表单项的相关数据,根据所述相关数据生成下拉框。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110103647.7A CN112799760B (zh) | 2021-01-26 | 2021-01-26 | 一种表单渲染方法及其装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110103647.7A CN112799760B (zh) | 2021-01-26 | 2021-01-26 | 一种表单渲染方法及其装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112799760A CN112799760A (zh) | 2021-05-14 |
CN112799760B true CN112799760B (zh) | 2023-05-12 |
Family
ID=75811817
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110103647.7A Active CN112799760B (zh) | 2021-01-26 | 2021-01-26 | 一种表单渲染方法及其装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112799760B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113568693B (zh) * | 2021-07-13 | 2023-12-08 | 杭州每刻科技有限公司 | 表单渲染方法及表单渲染系统 |
CN114296833B (zh) * | 2021-12-31 | 2024-08-20 | 广州方硅信息技术有限公司 | 业务界面组件配置方法及其装置、设备、介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109144647A (zh) * | 2018-08-21 | 2019-01-04 | 深圳市博安达信息技术股份有限公司 | 一种表单设计方法与装置、终端设备以及存储介质 |
CN110377851A (zh) * | 2019-06-18 | 2019-10-25 | 平安科技(深圳)有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
CN111897607A (zh) * | 2019-05-06 | 2020-11-06 | 阿里巴巴集团控股有限公司 | 应用界面加载与交互方法、设备及存储介质 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7543228B2 (en) * | 2005-06-27 | 2009-06-02 | Microsoft Corporation | Template for rendering an electronic form |
CN106033471B (zh) * | 2015-03-20 | 2019-11-08 | 阿里巴巴集团控股有限公司 | 一种处理表单的方法和装置 |
-
2021
- 2021-01-26 CN CN202110103647.7A patent/CN112799760B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109144647A (zh) * | 2018-08-21 | 2019-01-04 | 深圳市博安达信息技术股份有限公司 | 一种表单设计方法与装置、终端设备以及存储介质 |
CN111897607A (zh) * | 2019-05-06 | 2020-11-06 | 阿里巴巴集团控股有限公司 | 应用界面加载与交互方法、设备及存储介质 |
CN110377851A (zh) * | 2019-06-18 | 2019-10-25 | 平安科技(深圳)有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
Also Published As
Publication number | Publication date |
---|---|
CN112799760A (zh) | 2021-05-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
CN106569900B (zh) | 应用程序处理方法和装置 | |
WO2021184725A1 (zh) | 用户界面测试方法、装置、存储介质及计算机设备 | |
CN110309475B (zh) | 一种页面展现方法、装置、终端设备及存储介质 | |
CN113126990B (zh) | 一种页面开发方法、装置、设备及存储介质 | |
TWI536240B (zh) | 用戶端應用程式與網頁整合 | |
CN112799760B (zh) | 一种表单渲染方法及其装置 | |
WO2021217661A1 (zh) | 一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质 | |
AU2017370317A1 (en) | Method of detecting transaction system error, device, storage medium, and computer equipment | |
CN112395027B (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
CN113031946A (zh) | 一种渲染页面组件的方法和装置 | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN108958731B (zh) | 一种应用程序界面生成方法、装置、设备和存储介质 | |
US9141353B2 (en) | Dynamically building locale objects at run-time | |
CN113419711A (zh) | 页面引导方法、装置、电子设备及存储介质 | |
CN111736825B (zh) | 一种信息展示方法、装置、设备和存储介质 | |
CN112783582A (zh) | 报表生成方法、装置、电子设备及存储介质 | |
CN111198738A (zh) | 移动端页面展示方法、装置及电子设备 | |
CN110958243A (zh) | 一种网络漏洞提交方法、装置、存储介质及电子设备 | |
CN110717134A (zh) | 产品说明发布方法、装置、存储介质及电子设备 | |
CN112612991A (zh) | 页面显示方法、装置、电子设备及存储介质 | |
CN113919310A (zh) | 短信内容确定方法、装置、电子设备及存储介质 | |
CN114238391A (zh) | 数据分页查询方法、装置、电子设备及存储介质 | |
CN114219643A (zh) | 一种交易调用方法、装置、设备及存储介质 | |
CN114296852A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |