CN117742711A - 面向低代码的页面渲染方法、装置、电子设备和存储介质 - Google Patents
面向低代码的页面渲染方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN117742711A CN117742711A CN202311766232.3A CN202311766232A CN117742711A CN 117742711 A CN117742711 A CN 117742711A CN 202311766232 A CN202311766232 A CN 202311766232A CN 117742711 A CN117742711 A CN 117742711A
- Authority
- CN
- China
- Prior art keywords
- rendering
- state
- attribute value
- target component
- page
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 304
- 238000000034 method Methods 0.000 title claims abstract description 68
- 238000004590 computer program Methods 0.000 claims description 14
- 238000012545 processing Methods 0.000 claims description 14
- 230000001960 triggered effect Effects 0.000 claims description 11
- 230000004044 response Effects 0.000 claims description 10
- 238000013473 artificial intelligence Methods 0.000 abstract description 7
- 238000010586 diagram Methods 0.000 description 13
- 238000005516 engineering process Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 5
- 230000003068 static effect Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000010276 construction Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000010801 machine learning Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000013135 deep learning Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 230000003924 mental process Effects 0.000 description 1
- 230000003278 mimic effect Effects 0.000 description 1
- 238000003058 natural language processing Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012549 training Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Landscapes
- Image Generation (AREA)
Abstract
本公开提供了一种面向低代码的页面渲染方法、装置、电子设备和存储介质，涉及人工智能技术领域，尤其涉及低代码技术领域。方法包括：响应于对目标页面的渲染请求，获取目标页面的目标组件以及目标组件的渲染属性值；其中，不同的渲染属性值对应不同的渲染状态；根据渲染属性值对应的渲染状态，对目标组件进行渲染处理；响应于渲染状态切换事件，调整目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对目标组件进行重新渲染。本公开方案实现了组件支持不同渲染状态切换的能力，使得在搭建一份页面的基础上，通过切换状态，同时满足输入和展示的需求，避免为每种渲染状态都搭建一个页面，可以提高页面应用搭建效率。
Description
技术领域
本公开涉及人工智能技术领域，尤其涉及低代码技术领域，具体涉及一种面向低代码的页面渲染方法、装置、电子设备、存储介质和计算机程序产品。
背景技术
低代码开发平台(Low-Code Development Platform，LCDP)是无需编码或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
发明内容
本公开提供了一种面向低代码的页面渲染方法、装置、电子设备、存储介质和计算机程序产品。
根据本公开的一方面，提供了一种面向低代码的页面渲染方法，包括：
响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值；其中，不同的渲染属性值对应不同的渲染状态；
根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理；
响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染。
根据本公开的另一方面，提供了一种面向低代码的页面渲染装置，包括：
数据获取模块，用于响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值；其中，不同的渲染属性值对应不同的渲染状态；
渲染模块，用于根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理；
状态切换模块，用于响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染。
根据本公开的另一方面，提供了一种电子设备，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本公开任意实施例所述的面向低代码的页面渲染方法。
根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使计算机执行本公开任意实施例所述的面向低代码的页面渲染方法。
根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现本公开任意实施例的页面渲染方法。
根据本公开的技术，使组件支持不同渲染状态切换的能力，从而实现搭建一份页面，通过切换状态，同时满足不同状态的需求，避免为每种渲染状态都搭建一个页面，可以有效减少页面开发工作量，提高页面应用搭建效率。
应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案，不构成对本公开的限定。其中：
图1是根据本公开实施例的一种面向低代码的页面渲染方法的流程示意图；
图2a是根据本公开实施例的另一种面向低代码的页面渲染方法的流程示意图；
图2b是根据本公开实施例的根据目标组件渲染属性值进行渲染判断的逻辑示意图；
图2c是根据本公开实施例的对表单页面进行渲染的效果示例图；
图3是根据本公开实施例的一种面向低代码的页面渲染装置的结构示意图；
图4是用来实现本公开实施例的页面渲染方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
本公开方案中，在基于低代码平台搭建应用过程中，如果遇到表单应用，既要有输入，又要在提交后展示，通常会搭建一份表单输入态页面和表单展示态页面，工作量大而繁琐，导致应用搭建效率较低。基于此，本公开提出在搭建一份表单页面的基础上，通过状态切换同时满足输入和展示的需求。而实现不同状态的渲染和状态切换的具体过程可以参加如下实施例。
图1是根据本公开实施例的一种面向低代码的页面渲染方法的示意图，本实施例可适用于对低代码平台开发的页面进行页面渲染的场景。该方法可由一种页面渲染装置来执行，该装置采用软件和/或硬件的方式实现，并配置在电子设备中。
如图1所示，该方法具体包括如下：
S101、响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值。
本实施例中，目标页面可选的是基于低代码平台开发的表单页面，而目标页面的渲染请求可选的是在进入目标页面时产生的。由于目标页面为表单页面，因此目标页面包括的目标组件可选的是表单项组件，其中表单项组件示例性的可以为文本输入框、密码输入框、复选框、下拉列表、滑块等。
在请求进入目标页面时，需要先获取目标页面包括的目标组件，以及目标组件的渲染属性值；其中，目标组件的渲染属性值是在目标页面搭建时设置的静态属性(即static属性)，示例性的，渲染属性值的取值可以为true、false、或者为空；不同的渲染属性值对应不同的渲染状态；其中，渲染状态示例性的包括输入态和展示态。其中，输入态是指等待用户输入数据的状态，在这种状态下，表单页面中的各个字段或控件将处于可编辑状态，用户可以输入信息并进行提交；展示态是指展示用户已输入的数据或选项的状态，在这种状态下，表单页面中的各个字段或控件将处于只读状态，用户无法修改已输入的数据或选项，但可以查看或确认这些数据或选项。
可以理解的是，本公开方案在通过低代码平台搭建目标页面时，为组成目标页面的组件(例如表单项)新增加了渲染属性值，进而保证组件渲染时，可以根据渲染属性值的不同，将目标组件渲染成不同的状态。如此实现了基于一个目标页面，根据渲染属性值的不同，把组件渲染为不同的状态，而不需要为给每种状态各自搭建一个页面，以此可以提高页面应用的搭建效率。
S102、根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理。
本实施例中，若渲染属性值对应的渲染状态为输入态，则利用render方法(一种渲染组件方法)将目标组件渲染为输入态，得到输入态的目标页面，进而用户可以在输入态的页面中输入相关数据。若渲染属性值对应的渲染状态为展示态，则利用renderStatic方法(一种将组件渲染成展示态的方法)根据将目标组件渲染为展示态，得到展示态的目标页面。
可以理解的是，在通过低代码平台创建表单页面时，设定每个表单项组件利用原有的render方法渲染输入态，同时为每个表单项组件新增一个renderStatic方法，用于根据数据渲染对应的展示态。如此实现了一个表单项组件可以利用不同的方法渲染不同的状态。
S103、响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染。
本实施例中，渲染状态切换事件可选的是用户在渲染后的目标页面中进行相应操作后触发的。示例性的，通过步骤S102得到输入态目标页面，如果用户在该页面中输入相关数据并点击完成或提交按钮后，触发由输入态切换到展示态的事件，而响应于该事件，将目标组件的渲染属性值调整为展示态对应的属性值。以便根据调整后的渲染属性值对所述目标组件进行重新渲染。若通过步骤S102得到展示态目标页面，如果用户在该页面中点击页面编辑控件后，触发由展示态切换到输入态的事件，而响应于该事件，将目标组件的渲染属性值调整为输入态对应的属性值。以便根据调整后的渲染属性值对所述目标组件进行重新渲染。
本实施例中，目标页面的组件支持不同渲染状态切换的能力，从而实现搭建一份页面，通过切换状态，同时满足不同状态的需求，避免为每种渲染状态都搭建一个页面，可以有效减少页面开发工作量，提高页面应用搭建效率。
图2a是根据本公开实施例的另一种面向低代码的页面渲染方法的流程示意图。如图2a所示，该页面渲染方法具体包括如下步骤：
S201、响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值。
其中，目标页面可选的表单页面，目标组件可选的是表单项组件；不同的渲染属性值对应不同的渲染状态；示例性的，若所述渲染属性值为第一数值(例如true)，则所述渲染属性值对应的渲染状态为展示态；若所述渲染属性值为第二数值(例如false或为空)，则所述渲染属性值对应的渲染状态为输入态。可以理解的是，目标组件的渲染属性值在创建目标页面时设定，后续可以根据用户对目标页面的不同操作进行属性值的调整。
根据渲染属性值的不同，按照步骤S202或者S203进行组件渲染，得到相应状态的目标页面。
S202、若所述渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染，得到展示态的目标页面。
本实施例中，不同的渲染属性值对应不同的渲染方法，可选的，渲染属性值为第一数值，则利用渲染属性值对应的renderStatic方法(一种将组件渲染成展示态的方法)根据将目标组件渲染为展示态，得到展示态的目标页面。
S203、若所述渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
本实施例中，不同的渲染属性值对应不同的渲染方法，可选的，渲染属性值为第二数值，则利用渲染属性值对应的render方法(一种将组件渲染成输入态的方法)根据将目标组件渲染为输入态，得到输入态的目标页面。
通过步骤S202-S203实现了根据不同的设置，渲染出需要的状态的效果。
进一步的，渲染属性值为第二数值时还可以做进一步的判断，以便避免把目标组件渲染为错误的状态。在实现时，若所述目标组件的渲染属性值为第二数值，获取所述目标组件的父级组件的渲染属性值；若所述父级组件的渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。若所述父级组件的渲染属性值为第一数值，则表明目标组件实际上需要渲染成展示态，此时需要按照展示态对所述目标组件进行渲染。如此通过对目标组件的父级组件的渲染属性的判断，可以保证把目标组件渲染为正确的状态。
为了详细说明渲染过程，可以参见图2b，其示出了根据目标组件渲染属性值进行渲染的判断逻辑示意图。其中，在对目标页面(例如表单页面)进行渲染时，会遍历表单下的表单项组件，并逐个进行渲染。针对任一表单项组件，获取的该表单项组件的渲染属性值，判断渲染属性值是否为第一数值，若是，则将表单项组件渲染为展示态；若否，则进一步判断表单项组件的父级表单的渲染属性值是否为第一数值，若是，则将表单项组件渲染为展示态，否则将表单项组件渲染成输入态。
示例性的，参见图2c，其示出了对表单页面进行渲染的效果示例图。本实施例中，表单页面包括的表单项组件包括名称输入框、年龄输入框、复选框。在对表单页面进行渲染时，首先获取表单项组件以及设置的表单项组件的渲染属性值；针对表单项组件1(例如年龄输入框)，若该表单项组件的渲染属性值为第一数值，则将表单项组件1渲染成展示态，否则渲染成输入态；同理，表单项组件2和3，也是按照类似的方式进行渲染，得到如图所示的展示态页面或输入态页面。
进一步的，响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染的过程可以参见步骤S204-S207。
S204、响应于用户在展示态目标页面触发的编辑操作，产生切换为输入态的事件。
S205、响应于切换为输入态的事件，将所述渲染属性值由第一数值调整为第二数值，并按照输入态对所述目标组件进行重新渲染。
本实施例方案，通过将所述渲染属性值由第一数值调整为第二数值，才能确保目标组件的有展示态切换为输入态。可以理解的是，通过调整目标组件的渲染属性值，实现了目标组件在不同状态之间切换的效果。
S206、响应于用户在输入态目标页面触发的提交操作，产生切换为展示态的事件。
S207、响应于切换为展示态的事件，将所述渲染属性值由第二数值调整为第一数值，并按照展示态对所述目标组件进行重新渲染。
本实施例方案，通过将所述渲染属性值由第二数值调整为第一数值，才能确保目标组件由输入态切换为展示态。可以理解的是，通过调整目标组件的渲染属性值，实现了目标组件在不同状态之间切换的效果。
本实施例方案实现了组件状态切换的能力，使得只要搭建一个页面，通过状态切换，即可满足页面输入态和展示态的需求，无需为输入态和展示态各自搭建一个页面。
图3是根据本公开实施例的面向低代码的页面渲染装置的结构示意图，本实施例可适用于对低代码平台开发的页面进行页面渲染的场景。该装置可实现本公开任意实施例所述的页面渲染方法。如图3所示，该装置300具体包括：
数据获取模块301，用于响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值；其中，不同的渲染属性值对应不同的渲染状态；
渲染模块302，用于根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理；
状态切换模块303，用于响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染。
在一种可选的实现方式中，若所述渲染属性值为第一数值，则所述渲染属性值对应的渲染状态为展示态；
所述渲染模块还用于：
若所述渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染，得到展示态的目标页面。
在一种可选的实现方式中，若所述渲染属性值为第二数值，则所述渲染属性值对应的渲染状态为输入态；
所述渲染模块还用于：
若所述渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
在一种可选的实现方式中，所述渲染模块还用于：
若所述目标组件的渲染属性值为第二数值，获取所述目标组件的父级组件的渲染属性值；
若所述父级组件的渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
在一种可选的实现方式中，所述渲染模块还用于：
若所述父级组件的渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染。
在一种可选的实现方式中，状态切换模块还用于：
响应于用户在展示态目标页面触发的编辑操作，产生切换为输入态的事件；
响应于切换为输入态的事件，将所述渲染属性值由第一数值调整为第二数值，并按照输入态对所述目标组件进行重新渲染。
在一种可选的实现方式中，状态切换模块还用于：
响应于用户在输入态目标页面触发的提交操作，产生切换为展示态的事件；
响应于切换为展示态的事件，将所述渲染属性值由第二数值调整为第一数值，并按照展示态对所述目标组件进行重新渲染。
在一种可选的实现方式中，所述目标页面是基于低代码平台开发的表单页面；所述目标组件是表单项组件。
上述产品可执行本公开任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。
本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。
根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
图4示出了可以用来实施本公开的实施例的示例电子设备400的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图4所示，设备400包括计算单元401，其可以根据存储在只读存储器(ROM)402中的计算机程序或者从存储单元408加载到随机访问存储器(RAM)403中的计算机程序，来执行各种适当的动作和处理。在RAM 403中，还可存储设备400操作所需的各种程序和数据。计算单元401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
设备400中的多个部件连接至I/O接口405，包括：输入单元406，例如键盘、鼠标等；输出单元407，例如各种类型的显示器、扬声器等；存储单元408，例如磁盘、光盘等；以及通信单元409，例如网卡、调制解调器、无线通信收发机等。通信单元409允许设备400通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元401可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元401的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种执行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元401执行上文所描述的各个方法和处理，例如页面渲染方法。例如，在一些实施例中，页面渲染方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元408。在一些实施例中，计算机程序的部分或者全部可以经由ROM 402和/或通信单元409而被载入和/或安装到设备400上。当计算机程序加载到RAM 403并由计算单元401执行时，可以执行上文描述的页面渲染方法的一个或多个步骤。备选地，在其他实施例中，计算单元401可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面渲染方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上执行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。
人工智能是研究使计算机来模拟人的某些思维过程和智能行为(如学习、推理、思考、规划等)的学科，既有硬件层面的技术也有软件层面的技术。人工智能硬件技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理等技术；人工智能软件技术主要包括计算机视觉技术、语音识别技术、自然语言处理技术及机器学习/深度学习技术、大数据处理技术、知识图谱技术等几大方向。
云计算(cloud computing)，指的是通过网络接入弹性可扩展的共享物理或虚拟资源池，资源可以包括服务器、操作系统、网络、软件、应用和存储设备等，并可以按需、自服务的方式对资源进行部署和管理的技术体系。通过云计算技术，可以为人工智能、区块链等技术应用、模型训练提供高效强大的数据处理能力。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开提供的技术方案所期望的结果，本文在此不进行限制。
上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。
Claims (19)
1.一种面向低代码的页面渲染方法，包括：
响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值；其中，不同的渲染属性值对应不同的渲染状态；
根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理；
响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染。
2.根据权利要求1所述的方法，其中，若所述渲染属性值为第一数值，则所述渲染属性值对应的渲染状态为展示态；
根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理，包括：
若所述渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染，得到展示态的目标页面。
3.根据权利要求1所述的方法，其中，若所述渲染属性值为第二数值，则所述渲染属性值对应的渲染状态为输入态；
根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理，包括：
若所述渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
4.根据权利要求3所述的方法，其中，若所述渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面，包括：
若所述目标组件的渲染属性值为第二数值，获取所述目标组件的父级组件的渲染属性值；
若所述父级组件的渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
5.根据权利要求4所述的方法，还包括：
若所述父级组件的渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染。
6.根据权利要求2所述的方法，其中，响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染，包括：
响应于用户在展示态目标页面触发的编辑操作，产生切换为输入态的事件；
响应于切换为输入态的事件，将所述渲染属性值由第一数值调整为第二数值，并按照输入态对所述目标组件进行重新渲染。
7.根据权利要求3所述的方法，其中，响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染，包括：
响应于用户在输入态目标页面触发的提交操作，产生切换为展示态的事件；
响应于切换为展示态的事件，将所述渲染属性值由第二数值调整为第一数值，并按照展示态对所述目标组件进行重新渲染。
8.根据权利要求1所述的方法，其中，所述目标页面是基于低代码平台开发的表单页面；所述目标组件是表单项组件。
9.一种面向低代码的页面渲染装置，包括：
数据获取模块，用于响应于对目标页面的渲染请求，获取所述目标页面的目标组件以及所述目标组件的渲染属性值；其中，不同的渲染属性值对应不同的渲染状态；
渲染模块，用于根据所述渲染属性值对应的渲染状态，对所述目标组件进行渲染处理；
状态切换模块，用于响应于渲染状态切换事件，调整所述目标组件的渲染属性值，并根据调整后的渲染属性值所对应的渲染状态，对所述目标组件进行重新渲染。
10.根据权利要求9所述的装置，其中，若所述渲染属性值为第一数值，则所述渲染属性值对应的渲染状态为展示态；
所述渲染模块还用于：
若所述渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染，得到展示态的目标页面。
11.根据权利要求9所述的装置，其中，若所述渲染属性值为第二数值，则所述渲染属性值对应的渲染状态为输入态；
所述渲染模块还用于：
若所述渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
12.根据权利要求11所述的装置，其中，所述渲染模块还用于：
若所述目标组件的渲染属性值为第二数值，获取所述目标组件的父级组件的渲染属性值；
若所述父级组件的渲染属性值为第二数值，则按照输入态对所述目标组件进行渲染，得到输入态的目标页面。
13.根据权利要求12所述的装置，所述渲染模块还用于：
若所述父级组件的渲染属性值为第一数值，则按照展示态对所述目标组件进行渲染。
14.根据权利要求10所述的装置，其中，状态切换模块还用于：
响应于用户在展示态目标页面触发的编辑操作，产生切换为输入态的事件；
响应于切换为输入态的事件，将所述渲染属性值由第一数值调整为第二数值，并按照输入态对所述目标组件进行重新渲染。
15.根据权利要求11所述的装置，其中，状态切换模块还用于：
响应于用户在输入态目标页面触发的提交操作，产生切换为展示态的事件；
响应于切换为展示态的事件，将所述渲染属性值由第二数值调整为第一数值，并按照展示态对所述目标组件进行重新渲染。
16.根据权利要求9所述的装置，其中，所述目标页面是基于低代码平台开发的表单页面；所述目标组件是表单项组件。
17.一种电子设备，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-8中任一项所述的页面渲染方法。
18.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使计算机执行根据权利要求1-8中任一项所述的页面渲染方法。
19.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-8中任一项所述的页面渲染方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311766232.3A CN117742711A (zh) | 2023-12-20 | 2023-12-20 | 面向低代码的页面渲染方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311766232.3A CN117742711A (zh) | 2023-12-20 | 2023-12-20 | 面向低代码的页面渲染方法、装置、电子设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117742711A true CN117742711A (zh) | 2024-03-22 |
Family
ID=90258881
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311766232.3A Pending CN117742711A (zh) | 2023-12-20 | 2023-12-20 | 面向低代码的页面渲染方法、装置、电子设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117742711A (zh) |
-
2023
- 2023-12-20 CN CN202311766232.3A patent/CN117742711A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113342345A (zh) | 深度学习框架的算子融合方法、装置 | |
| CN112597754B (zh) | 文本纠错方法、装置、电子设备和可读存储介质 | |
| CN112527281B (zh) | 基于人工智能的算子升级方法、装置、电子设备及介质 | |
| CN114841315A (zh) | 混合专家模型实现方法、系统、电子设备及存储介质 | |
| CN113627536A (zh) | 模型训练、视频分类方法，装置，设备以及存储介质 | |
| CN114417780A (zh) | 状态同步方法、装置、电子设备及存储介质 | |
| CN113656533A (zh) | 一种树形控件处理方法、装置及电子设备 | |
| CN112947916A (zh) | 用于实现在线画布的方法、装置、设备以及存储介质 | |
| CN116992000A (zh) | 交互信息处理方法、装置、电子设备、计算机可读介质 | |
| CN116030235A (zh) | 目标检测模型训练方法、目标检测方法、装置和电子设备 | |
| CN114743586B (zh) | 存储器模型的镜像存储实现方法、装置及存储介质 | |
| CN113408304B (zh) | 文本翻译方法、装置、电子设备及存储介质 | |
| CN116069497A (zh) | 执行分布式任务的方法、装置、设备以及存储介质 | |
| US20220121963A1 (en) | Network operator processing method, apparatus, electronic device and storage medium | |
| CN114386577A (zh) | 用于执行深度学习模型的方法、设备和存储介质 | |
| CN117742711A (zh) | 面向低代码的页面渲染方法、装置、电子设备和存储介质 | |
| CN113408632A (zh) | 提高图像分类准确性的方法、装置、电子设备及存储介质 | |
| CN113361574A (zh) | 数据处理模型的训练方法、装置、电子设备及存储介质 | |
| CN113608809A (zh) | 组件的布局方法、装置、设备、存储介质及程序产品 | |
| CN113361575A (zh) | 模型训练方法、装置和电子设备 | |
| CN114398130B (zh) | 页面展示方法、装置、设备和存储介质 | |
| CN113342413B (zh) | 用于处理组件的方法、装置、设备、介质和产品 | |
| CN113438428B (zh) | 用于视频自动化生成的方法、装置、设备和计算机可读存储介质 | |
| CN113360407B (zh) | 函数的定位方法、装置、电子设备及可读存储介质 | |
| CN116501284A (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 |