CN113296772A - 页面配置方法、装置、计算机设备及可读存储介质 - Google Patents
页面配置方法、装置、计算机设备及可读存储介质 Download PDFInfo
- Publication number
- CN113296772A CN113296772A CN202110568898.2A CN202110568898A CN113296772A CN 113296772 A CN113296772 A CN 113296772A CN 202110568898 A CN202110568898 A CN 202110568898A CN 113296772 A CN113296772 A CN 113296772A
- Authority
- CN
- China
- Prior art keywords
- target
- page
- function component
- configuration
- data
- 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 73
- 238000012545 processing Methods 0.000 claims abstract description 61
- 238000006243 chemical reaction Methods 0.000 claims abstract description 40
- 230000008569 process Effects 0.000 claims abstract description 35
- 230000009191 jumping Effects 0.000 claims abstract description 24
- 230000004044 response Effects 0.000 claims abstract description 17
- 230000006870 function Effects 0.000 claims description 84
- 238000010586 diagram Methods 0.000 claims description 25
- 238000004590 computer program Methods 0.000 claims description 13
- 238000012790 confirmation Methods 0.000 claims description 9
- 230000009466 transformation Effects 0.000 claims description 4
- 238000011161 development Methods 0.000 description 26
- 238000004891 communication Methods 0.000 description 18
- 238000013461 design Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 239000003814 drug Substances 0.000 description 4
- 238000012423 maintenance Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001902 propagating effect Effects 0.000 description 2
- RYGMFSIKBFXOCR-UHFFFAOYSA-N Copper Chemical compound [Cu] RYGMFSIKBFXOCR-UHFFFAOYSA-N 0.000 description 1
- 229910052802 copper Inorganic materials 0.000 description 1
- 239000010949 copper Substances 0.000 description 1
- 238000013499 data model Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000002243 precursor Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
- 230000001960 triggered effect Effects 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
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种页面配置方法、装置、计算机设备及可读存储介质,该方法包括:提供目标页面的第一配置界面,其中,所述第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域;响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在所述第一画布区域中所述目标页面的目标位置上;获取所述目标功能组件所对应的参数转换数据;获取所述目标页面间的跳转流程;对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据。
Description
技术领域
本发明涉及开发技术领域,更具体地,涉及一种页面配置方法、一种页面配置装置、一种计算机设备、及一种计算机可读存储介质。
背景技术
低代码开发平台,是指无需编码或很少代码就可以快速生成应用程序的工具。这种平台通常提供可视化的设计工具,来快速搭建界面、设计数据模型、创建业务逻辑和工作流。
低代码开发平台作为一种新型的开发工具,它的出现减少了代码编写量,简化了开发过程,缩短了开发周期,提高了开发效率,节省了开发成本。低代码开发平台可以帮助用户更好地去设计并实现需求,用户只需要关注业务逻辑,而不需要去关注代码编写。普通用户在接受简单培训后也能DIY出自己所需的各种管理软件。
但现有的低代码开发平台,很多都没有细粒度的逻辑流程控制,学习成本也比较高,需要使用者进行大量额外的学习和练习。
发明内容
本发明的一个目的是提供一种配置页面的新技术方案。
根据本发明的第一方面,提供了一种页面配置方法,包括:
提供目标页面的第一配置界面,其中,所述第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域;
响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在所述第一画布区域中所述目标页面的目标位置上;
获取所述目标功能组件所对应的参数转换数据;
获取所述目标页面间的跳转流程;
对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据。
可选的,所述获取所述目标功能组件所对应的参数转换数据包括:
响应于配置所述目标功能组件的操作,提供所述目标功能组件的第三配置界面;
获取通过所述第三配置界面所设定的表示所述参数转换数据的数据表;
获取所述数据表的数据库模式定义语言语句,作为所述参数转换数据。
可选的,所述跳转流程为数据处理流程图,所述获取所述目标页面间的跳转流程包括:
提供所述跳转流程的第二配置界面,所述第二配置界面包括用于构建数据处理流程图的第二画布区域、以及用于提供至少一个节点的第二展示区域;其中,所述至少一个节点用于表示所述目标页面、以及所述目标功能组件;
响应于从所述第二展示区域选择节点的操作,将选择的节点展示在所述第二画布区域;
将所述第二画布区域中的节点进行连接,构建反映所述跳转流程的数据处理流程图。
可选的,所述方法还包括:
在所述第二配置界面中提供用于确认所述数据处理流程图的确认按钮;
响应于对所述确认按钮的点击操作,对所述数据处理流程图进行语法校验;
在所述数据处理流程图存在语法错误的情况下,发出错误提示。
可选的,所述从第一展示区域选择目标功能组件的操作包括:
将所述第一展示区域所展示的所述目标功能组件拖拽至所述第一画布区域的所述目标位置上的操作,或者,
在选中所述第一画布区域的所述目标位置的情况下,点击所述第一展示区域所展示的目标功能组件的操作。
可选的,所述对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据包括:
对跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到表示所述目标配置数据的JSON文件;
获取所述JSON文件的版本号;
将所述JSON文件和所述版本号对应存储。
可选的,所述方法还包括:
展示所述目标页面;
接收对所述目标页面所执行的目标操作,加载所述目标配置数据;
根据所述目标配置数据对所述目标操作进行响应。
根据本发明的第二方面,提供了一种页面配置装置,包括:
界面提供模块,用于提供目标页面的第一配置界面,其中,所述第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域;
选择响应模块,用于响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在所述第一画布区域中所述目标页面的目标位置上;
数据获取模块,用于获取所述目标功能组件所对应的参数转换数据;
流程获取模块,用于获取所述目标页面间的跳转流程;
数据处理模块,用于对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据。
根据本发明的第三方面,提供了一种计算机设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现本发明第一方面所述方法的步骤。
根据本发明的第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现本发明第一方面所述方法的步骤。
本发明的一个有益效果在于,可实现前端页面间的动态跳转配置、多数据源间的自动切换、网络接口的动态生成、流程图的配置、出参入参的转换。前后端全部可视化,通过简单的拖拽,即可实现功能组件的联通。并且数据处理流程图中可以嵌套流程图,若某个流程特别复杂,可以拆分为多个较简单的流程,降低后续开发人员的学习成本。通过搭积木的方式,化繁为简,逻辑控制粒度较细,便于后期维护。减少了代码编写量,简化了开发过程,缩短了开发周期,提高了开发效率,节省了开发成本。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。
图1a是可用于实现本发明的实施例的计算机设备的硬件配置的一个例子的框图。
图1b是可用于实现本发明的实施例的计算机设备的硬件配置的另一个例子的框图;
图2示出了本发明的实施例的页面配置方法的其中一个例子的流程图。
图3示出了本发明的实施例的第一配置界面的示意图。
图4示出了本发明的实施例的第三配置界面的示意图。
图5示出了本发明的实施例的数据处理流程图的示意图。
图6示出了本发明的实施例的页面配置装置的方框原理图。
图7示出了本发明的实施例的计算机设备的其中一个例子的方框原理图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
<硬件配置>
图1a和图1b是可用于实现本说明书任意实施例的页面配置方法的计算机设备1000的硬件配置的框图。
在一个实施例中,如图1a所示,计算机设备1000可以是服务器1100。
服务器1100提供处理、数据库、通讯设施的计算机。服务器1100可以是整体式服务器或是跨多计算机或计算机数据中心的分散式服务器。服务器可以是各种类型的,例如但不限于,网络服务器,新闻服务器,邮件服务器,消息服务器,广告服务器,文件服务器,应用服务器,交互服务器,数据库服务器,或代理服务器。在一些实施例中,每个服务器可以包括硬件,软件,或用于执行服务器所支持或实现的合适功能的内嵌逻辑组件或两个或多个此类组件的组合。例如,服务器例如刀片服务器、云端服务器等,或者可以是由多台服务器组成的服务器群组,可以包括上述类型的服务器中的一种或多种等等。
本实施例中,服务器1100可以如图1a所示,包括处理器1110、存储器1120、接口装置1130、通信装置1140、显示装置1150、输入装置1160。
在该实施例中,服务器1100还可以包括扬声器、麦克风等等,在此不做限定。
处理器1110可以是专用的服务器处理器,也可以是满足性能要求的台式机处理器、移动版处理器等,在此不做限定。存储器1120例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1130例如包括各种总线接口,例如串行总线接口(包括USB接口)、并行总线接口等。通信装置1140例如能够进行有线或无线通信。显示装置1150例如是液晶显示屏、LED显示屏触摸显示屏等。输入装置1160例如可以包括触摸屏、键盘等。
在该实施例中,服务器1100的存储器1120用于存储指令,该指令用于控制处理器1110进行操作以至少执行根据本说明书任意实施例的方法。技术人员可以根据本说明书所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
尽管在图1a中示出了服务器1100的多个装置,但是,本说明书可以仅涉及其中的部分装置,例如,服务器1100只涉及存储器1120和处理器1110。
在一个实施例中,计算机设备1000可以是操作人员使用的PC机、笔记本电脑等终端设备1200,在此不做限定。
本实施例中,参照图1b所示,终端设备1200可以包括处理器1210、存储器1220、接口装置1230、通信装置1240、显示装置1250、输入装置1260、扬声器1270、麦克风1280等等。
处理器1210可以是移动版处理器。存储器1220例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1230例如包括USB接口、耳机接口等。通信装置1240例如能够进行有线或无线通信,通信装置1240可以包括短距离通信装置,例如是基于Hilink协议、WiFi(IEEE802.11协议)、Mesh、蓝牙、ZigBee、Thread、Z-Wave、NFC、UWB、LiFi等短距离无线通信协议进行短距离无线通信的任意装置,通信装置1240也可以包括远程通信装置,例如是进行WLAN、GPRS、2G/3G/4G/5G远程通信的任意装置。显示装置1250例如是液晶显示屏、触摸显示屏等。输入装置1260例如可以包括触摸屏、键盘等。用户可以通过扬声器1270和麦克风1280输入/输出语音信息。
在该实施例中,终端设备1200的存储器1220用于存储指令,该指令用于控制处理器1210进行操作以至少执行根据本说明书任意实施例的方法。技术人员可以根据本说明书所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
尽管在图1b中示出了终端设备1200的多个装置,但是,本说明书可以仅涉及其中的部分装置,例如,终端设备1200只涉及存储器1220和处理器1210和显示装置1250。
本发明实施例的总体构思,是提供一种页面配置方法,提供目标页面的第一配置界面;响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在第一画布区域中目标页面的目标位置上;获取目标功能组件所对应的参数转换数据;获取目标页面间的跳转流程;对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到目标页面的目标配置数据,这样,可以实现前端页面间的动态跳转配置、多数据源间的自动切换、网络接口的动态生成、流程图的配置、出参入参的转换。前后端全部可视化,通过简单的拖拽,即可实现功能组件的联通。并且数据处理流程图中可以嵌套流程图,若某个流程特别复杂,可以拆分为多个较简单的流程,降低后续开发人员的学习成本。通过搭积木的方式,化繁为简,逻辑控制粒度较细,便于后期维护。减少了代码编写量,简化了开发过程,缩短了开发周期,提高了开发效率,节省了开发成本。
<方法实施例>
在本实施例中,提供一种页面配置方法。该方法可以是由计算机设备实施。该计算机设备可以是如图1a所示的服务器1100,或者是如图1b所示终端设备1200。
该页面配置方法,如图2所示,包括:步骤S110~S150。
步骤S110,提供目标页面的第一配置界面。
其中,第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域。在一个例子中,第一配置界面可以是如图3所示。
在本实施例中,第一画布区域可以用于对目标页面中所显示的内容及其所对应的功能进行配置。具体的,第一画布区域内可以展示有目标页面。
步骤S120,响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在第一画布区域中目标页面的目标位置上。
从第一展示区域选择目标功能组件的操作,可以是用户将第一展示区域所展示的目标功能组件拖拽至第一画布区域的目标位置上的操作,也可以是用户点击第一展示区域所展示的目标功能组件的操作。
在从第一展示区域选择目标功能组件的操作为将第一展示区域所展示的目标功能组件拖拽至第一画布区域的目标位置上的操作的实施例中,目标页面中的目标位置,可以是拖拽至第一画布区域后释放目标功能组件的位置。
在从第一展示区域选择目标功能组件的操作为点击第一展示区域所展示的目标功能组件的操作的实施例中,目标页面中的目标位置,可以是用户预先在目标页面中所选择的位置。
通过将目标功能组件展示在第一展示区域中目标页面的目标位置上,可以使得目标页面的目标位置与目标功能组件之间绑定。在展示目标页面的过程中,如果用户点击该目标位置,则可以执行目标功能组件所对应的目标功能组件的代码。
步骤S130,获取目标功能组件所对应的参数转换数据。
在本公开的一个实施例中,获取目标功能组件所对应的参数转换数据可以包括如下所示的步骤S131~S133:
步骤S131,响应于配置目标功能组件的操作,提供目标功能组件的第三配置界面。
可以是将点击第一画布区域所展示的目标页面的目标位置的操作,即点击第一画布区域所展示的目标功能组件的操作,作为配置目标功能组件的操作。也可以是在第一画布区域提供配置按钮,在选中第一画布区域所展示的目标功能组件的情况下,将点击该配置按钮的操作作为配置目标功能组件的操作。
在一个例子中,第三配置界面可以是如图4所示。
本实施例中,目标功能组件所对应的参数转换数据,可以是反映目标页面和目标功能组件所触发的跳转页面之间需要转换的参数的数据。
进一步地,该参数可以是目标功能组件所对应的数据源中的参数。可以是由用户通过第三配置界面,对参数转换数据进行配置。
具体的,参数转换数据可以是通过第三配置界面配置数据源链接、表名、字段、主键、索引中的至少一个。
步骤S132,获取通过第三配置界面所设定的表示参数转换数据的数据表。
步骤S133,获取该数据表的数据库模式定义语言语句,作为参数转换数据。
数据库模式定义语言语句(Data Definition Language,DDL)语句,是用于描述数据库中要存储的现实世界实体的语言。
步骤S140,获取目标页面间的跳转流程。
在本公开的一个实施例中,该跳转关系可以是由数据处理流程图来表示。
本实施例中的数据处理流程图可以为有向无环图。有向无环图简称DAG图,指的是一个无回路的有向图。例如可以如图5所示。
在此基础上,获取目标页面间的跳转流程的方式可以包括如下所示的步骤S141~S143:
步骤S141,提供跳转流程的第二配置界面,第二配置界面包括用于构建数据处理流程图的第二画布区域、以及用于提供至少一个节点的第二展示区域。
其中,所述至少一个节点用于表示所述目标页面、以及所述目标功能组件。
第二展示区域所展示的节点可以包含开始节点、中间节点、切换流程节点、结束节点。其中的中间节点或者是切换流程节点可以包括目标页面中的目标功能组件,开始节点、中间节点、切换流程节点和结束节点可以包括目标页面。
DAG有向无环图中每个节点,可以包含入参出参转换、逻辑处理、判断分支、前驱后继关系。
第二展示区域中用于表示目标页面的节点,至少可以是如下任意一种或多种类型:目标页面的ID,目标页面的网络地址,目标页面所对应的数据库、目标页面所对应的消息队列和目标页面所对应的网络接口。
步骤S142,响应于从第二展示区域选择节点的操作,将选择的节点展示在第二画布区域。
在本实施例中,用户可以通过拖拽、点击等方式来选择第二展示区域中所展示的节点,使得用户所选择的节点展示在画布区域。
步骤S143,将第二画布区域中的节点进行连接,构建反映跳转流程的数据处理流程图。
在本实施例中,可以是由用户对画布区域的节点进行连接,也可以是按照用户在画布区域所布局的节点顺序,自动完成画布区域所显示的节点之间的连接,得到数据处理流程图。
在一个例子中,跳转流程还可以包括其他数据处理流程,即可以是多级流程嵌套的。
进一步地,该方法还可以包括:在第二配置界面中提供用于确认数据处理流程图的确认按钮;响应于对确认按钮的点击操作,对数据处理流程图进行语法校验;在该数据处理流程图存在语法错误的情况下,发出错误提示。
在本实施例中,用户在第二画布区域配置完数据处理流程图的情况下,会点击确认按钮,触发对第二画布区域中的数据处理流程图进行语法校验,若有语法错误会直接提示。
步骤S150,对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到目标页面的目标配置数据。
在本公开的一个实施例中,对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到目标页面的目标配置数据可以包括:
对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到表示目标配置数据的JSON文件;获取JSON文件的版本号;将JSON文件及其版本号对应存储。
在本实施例中,通过记录表示目标配置数据的JSON文件的版本号,可以实现目标配置数据的回滚功能。
在本公开的一个实施例中,在执行完步骤S150之后,该方法还可以包括:
展示目标页面;接收对目标页面所执行的目标操作,加载目标配置数据;根据目标配置数据对目标操作进行响应。
本实施例中的目标操作,可以是与跳转流程或者是与目标功能组件相关的操作。例如,该目标操作可以是点击目标功能组件所对应的目标位置的操作。
加载目标配置数据,具体可以是针对DAG图中的每个节点,生成任务节点类,任务节点有对应的前驱后继关系,并将任务节点提交到线程池中执行。当某个任务节点完成后,会将出参根据配置进行转换后,传入到下一个任务节点作为入参。当执行到SWITCH切换流程节点时,会根据当前执行结果,选择下一个要执行的任务节点。执行到结束节点时,返回出参,任务结束。
通过本公开的实施例,可实现前端页面间的动态跳转配置、多数据源间的自动切换、网络接口的动态生成、流程图的配置、出参入参的转换。前后端全部可视化,通过简单的拖拽,即可实现功能组件的联通。并且数据处理流程图中可以嵌套流程图,若某个流程特别复杂,可以拆分为多个较简单的流程,降低后续开发人员的学习成本。通过搭积木的方式,化繁为简,逻辑控制粒度较细,便于后期维护。减少了代码编写量,简化了开发过程,缩短了开发周期,提高了开发效率,节省了开发成本。
<装置实施例>
在本实施例中,提供一种页面配置装置4000,如图6所示,包括界面提供模块4100、选择响应模块4200、数据获取模块4300、流程获取模块4400和数据处理模块4500。该界面提供模块4100用于提供目标页面的第一配置界面,其中,第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域;该选择响应模块4200用于响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在第一画布区域中目标页面的目标位置上;该数据获取模块4300用于获取目标功能组件所对应的参数转换数据;该流程获取模块4400用于获取目标页面间的跳转流程;该数据处理模块4500用于对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到目标页面的目标配置数据。
在本公开的一个实施例中,获取目标功能组件所对应的参数转换数据包括:
响应于配置目标功能组件的操作,提供目标功能组件的第三配置界面;
获取通过第三配置界面所设定的表示参数转换数据的数据表;
获取数据表的数据库模式定义语言语句,作为参数转换数据。
在本公开的一个实施例中,跳转流程为数据处理流程图,获取目标页面间的跳转流程包括:
提供跳转流程的第二配置界面,第二配置界面包括用于构建数据处理流程图的第二画布区域、以及用于提供至少一个节点的第二展示区域;其中,至少一个节点用于表示目标页面、以及目标功能组件;
响应于从第二展示区域选择节点的操作,将选择的节点展示在第二画布区域;
将第二画布区域中的节点进行连接,构建反映跳转流程的数据处理流程图。
在本公开的一个实施例中,该页面配置装置4000还可以包括:
用于在第二配置界面中提供用于确认数据处理流程图的确认按钮的模块;
用于响应于对确认按钮的点击操作,对数据处理流程图进行语法校验的模块;
用于在数据处理流程图存在语法错误的情况下,发出错误提示的模块。
在本公开的一个实施例中,从第一展示区域选择目标功能组件的操作包括:
将第一展示区域所展示的目标功能组件拖拽至第一画布区域的目标位置上的操作,或者,
在选中第一画布区域的目标位置的情况下,点击第一展示区域所展示的目标功能组件的操作。
在本公开的一个实施例中,对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到目标页面的目标配置数据包括:
对跳转流程、目标功能组件、以及目标功能组件所对应的参数转换数据进行处理,得到表示目标配置数据的JSON文件;
获取JSON文件的版本号;
将JSON文件和版本号对应存储。
在本公开的一个实施例中,该页面配置装置4000还可以包括:
用于展示目标页面的模块;
用于接收对目标页面所执行的目标操作,加载目标配置数据的模块;
根据目标配置数据对目标操作进行响应。
本领域技术人员应当明白,可以通过各种方式来实现页面配置装置4000。例如,可以通过指令配置处理器来实现页面配置装置4000。例如,可以将指令存储在ROM中,并且当启动设备时,将指令从ROM读取到可编程器件中来实现页面配置装置4000。例如,可以将页面配置装置4000固化到专用器件(例如ASIC)中。可以将页面配置装置4000分成相互独立的单元,或者可以将它们合并在一起实现。页面配置装置4000可以通过上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。
在本实施例中,页面配置装置4000可以具有多种实现形式,例如,页面配置装置4000可以是任何的提供页面配置服务的软件产品或者应用程序中运行的功能模块,或者是这些软件产品或者应用程序的外设嵌入件、插件、补丁件等,还可以是这些软件产品或者应用程序本身。
<计算机设备>
本发明还提供了一种计算机设备。
如图7所示,该计算机设备可以包括存储器510和处理器520,存储器510中存储有计算机可读指令,计算机可读指令被处理器520执行时,使得处理器520执行本公开中任意实施例的页面配置方法的步骤。
通过本发明的实施例的计算机设备,可实现前端页面间的动态跳转配置、多数据源间的自动切换、网络接口的动态生成、流程图的配置、出参入参的转换。前后端全部可视化,通过简单的拖拽,即可实现功能组件的联通。并且数据处理流程图中可以嵌套流程图,若某个流程特别复杂,可以拆分为多个较简单的流程,降低后续开发人员的学习成本。通过搭积木的方式,化繁为简,逻辑控制粒度较细,便于后期维护。减少了代码编写量,简化了开发过程,缩短了开发周期,提高了开发效率,节省了开发成本。
<计算机可读介质>
在本实施例中,提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现本实施例中所述的页面配置方法的步骤。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (10)
1.一种页面配置方法,其特征在于,包括:
提供目标页面的第一配置界面,其中,所述第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域;
响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在所述第一画布区域中所述目标页面的目标位置上;
获取所述目标功能组件所对应的参数转换数据;
获取所述目标页面间的跳转流程;
对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据。
2.根据权利要求1所述的方法,其特征在于,所述获取所述目标功能组件所对应的参数转换数据包括:
响应于配置所述目标功能组件的操作,提供所述目标功能组件的第三配置界面;
获取通过所述第三配置界面所设定的表示所述参数转换数据的数据表;
获取所述数据表的数据库模式定义语言语句,作为所述参数转换数据。
3.根据权利要求1所述的方法,其特征在于,所述跳转流程为数据处理流程图,所述获取所述目标页面间的跳转流程包括:
提供所述跳转流程的第二配置界面,所述第二配置界面包括用于构建数据处理流程图的第二画布区域、以及用于提供至少一个节点的第二展示区域;其中,所述至少一个节点用于表示所述目标页面、以及所述目标功能组件;
响应于从所述第二展示区域选择节点的操作,将选择的节点展示在所述第二画布区域;
将所述第二画布区域中的节点进行连接,构建反映所述跳转流程的数据处理流程图。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
在所述第二配置界面中提供用于确认所述数据处理流程图的确认按钮;
响应于对所述确认按钮的点击操作,对所述数据处理流程图进行语法校验;
在所述数据处理流程图存在语法错误的情况下,发出错误提示。
5.根据权利要求1所述的方法,其特征在于,所述从第一展示区域选择目标功能组件的操作包括:
将所述第一展示区域所展示的所述目标功能组件拖拽至所述第一画布区域的所述目标位置上的操作,或者,
在选中所述第一画布区域的所述目标位置的情况下,点击所述第一展示区域所展示的目标功能组件的操作。
6.根据权利要求1所述的方法,其特征在于,所述对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据包括:
对跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到表示所述目标配置数据的JSON文件;
获取所述JSON文件的版本号;
将所述JSON文件和所述版本号对应存储。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
展示所述目标页面;
接收对所述目标页面所执行的目标操作,加载所述目标配置数据;
根据所述目标配置数据对所述目标操作进行响应。
8.一种页面配置装置,其特征在于,包括:
界面提供模块,用于提供目标页面的第一配置界面,其中,所述第一配置界面包括第一画布区域、以及用于提供至少一个功能组件的第一展示区域;
选择响应模块,用于响应于从第一展示区域选择目标功能组件的操作,将选择的目标功能组件展示在所述第一画布区域中所述目标页面的目标位置上;
数据获取模块,用于获取所述目标功能组件所对应的参数转换数据;
流程获取模块,用于获取所述目标页面间的跳转流程;
数据处理模块,用于对所述跳转流程、所述目标功能组件、以及所述目标功能组件所对应的参数转换数据进行处理,得到所述目标页面的目标配置数据。
9.一种计算机设备,其特征在于,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现权利要求1-5任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现权利要求1-7中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110568898.2A CN113296772A (zh) | 2021-05-25 | 2021-05-25 | 页面配置方法、装置、计算机设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110568898.2A CN113296772A (zh) | 2021-05-25 | 2021-05-25 | 页面配置方法、装置、计算机设备及可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113296772A true CN113296772A (zh) | 2021-08-24 |
Family
ID=77324597
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110568898.2A Pending CN113296772A (zh) | 2021-05-25 | 2021-05-25 | 页面配置方法、装置、计算机设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113296772A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114138255A (zh) * | 2021-12-02 | 2022-03-04 | 杭州网易云音乐科技有限公司 | 活动处理方法、介质、装置和计算设备 |
CN114675921A (zh) * | 2022-03-31 | 2022-06-28 | 中国建设银行股份有限公司 | 一种自定义界面的方法、装置、电子设备和存储介质 |
CN114996346A (zh) * | 2022-06-10 | 2022-09-02 | 艾嘉智能科技(天津)有限公司 | 可视化数据流处理方法、装置、电子设备及存储介质 |
CN116166242A (zh) * | 2023-03-22 | 2023-05-26 | 广州嘉为科技有限公司 | 一种基于画布的度量卡片实现方法、装置及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20150099261A (ko) * | 2014-02-21 | 2015-08-31 | 주식회사 넥스다임 | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 |
CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
-
2021
- 2021-05-25 CN CN202110568898.2A patent/CN113296772A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20150099261A (ko) * | 2014-02-21 | 2015-08-31 | 주식회사 넥스다임 | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 |
CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114138255A (zh) * | 2021-12-02 | 2022-03-04 | 杭州网易云音乐科技有限公司 | 活动处理方法、介质、装置和计算设备 |
CN114675921A (zh) * | 2022-03-31 | 2022-06-28 | 中国建设银行股份有限公司 | 一种自定义界面的方法、装置、电子设备和存储介质 |
CN114996346A (zh) * | 2022-06-10 | 2022-09-02 | 艾嘉智能科技(天津)有限公司 | 可视化数据流处理方法、装置、电子设备及存储介质 |
CN116166242A (zh) * | 2023-03-22 | 2023-05-26 | 广州嘉为科技有限公司 | 一种基于画布的度量卡片实现方法、装置及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113296772A (zh) | 页面配置方法、装置、计算机设备及可读存储介质 | |
US8751558B2 (en) | Mashup infrastructure with learning mechanism | |
US8539514B2 (en) | Workflow integration and portal systems and methods | |
US20120233588A1 (en) | Blended service creation, test, and deployment environment for multiple service endpoints | |
US20120233589A1 (en) | Software development kit for blended services | |
CN111796820B (zh) | 基于集成化组件构建前端页面的方法、装置及电子设备 | |
JP2015504186A (ja) | モバイル・アプリケーション開発のためのシステムおよび方法 | |
CN112015654A (zh) | 用于测试的方法和装置 | |
JP6748578B2 (ja) | カスタマイズされたレディートゥゴー・コンポーネント化アプリケーションの定義 | |
JP7280388B2 (ja) | カスタマイズされた人工知能生産ラインを実行する装置及び方法、機器及び媒体 | |
US9508052B1 (en) | Generating client applications for business processes management engines | |
CN111061522B (zh) | 基于后端生成前端卡片组件的方法、装置、设备及存储介质 | |
CN114036443A (zh) | 页面生成方法及装置 | |
US10970050B1 (en) | User interface engine for miniapp development | |
CN110471654A (zh) | 通信协议的云端开发系统及计算机软件程序产品 | |
CN111813407B (zh) | 游戏开发方法、游戏运行方法、装置和电子设备 | |
CN114968032A (zh) | 业务处理方法、装置、设备及计算机可读存储介质 | |
CN112783796A (zh) | 单节点的测试方法、装置、计算机设备及可读存储介质 | |
WO2023169193A1 (zh) | 用于生成智能合约的方法和装置 | |
CN110866054A (zh) | 一种标签配置方法、装置及计算机存储介质 | |
CN113537954B (zh) | 一种项目里程碑的处理方法、装置、存储介质及电子设备 | |
US11928627B2 (en) | Workflow manager | |
US8943517B2 (en) | Generalized application message generation service | |
WO2022125992A1 (en) | System and method for developing user interface applications | |
US11132374B2 (en) | Property painter |
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 | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20210824 |
|
WD01 | Invention patent application deemed withdrawn after publication |