[发明专利]一种页面生成方法、装置及系统

说明书

本申请提供了一种页面生成方法、装置及系统。所述方法包括：在获取目标页面的配置数据之后，可以根据配置数据中的组件的标识确定对应的组件代码，根据配置数据中的组件的属性类型确定触发组件的属性类型所需的逻辑代码，进而可以解析配置数据以获取组件在目标页面中的架构信息。如此，根据上述内容，本申请实施例可以自动生成页面的代码文件，进而可以生成页面。相比于现有技术而言，本申请实施例提供的页面生成方法，在页面开发以及页面维护的过程中，只需要确定页面的配置数据，即可快速地、自动地生成页面，避免了研发人员进行重复性劳动，能够大大节省人力资源，进而可以提高页面开发效率，缩短页面上线周期。

技术领域

本申请涉及软件开发技术领域，特别涉及一种页面生成方法、装置及系统。

背景技术

随着互联网技术的飞速发展和HTML5、CSS3的应用，各种前端页面的开发也得到了空前的发展，页面制作更加美观，页面的交互效果显著，页面的功能也更加强大。

随着web2.0开发技术的飞速发展，开发者们越来越重视前端开发的效率问题，前后端分离的web系统也越来越多，如何快速、高效地对前端进行开发和构建、编写和封装具有良好性能的前端交互组件成为关键问题。

现有技术中，在开发前端页面时，通常需要研发人员人工撰写页面代码以构建页面。其中，所撰写的代码大多涉及业务逻辑变更、列表页展示字段变更、表单更新、详情页展示字段变更等方面的内容。然而，从上文列举出的代码所涉及的内容来看，重复性工作较多，比如需要重复地进行业务逻辑变更，若采用人工撰写页面代码的方式，则针对每次业务逻辑变更，都需要研发人员人工撰写代码，容易导致研发人员重复性工作较多、工作效率较低的问题，进而导致页面开发效率较低、上线周期较长的问题。

基于此，目前亟需一种页面生成方法，用于解决现有技术中人工撰写代码导致页面开发效率较低、上线周期较长的问题。

发明内容

本申请提供了一种页面生成方法、装置及系统，可用于解决在现有技术中人工撰写代码导致页面开发效率较低、上线周期较长的技术问题。

第一方面，本申请实施例提供一种页面生成方法，所述方法包括：

获取目标页面的配置数据，所述配置数据包括组件的标识、组件的属性类型以及组件之间的关系；

根据所述组件的标识以及预先设置的组件的标识与组件代码的对应关系，从预设的第一数据库中确定与所述组件的标识对应的组件代码；

根据所述组件的属性类型以及预先设置的属性类型与逻辑代码的对应关系，从预设的第二数据库中确定触发所述组件的属性类型所需的逻辑代码；

解析所述目标页面的配置数据，确定所述组件在所述目标页面中的架构信息；

根据所述组件在所述目标页面中的架构信息、与所述组件的标识对应的组件代码以及执行所述属性类型的组件所需的逻辑代码，生成所述目标页面的代码文件；

执行所述代码文件以生成所述目标页面。

在一种可能的实现方式中，所述组件的属性类型包括事件；所述预先设置的属性类型与逻辑代码的对应关系包括事件与逻辑代码的对应关系；

根据所述组件的属性类型以及预先设置的属性类型与逻辑代码的对应关系，从预设的第二数据库中确定触发所述组件的属性类型所需的逻辑代码，包括：

如果所述组件的属性类型为事件，则根据所述组件的事件以及预先设置的事件与逻辑代码的对应关系，从所述第二数据库中确定触发所述组件的事件所需的事件逻辑代码。

在一种可能的实现方式中，所述组件的属性类型还包括功能；所述预先设置的属性类型与逻辑代码的对应关系还包括功能与逻辑代码的对应关系；