CN110851134A - 低代码页面设计装置及页面设计方法 - Google Patents

Abstract

本发明提供了一种低代码页面设计装置及页面设计方法，其中，低代码页面设计装置中包括：页面设计器、页面渲染器及数据库，其中，页面设计器，与数据库通信连接，用于根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中；页面渲染器，与数据库通信连接，用于从数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面，以此提供一种灵活度高、功能强大的页面设计装置，解决当前页面设计器仅支持前端样式、自由度低、不支持在线二次开发等问题。

Description

低代码页面设计装置及页面设计方法

技术领域

本发明涉及软件开发技术领域，尤指一种低代码页面设计装置及页面设计方法。

背景技术

随着企业数字化转型的深入，越来越多的企业从采用传统的纯编码开发方式转向采用更高效的开发平台来实现应用类软件的开发。在应用类软件领域，传统的硬编码开发存在周期长、效率低、难以复用和适应变化等弊端，故采用更加高效的“快速开发平台”、aPaaS(应用平台即服务)等工具实现应用类软件开发成为业内的共识，能够提升软件开发便捷度的同时，降低软件开发门槛。

目前，市面上“快速开发平台”类产品一般以表单、流程及报表的快速配置为核心功能，主要覆盖数据收集、维护业务流转和数据呈现这几类高频场景，且页面均是根据配置固定生成，样式和操作体验局限均较大。为解决这一技术问题，开发人员尝试在快速开发平台中引入的页面设计器主要分为两类：一类是面向程序员的开发工具，可以根据页面布局生成简单的前端静态页面代码，程序员导出代码后直接对代码进行修改使用，可一定程度减轻重复工作量。另一类是面向业务的自定义样式工具，如网店页面装修、博客主页装修、静态网站装修等，此类自定义样式工具与业务无关，仅仅提供了固定的装修组件和模板，无法满足业务应用软件的页面自定义设计。

这两类页面设计器存在以下缺陷：

一是仅支持前端样式设计：现行的页面设计器解决方案均采用代码生成的机制，提供通用的前端元件，如标题、富文本、图片、视频等，其根据页面的组合生成前端代码后，程序员再根据这些代码进行相应的调整和对接后端服务。虽然可以一定程度上减轻手动编写代码的工作量，但是由于仅支持生成前端代码，此类页面设计器只能作为一种代码生成的工具，对开发效率的提升十分有限。

二是图形界面设计自由度较低：应用类软件需要覆盖的场景非常广，相应地对页面和交互的灵活度和自由度要求极高，现存的页面设计器主要为瀑布流式的设计，即只支持上下结构，无法灵活地对布局进行调整。同时，设计器提供的组件样式单一，无法实现真正的页面和交互自定义。

三是不支持在线二次开发：无论是面向程序员的开发工具，还是面向业务的自定义样式工具，均无法支持在线编写、调试代码，并预览效果，导致页面设计器的使用范围十分受限，不能满足应用类软件开发中的业务需求。

发明内容

本发明的目的是提供一种低代码页面设计装置及页面设计方法，有效解决当前页面设计器仅支持前端样式、自由度低、不支持在线二次开发等技术问题本发明提供的技术方案如下：

一种低代码页面设计装置，包括：页面设计器、页面渲染器及数据库，其中，

所述页面设计器，与所述数据库通信连接，用于根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中；

所述页面渲染器，与所述数据库通信连接，用于从所述数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据所述配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面。

一种页面设计方法，应用于上述低代码页面设计装置，所述页面设计方法中包括：

页面设计器根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中；

页面渲染器从所述数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据所述配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面。

一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器运行所述计算机程序时实现上述页面设计方法的步骤。

一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现上述页面设计方法的步骤。

本发明提供的低代码页面设计装置及页面设计方法，能带来以下有益效果：

1.打通了前后端服务。在本发明的低代码页面设计装置和方法中不仅提供了用一实现前端样式界面设计的图形界面设计模块，还提供了数据逻辑设计模块和权限设计模块，实现前端界面的元素与后端的服务数据的连通。此外，通过页面的设计即可按需定义业务，实现了页面与业务逻辑的灵活组合，大大提高了页面设计的自由度。再有，在独立进行页面设计、页面渲染的同时，集成了与流程、报表等功能模型共用的模块，让用户能够搭建场景更多样化的应用。

2.页面设计灵活度更高，并支持在线二次开发。本发明在提供数据逻辑设计模块和权限设计模块之外，还提供了代码编辑模块，当页面设计器中现有的组件无法满足个性化业务需求时，用户可通过该代码编辑模块在线编写代码实现原生开发的效果。且本发明不仅支持前端在线编程，还支持后端编码，可以实现前端样式和后端业务逻辑的结合。通过该代码编辑模块提供的代码编辑能力，能达到同时支持PC端和移动终端页面渲染的效果，且代码编辑结果支持即时调试、即时运行、即时预览，用户可获得原生编码体验。

附图说明

下面将以明确易懂的方式，结合附图说明优选实施例，对上述特性、技术特征、优点及其实现方式予以进一步说明。

图1为本发明低代码页面设计装置一实施例示意图；

图2为本发明低代码页面设计装置另一实施例示意图；

图3为本发明页面设计器的前端界面一实例中示意图；

图4为本发明低代码页面设计装置另一实施例示意图；

图5为本发明中页面设计方法一实施例流程示意图；

图6为本发明中页面设计方法总体流程图；

图7为本发明中终端设备一实施例的结构示意图。

附图标记说明：

100-页面设计器，110-图形界面设计模块，120-数据逻辑设计模块，130-权限设计模块，140-代码编辑模块，200-页面渲染器，210-图形界面渲染模块，220-数据逻辑通信模块，230-权限解析模块，300-数据库，400-终端设备，410-存储器，411-计算机程序，420-处理器。

具体实施方式

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对照附图说明本发明的具体实施例。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施例。

如图1所示为本发明提供的低代码页面设计装置一实施例示意图，从图中可以看出，在该低代码页面设计装置中包括：页面设计器100、页面渲染器200及数据库300，其中，页面设计器100，与数据库300通信连接，用于根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库300中；页面渲染器200，与数据库300通信连接，用于从数据库300中获取待设计页面的配置数据及预存的用户实例数据，并根据配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面。

在本实施例中，页面设计器100于建模平台上，用户在该建模平台上通过可视化的方式对应用页面的参数进行配置；页面渲染器200于运行引擎上，针对可视化配置的参数进行渲染、场景实例化，得到相应的应用页面。以此提供一种灵活度高、功能强大的页面设计装置，解决当前页面设计器100仅支持前端样式、自由度低、不支持在线二次开发等问题。

如图2所示，在另一实施例中，页面设计器100中包括：图形界面设计模块110、数据逻辑设计模块120及权限设计模块130，其中，图形界面设计模块110用于对待设计应用页面的图形界面参数(界面布局、界面类型等)进行配置，并转换为配置数据存储于数据库300中。数据逻辑设计模块120，与图形界面设计模块110连接，用于对待设计应用页面的数据逻辑参数进行配置，并转换为配置数据存储于数据库300中；配置的数据逻辑参数具体包括：应用页面的数据来源、页面组件间的数据通信逻辑、对用户数据的具体操作逻辑(增删改)等。权限设计模块130用于结合用户组织架构对应用页面设计中各应用功能的权限参数进行配置，并转换为配置数据存储于数据库300中，且图形界面设计模块110与权限设计模块130的功能节点连接，权限设计模块130与图形界面设计模块110生成的每个可视化功能节点连接。

在应用软件开发系统中，页面设计器100位于前端，通过图形界面设计模块110产生图形界面的配置数据，完成整个应用基础数据的搭建。与之连接的数据逻辑设计模块120随之生成数据逻辑的配置数据(数据逻辑参数)，并通信反馈至图形界面设计模块110。与之连接的权限设计模，在图形界面生成的功能节点对应的配置数据上添加权限配置数据。最后将各模块的配置数据交由后端，存储至数据库300中。

相对应的，在页面渲染器200中包括：图形界面渲染模块210、数据逻辑通信模块220及权限解析模块230，其中，图形界面渲染模块210用于根据图形界面设计模块110中配置的图形界面参数及从数据库300中获取的用户实例数据进行图形界面渲染，得到应用页面。数据逻辑通信模块220，与图形界面渲染模块210连接，用于基于数据逻辑设计模块120中配置的数据逻辑参数搭建数据逻辑通信规则和机制，用户在进行数据操作时，数据逻辑通信模块220于图形界面底层进行数据通信、数据交互等操作，为图形界面渲染模块210提供数据支撑。权限解析模块230，与图形界面渲染模块210连接，用于根据权限设计模块130中配置的权限参数，结合当前登录用户的信息进行权限判断与解析，面向该用户提供使用权限的功能。具体，图形界面渲染模块210与数据逻辑通信模块220通过配置数据和用户实例数据建立连接关系，权限解析模块230与图形界面渲染模块210通过用户信息和鉴权结果建立连接关系。

在页面渲染过程中，后端从数据库300中读取应用的配置数据及相应的用户实例数据，在后端的权限解析模块230完成权限解析后，图形界面渲染模块210根据配置数据和用户实例数据完成图形界面的渲染，同时数据逻辑通信模块220根据数据逻辑的配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，便于用户通过图形界面完成对用户实例数据的增删改查操作。最后数据逻辑通信模块220将用户需要提交的用户数据发送至后端，由后端将数据存储于数据库300中。

如图3所示，在一实例中，页面设计器100的前端界面由三部分组成，其中，左侧部分为可选组件面板1，从该面板中选取希望添加的页面组件(如文本、图片、分列表等)并通过拖拽的方式的进行添加。中间部分为图形界面设计效果展示面板2，用户从左侧的可选组件面板中将页面组件拖拽至该图形界面设计效果展示面板中并放置于适当的位置，完成应用图形界面的初步设计。右侧部分为配置表单3，用户于图形界面设计效果展示面板中需要进行详细数据配置的页面组件，由右侧显示的相应配置表单中进行参数的配置及修改。要说明的是，图3仅示例性的给出了页面设计器中的一个前端界面图，对用户于页面设计器中的操作过程进行说明，对页面中包括的内容不做限定。就图3所示的前端界面中，可选组件面板1中包括可选的基础组件和高级组件，图形界面设计效果展示面板2中正在设计的页面为采购审核，配置表单3中包括组件属性等。

如图4所示，在另一实施例中，页面设计器100中包括：图形界面设计模块110、数据逻辑设计模块120、权限设计模块130及代码编辑模块140，其中，图形界面设计模块110用于对待设计应用页面的图形界面参数(界面布局、界面类型等)进行配置，并转换为配置数据存储于数据库300中。数据逻辑设计模块120，与图形界面设计模块110连接，用于对待设计应用页面的数据逻辑参数进行配置，并转换为配置数据存储于数据库300中；配置的数据逻辑参数具体包括：应用页面的数据来源、页面组件间的数据通信逻辑、对用户数据的具体操作逻辑(增删改)等。权限设计模块130用于结合用户组织架构对应用页面设计中各应用功能的权限参数进行配置，并转换为配置数据存储于数据库300中，且图形界面设计模块110与权限设计模块130的功能节点连接，权限设计模块130与图形界面设计模块110生成的每个可视化功能节点连接。代码编辑模块140，分别与图形界面设计模块110和数据逻辑设计模块120连接，集成有一定数量的代码函数库，用于提供代码编写、代码即时调试、代码运行及预览等功能，并将用户编写的代码存储于数据库300中，满足用户的定制化场景开发。具体，图形界面设计模块110与代码编辑模块140在图形界面部分具有连接关系，且代码编辑模块140在图形界面上生成独立的功能组件，便于用户于图形界面上编写代码。数据逻辑设计模块120和代码编辑模块140在数据逻辑层具有连接关系，且二者对同一数据来源都具备设计数据逻辑的权限。

页面渲染器200中包括图形界面渲染模块210、数据逻辑通信模块220及权限解析模块230，图形界面渲染模块210根据配置的图形界面参数及从数据库300中获取的用户实例数据，结合由代码编辑模块140接收的代码进行图形界面渲染，得到应用页面。数据逻辑通信模块220，与图形界面渲染模块210连接，用于基于数据逻辑设计模块120中配置的数据逻辑参数搭建数据逻辑通信规则和机制，用户在进行数据操作时，数据逻辑通信模块220于图形界面底层进行数据通信、数据交互等操作，为图形界面渲染模块210提供数据支撑。权限解析模块230，与图形界面渲染模块210连接，用于根据权限设计模块130中配置的权限参数，结合当前登录用户的信息进行权限判断与解析，面向该用户提供使用权限的功能。具体，图形界面渲染模块210与数据逻辑通信模块220通过配置数据和用户实例数据建立连接关系，权限解析模块230与图形界面渲染模块210通过用户信息和鉴权结果建立连接关系。

在本实施例中，页面设计器100于建模平台上，用户在该建模平台上通过可视化的方式对应用页面的参数进行配置；页面渲染器200于运行引擎上，针对可视化配置的参数进行渲染、场景实例化，得到相应的应用页面。以此提供一种灵活度高、功能强大、且集成代码自定义开发功能的页面设计装置，解决当前页面设计器100仅支持前端样式、自由度低、不支持在线二次开发等问题。

在应用软件开发系统中，页面设计器100位于前端，通过图形界面设计模块110产生图形界面的配置数据，完成整个应用基础数据的搭建。与之连接的数据逻辑设计模块120随之生成数据逻辑的配置数据(数据逻辑参数)，并通信反馈至图形界面设计模块110。与之连接的权限设计模，在图形界面生成的功能节点对应的配置数据上添加权限配置数据。与之连接的代码编辑模块140，在图形界面设计模块110搭建的配置数据的基础上进一步生成自定义代码数据，并通信反馈至图形界面设计模块110。最后将各模块的配置数据交由后端，存储至数据库300中。

在页面渲染过程中，后端从数据库300中读取应用的配置数据及相应的用户实例数据，在后端的权限解析模块230完成权限解析后，图形界面渲染模块210根据配置数据(包括用户的自定义编码数据)和用户实例数据完成图形界面的渲染，同时数据逻辑通信模块220根据数据逻辑的配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，便于用户通过图形界面完成对用户实例数据的增删改查操作。最后数据逻辑通信模块220将用户需要提交的用户数据发送至后端，由后端将数据存储于数据库300中。

该低代码页面设计装置中，通过丰富的基础组件功能，大大扩展了能够搭建的应用类软件所涉及的相关领域；同时，通过强化代码编辑能力，通过可视化配置生成代码，让开发人员可以进行二次开发，无需从零开始编码，大大缩减了工作量。

本发明还提供了一种页面设计方法，应用于上述低代码页面设计装置，如图5所示，该页面设计方法中包括：S10页面设计器根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中；S20页面渲染器从数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面。

在本实施例中，页面设计器于建模平台上，用户在该建模平台上通过可视化的方式对应用页面的参数进行配置；页面渲染器于运行引擎上，针对可视化配置的参数进行渲染、场景实例化，得到相应的应用页面。以此提供一种灵活度高、功能强大的低代码页面设计装置，解决当前页面设计器仅支持前端样式、自由度低、不支持在线二次开发等问题。

在另一实施例中，页面设计器中包括：图形界面设计模块、数据逻辑设计模块及权限设计模块，其中，图形界面设计模块用于对待设计应用页面的图形界面参数(界面布局、界面类型等)进行配置，并转换为配置数据存储于数据库中。数据逻辑设计模块，与图形界面设计模块连接，用于对待设计应用页面的数据逻辑参数进行配置，并转换为配置数据存储于数据库中；配置的数据逻辑参数具体包括：应用页面的数据来源、页面组件间的数据通信逻辑、对用户数据的具体操作逻辑(增删改)等。权限设计模块用于结合用户组织架构对应用页面设计中各应用功能的权限参数进行配置，并转换为配置数据存储于数据库中，且图形界面设计模块与权限设计模块的功能节点连接，权限设计模块与图形界面设计模块生成的每个可视化功能节点连接。

在应用软件开发系统中，页面设计器位于前端，通过图形界面设计模块产生图形界面的配置数据，完成整个应用基础数据的搭建。与之连接的数据逻辑设计模块随之生成数据逻辑的配置数据(数据逻辑参数)，并通信反馈至图形界面设计模块。与之连接的权限设计模，在图形界面生成的功能节点对应的配置数据上添加权限配置数据。最后将各模块的配置数据交由后端，存储至数据库中。

相对应的，在页面渲染器中包括图形界面渲染模块、数据逻辑通信模块及权限解析模块，其中，图形界面渲染模块用于根据图形界面设计模块中配置的图形界面参数及从数据库中获取的用户实例数据进行图形界面渲染，得到应用页面。数据逻辑通信模块，与图形界面渲染模块连接，用于基于数据逻辑设计模块中配置的数据逻辑参数搭建数据逻辑通信规则和机制，用户在进行数据操作时，数据逻辑通信模块于图形界面底层进行数据通信、数据交互等操作，为图形界面渲染模块提供数据支撑。权限解析模块，与图形界面渲染模块连接，用于根据权限设计模块中配置的权限参数，结合当前登录用户的信息进行权限判断与解析，面向该用户提供使用权限的功能。具体，图形界面渲染模块与数据逻辑通信模块通过配置数据和用户实例数据建立连接关系，权限解析模块与图形界面渲染模块通过用户信息和鉴权结果建立连接关系。

在页面渲染过程中，后端从数据库中读取应用的配置数据及相应的用户实例数据，在后端的权限解析模块完成权限解析后，图形界面渲染模块根据配置数据和用户实例数据完成图形界面的渲染，同时数据逻辑通信模块根据数据逻辑的配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，便于用户通过图形界面完成对用户实例数据的增删改查操作。最后数据逻辑通信模块将用户需要提交的用户数据发送至后端，由后端将数据存储于数据库中。

在另一实例中，页面设计器中包括图形界面设计模块、数据逻辑设计模块及权限设计模块之外，还包括代码编辑模块，该代码编辑模块分别与图形界面设计模块和数据逻辑设计模块连接，集成有一定数量的代码函数库，用于提供代码编写、代码即时调试、代码运行及预览等功能，并将用户编写的代码存储于数据库中，满足用户的定制化场景开发。具体，图形界面设计模块与代码编辑模块在图形界面部分具有连接关系，且代码编辑模块在图形界面上生成独立的功能组件，便于用户于图形界面上编写代码。数据逻辑设计模块和代码编辑模块在数据逻辑层具有连接关系，且二者对同一数据来源都具备设计数据逻辑的权限。

在本实施例中，页面设计器于建模平台上，用户在该建模平台上通过可视化的方式对应用页面的参数进行配置；页面渲染器于运行引擎上，针对可视化配置的参数进行渲染、场景实例化，得到相应的应用页面。以此提供一种灵活度高、功能强大、且集成代码自定义开发功能的页面设计装置，解决当前页面设计器仅支持前端样式、自由度低、不支持在线二次开发等问题。

在应用软件开发系统中，页面设计器位于前端，通过图形界面设计模块产生图形界面的配置数据，完成整个应用基础数据的搭建。与之连接的数据逻辑设计模块随之生成数据逻辑的配置数据(数据逻辑参数)，并通信反馈至图形界面设计模块。与之连接的权限设计模，在图形界面生成的功能节点对应的配置数据上添加权限配置数据。与之连接的代码编辑模块，在图形界面设计模块搭建的配置数据的基础上进一步生成自定义代码数据，并通信反馈至图形界面设计模块。最后将各模块的配置数据交由后端，存储至数据库中。

在页面渲染过程中，后端从数据库中读取应用的配置数据及相应的用户实例数据，在后端的权限解析模块和页面渲染器中的权限解析模块完成权限解析后(在权限解析过程中，后端的权限解析模块先进行对读取的数据进行一层解析生成对应的权限配置数据；之后由页面渲染器中的权限解析模块进行进一步解析)，图形界面渲染模块根据配置数据(包括用户的自定义编码数据)和用户实例数据完成图形界面的渲染，同时数据逻辑通信模块根据数据逻辑的配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，便于用户通过图形界面完成对用户实例数据的增删改查操作。最后数据逻辑通信模块将用户需要提交的用户数据发送至后端，由后端将数据存储于数据库中，总体流程如图6所示。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各程序模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的程序模块完成，即将装置的内部结构划分成不同的程序单元或模块，以完成以上描述的全部或者部分功能。实施例中的各程序模块可以集成在一个处理单元中，也可是各个单元单独物理存在，也可以两个或两个以上单元集成在一个处理单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件程序单元的形式实现。另外，各程序模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。

图7是本发明一个实施例中提供的终端设备的结构示意图，如所示，该终端设备400包括：处理器420、存储器410以及存储在存储器410中并可在处理器420上运行的计算机程序411，例如：多租户的低代码应用软件开发程序。处理器420执行计算机程序411时实现上述各个多租户的低代码应用软件开发方法实施例中的步骤，或者，处理器420执行计算机程序411时实现上述各多租户的低代码应用软件开发装置实施例中各模块的功能。

终端设备400可以为笔记本、掌上电脑、平板型计算机、手机等设备。终端设备400可包括，但不仅限于处理器420、存储器410。本领域技术人员可以理解，图7仅仅是终端设备400的示例，并不构成对终端设备400的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如：终端设备400还可以包括输入输出设备、显示设备、网络接入设备、总线等。

处理器420可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application SpecificIntegrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable GateArray，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器420可以是微处理器或者该处理器也可以是任何常规的处理器等。

存储器410可以是终端设备400的内部存储单元，例如：终端设备400的硬盘或内存。存储器410也可以是终端设备400的外部存储设备，例如：终端设备400上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，存储器410还可以既包括终端设备400的内部存储单元也包括外部存储设备。存储器410用于存储计算机程序411以及终端设备400所需要的其他程序和数据。存储器410还可以用于暂时地存储已经输出或者将要输出的数据。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详细描述或记载的部分，可以参见其他实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

在本申请所提供的实施例中，应该理解到，所揭露的终端设备，可以通过其他的方式实现。例如，以上所描述的终端设备实施例仅仅是示意性的，例如，模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性、机械或其他的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可能集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序411发送指令给相关的硬件完成，的计算机程序411可存储于一计算机可读存储介质中，该计算机程序411在被处理器420执行时，可实现上述各个方法实施例的步骤。其中，计算机程序411包括：计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读存储介质可以包括：能够携带计算机程序411代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，RandomAccess Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，计算机可读存储介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如：在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

应当说明的是，上述实施例均可根据需要自由组合。以上所述仅是本发明的优选实施例，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种低代码页面设计装置，其特征在于，包括：页面设计器、页面渲染器及数据库，其中，

所述页面设计器，与所述数据库通信连接，用于根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中；

所述页面渲染器，与所述数据库通信连接，用于从所述数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据所述配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面。

2.如权利要求1所述的低代码页面设计装置，其特征在于，所述页面设计器中包括：图形界面设计模块、数据逻辑设计模块及权限设计模块，其中，

所述图形界面设计模块，用于对待设计应用页面的图形界面参数进行配置，并转换为配置数据存储于数据库中；

所述数据逻辑设计模块，与所述图形界面设计模块连接，用于对待设计应用页面的数据逻辑参数进行配置，并转换为配置数据存储于数据库中；

所述权限设计模块，与所述图形界面设计模块连接，用于对应用页面设计中各应用功能的权限参数进行配置，并转换为配置数据存储于数据库中。

3.如权利要求2所述的低代码页面设计装置，其特征在于，所述页面渲染器中包括：图形界面渲染模块、数据逻辑通信模块及权限解析模块，其中，

所述图形界面渲染模块，用于根据所述图形界面设计模块中配置的图形界面参数及从数据库中获取的用户实例数据进行图形界面渲染，得到应用页面；

所述数据逻辑通信模块，与所述图形界面渲染模块连接，用于基于所述数据逻辑设计模块中配置的数据逻辑参数搭建数据逻辑通信规则和机制，为所述图形界面渲染模块提供数据支撑；

所述权限解析模块，与所述图形界面渲染模块连接，用于根据所述权限设计模块中配置的权限参数，结合当前登录用户的信息进行权限判断与解析，为该用户提供权限。

4.如权利要求2或3所述的低代码页面设计装置，其特征在于，所述页面设计器中还包括分别与所述图形界面设计模块和数据逻辑设计模块连接的代码编辑模块，用于接收、调试及运行用户针对个性化场景编写的代码，并将接收的代码存储于数据库中；

在所述页面渲染器中，根据配置的图形界面参数及从数据库中获取的用户实例数据，结合由代码编辑模块接收的代码进行图形界面渲染，得到应用页面。

5.一种页面设计方法，其特征在于，应用于如权利要求1-4任意一项所述的低代码页面设计装置，所述页面设计方法中包括：

页面设计器根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中；

页面渲染器从所述数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据所述配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面。

6.如权利要求5所述的页面设计方法，其特征在于，所述页面设计器中配置的参数包括：图形界面参数、数据逻辑参数及权限参数；

页面设计器根据接收的页面配置指令对待设计应用页面的图形界面参数、数据逻辑参数及权限参数进行配置，并将配置数据存储于数据库中。

7.如权利要求6所述的页面设计方法，其特征在于，在页面渲染器从所述数据库中获取待设计页面的配置数据及预存的用户实例数据，并根据所述配置参数和用户实例数据对图形界面进行渲染，得到相应的应用页面中，包括：基于配置的数据逻辑参数搭建数据逻辑通信规则和机制的步骤；根据配置的权限参数，结合当前登录用户的信息进行权限判断与解析的步骤；及根据配置的图形界面参数及从数据库中获取的用户实例数据进行图形界面渲染，得到应用页面的步骤。

8.如权利要求5或6或7所述的页面设计方法，其特征在于，在页面设计器根据接收的页面配置指令对待设计应用页面的参数进行配置，并将配置数据存储于数据库中，还包括：接收、调试及运行用户针对个性化场景编写的代码，并将接收的代码存储于数据库中的步骤；

在所述页面渲染器中，根据配置的图形界面参数及从数据库中获取的用户实例数据，结合接收的代码进行图形界面渲染，得到应用页面。

9.一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器运行所述计算机程序时实现如权利要求5-8中任一项所述页面设计方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求5-8中任一项所述页面设计方法的步骤。

Images