一种页面开发方法和装置制造方法及图纸

本发明专利技术公开了一种页面开发方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：响应于页面开发请求，获取页面数据；获取控制关系包括的控制组件信息、被控组件信息以及控制组件和被控组件之间的控制逻辑；根据控制组件信息生成控制组件构建代码；根据被控组件信息生成被控组件构建代码；根据控制逻辑生成控制节点与被控节点之间的连接关系，并生成控制逻辑代码；将代码进行拼接得到控制关系对应的代码；根据所有控制关系对应的代码生成页面代码，以进行页面开发。该实施方式减少了开发人员的工作量，缩短了业务开发周期，降低了非开发人员的使用门槛，提高了页面开发效率和灵活性。活性。活性。

【技术实现步骤摘要】
一种页面开发方法和装置


[0001]本专利技术涉及计算机
，尤其涉及一种页面开发方法和装置。

技术介绍

[0002]低代码开发平台(LCDP,是无需编码或通过少量代码就可以快速生成应用程序的开发平台)在搭建页面或者表单时，经常会需要通过操作一个组件来控制另一个组件的联动逻辑，如组件的显示隐藏、打开一个新页面、修改某个组件的内部数据、修改某个组件的状态等。目前，低代码开发平台实现组件之间联动逻辑的实现主要有两种方式：第一种是将两个或两个以上的原子组件通过代码开发的方式组装为一个新的业务组件，并在该业务组件内进行联动逻辑的处理；第二种是平台向用户开放自定义JS的窗口，用户根据平台的代码注入规则来定义JS，通过自定义JS的方式来实现组件之间的联动。
[0003]在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：
[0004]目前通过代码开发的方式来实现页面组件之间的联动逻辑，增加了开发人员的工作量，并且新的业务需求强依赖开发人员的开发周期，非技术人员的使用门槛高，使得页面开发效率低、灵活性差。

技术实现思路

[0005]有鉴于此，本专利技术实施例提供一种页面开发方法和装置，能够实现在低代码开发平台，自动生成代码来实现页面组件之间的联动控制逻辑，减少了开发人员的工作量，缩短了业务开发周期，降低了非开发人员的使用门槛，提高了页面开发效率和灵活性。同时，降低了组件和低代码开发平台的耦合度，提升了组件库的可扩展性，降低了接入其他系统的复杂度。
[0006]为实现上述目的，根据本专利技术实施例的一个方面，提供了一种页面开发方法，包括：
[0007]响应于页面开发请求，获取页面数据，所述页面数据包括组件信息和每个组件的属性信息；
[0008]获取所述控制关系包括的控制组件信息、被控组件信息以及控制组件和被控组件之间的控制逻辑；
[0009]根据所述控制组件信息创建控制节点，并结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码；
[0010]根据所述被控组件信息创建被控节点，并结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码；
[0011]根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，并结合所述连接关系的属性信息、所述控制组件的属性信息和所述被控组件的属性信息生成控制逻辑代码；
[0012]将所述控制组件构建代码、所述被控组件构建代码和所述控制逻辑代码进行拼接
得到所述控制关系对应的代码；
[0013]根据所有控制关系对应的代码生成页面代码，以进行页面开发。
[0014]可选地，在结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码之前，还包括：响应于对创建的所述控制节点的设置指令，对所述控制节点进行操作属性赋值；结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码，包括：结合所述页面数据中所述控制组件的属性信息和所述控制节点的操作属性值生成控制组件构建代码。
[0015]可选地，对所述控制节点进行操作属性赋值，包括：获取所述控制节点的节点类型，并根据所述节点类型获取对应的属性配置模板；根据用户对所述属性配置模板的操作信息对所述控制节点进行操作属性赋值。
[0016]可选地，在结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码之前，还包括：响应于对创建的所述被控节点的设置指令，对所述被控节点进行操作属性赋值；结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码，包括：结合所述页面数据中所述被控组件的属性信息和所述被控节点的操作属性值生成被控组件构建代码。
[0017]可选地，对所述被控节点进行操作属性赋值，包括：获取所述被控节点的节点类型，并根据所述节点类型获取对应的属性配置模板；根据用户对所述属性配置模板的操作信息对所述被控节点进行操作属性赋值。
[0018]可选地，根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，包括：根据所述控制逻辑，将所述控制节点作为源节点，所述被控节点作为目标节点，生成所述控制节点与所述被控节点之间的连接关系。
[0019]可选地，根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，包括：根据所述控制逻辑生成连接关系的属性信息，所述属性信息包括所述连接关系对应的源节点和目标节点；根据所述连接关系对应的源节点和目标节点生成所述控制节点与所述被控节点之间的连接关系。
[0020]可选地，在结合所述连接关系的属性信息、所述控制组件的属性信息和所述被控组件的属性信息生成控制逻辑代码之前，还包括：响应于对创建的所述连接关系的设置指令，对所述连接关系进行操作属性赋值；结合所述连接关系的属性信息、所述控制组件的属性信息和所述被控组件的属性信息生成控制逻辑代码，包括：结合所述连接关系的属性信息、所述连接关系的操作属性值、所述控制组件的属性信息和所述被控组件的属性信息生成控制逻辑代码，所述连接关系的操作属性值包括：所述连接关系的标签值和与每个所述标签值对应的被控节点的接收值。
[0021]可选地，对所述连接关系进行操作属性赋值，包括：获取所述连接关系的类型，并根据所述连接关系的类型获取对应的属性配置模板；根据用户对所述属性配置模板的操作信息对所述连接关系进行操作属性赋值。
[0022]可选地，将所述控制组件构建代码、所述被控组件构建代码和所述控制逻辑代码进行拼接得到所述控制关系对应的代码，包括：将所述控制组件构建代码、所述被控组件构建代码和所述控制逻辑代码的代码句柄，按照所述控制逻辑进行拼接得到所述控制关系对应的代码。
[0023]可选地，对于每一组件之间的控制关系的建立指令，通过根据用户的可视化操作来生成所述控制关系对应的代码。
[0024]可选地，所述方法还包括：为每一控制关系对应的控制组件和被控组件建立监听事件。
[0025]根据本专利技术实施例的另一方面，提供了一种页面开发装置，包括：
[0026]页面数据获取模块，用于响应于页面开发请求，获取页面数据，所述页面数据包括组件信息和每个组件的属性信息；
[0027]控制关系获取模块，用于获取所述控制关系包括的控制组件信息、被控组件信息以及控制组件和被控组件之间的控制逻辑；
[0028]控制组件代码生成模块，用于根据所述控制组件信息创建控制节点，并结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码；
[0029]被控组件代码生成模块，用于根据所述被控组件信息创建被控节点，并结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码；
[0030]控制逻辑代码生成模块，用于根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，并结合所述连接关系的属性信息、所述控制组件的属性信息和所述被控组件的属性信息生成控制逻辑代码；
[0031]代码拼接模块，用于将所述控制组件构建代码、所述被控组件构建代码和所述控制逻辑代码进行拼接得到所述控制关系对应的代码；
...

【技术保护点】

【技术特征摘要】
1.一种页面开发方法，其特征在于，包括：响应于页面开发请求，获取页面数据，所述页面数据包括组件信息和每个组件的属性信息；获取所述控制关系包括的控制组件信息、被控组件信息以及控制组件和被控组件之间的控制逻辑；根据所述控制组件信息创建控制节点，并结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码；根据所述被控组件信息创建被控节点，并结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码；根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，并结合所述连接关系的属性信息、所述控制组件的属性信息和所述被控组件的属性信息生成控制逻辑代码；将所述控制组件构建代码、所述被控组件构建代码和所述控制逻辑代码进行拼接得到所述控制关系对应的代码；根据所有控制关系对应的代码生成页面代码，以进行页面开发。2.根据权利要求1所述的方法，其特征在于，在结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码之前，还包括：响应于对创建的所述控制节点的设置指令，对所述控制节点进行操作属性赋值；结合所述页面数据中所述控制组件的属性信息生成控制组件构建代码，包括：结合所述页面数据中所述控制组件的属性信息和所述控制节点的操作属性值生成控制组件构建代码。3.根据权利要求2所述的方法，其特征在于，对所述控制节点进行操作属性赋值，包括：获取所述控制节点的节点类型，并根据所述节点类型获取对应的属性配置模板；根据用户对所述属性配置模板的操作信息对所述控制节点进行操作属性赋值。4.根据权利要求1所述的方法，其特征在于，在结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码之前，还包括：响应于对创建的所述被控节点的设置指令，对所述被控节点进行操作属性赋值；结合所述页面数据中所述被控组件的属性信息生成被控组件构建代码，包括：结合所述页面数据中所述被控组件的属性信息和所述被控节点的操作属性值生成被控组件构建代码。5.根据权利要求4所述的方法，其特征在于，对所述被控节点进行操作属性赋值，包括：获取所述被控节点的节点类型，并根据所述节点类型获取对应的属性配置模板；根据用户对所述属性配置模板的操作信息对所述被控节点进行操作属性赋值。6.根据权利要求1所述的方法，其特征在于，根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，包括：根据所述控制逻辑，将所述控制节点作为源节点，所述被控节点作为目标节点，生成所述控制节点与所述被控节点之间的连接关系。7.根据权利要求1或6所述的方法，其特征在于，根据所述控制逻辑生成所述控制节点与所述被控节点之间的连接关系，包括：
根据所述控制逻辑生成连接关系的属性信息，所述属性信息包括所述连接关系对应的源节点和目标节点；根据所述连接关系对应的源节点和目标节点生成所述控制节点与所...

【专利技术属性】
技术研发人员：杨树威，
申请(专利权)人：北京京东振世信息技术有限公司，
类型：发明
国别省市：