[发明专利]一种页面生成方法、装置、设备及存储介质

说明书

本申请实施例提供一种页面生成方法、装置、设备及存储介质，该方法包括：获取第一组件的组件代码和组件代码依赖的第一框架的第一框架代码，以将组件代码和第一框架代码进行封装，得到第二组件，从而可以根据第二组件以及获取第二框架的的第二框架代码，生成目标页面，并基于第二框架显示目标页面，进而丰富了UI组件的适用场景。

技术领域

本申请涉及计算机技术领域，具体涉及一种页面生成方法、装置、设备及存储介质。

背景技术

目前，在开发前端全球广域网(world wide web，web)页面时，通常需要根据业务编写专门的用户界面(user interface，UI)组件，并将该UI组件用于各个Web页面中。比如，Web页面A需要一个选择日期的UI组件，此时，开发人员可以开发该UI组件，并将该UI组件应用于Web页面。若该UI组件是基于前端框架React开发，Web页面A也是基于前端框架React开发的，那么，可以在Web页面A引入该UI组件。但Web页面A是基于前端框架VUE开发，那么，就无法在Web页面A引入该UI组件。换句话来说，Web页面和UI组件需要使用同一前端框架，这导致UI组件适用场景单一，无法适用于更多应用场景。

发明内容

本申请实施例提供了一种页面生成方法、装置、设备及存储介质，丰富了UI组件的适用场景。

第一方面，提供一种页面生成方法，该方法包括：

获取第一组件的组件代码和组件代码依赖的第一框架的第一框架代码；组件代码包括以下至少一项：第一组件对应的样式代码、第一组件对应的行为逻辑代码；

将组件代码和第一框架代码进行封装，得到第二组件；

获取第二框架的第二框架代码；其中，第一框架与第二框架不同；

根据第二组件和第二框架代码，生成目标页面；

基于第二框架显示目标页面。

第二方面，提供一种页面生成装置，该页面生成装置包括第一获取单元、封装单元、第二获取单元、生成单元和显示模块，

第一获取单元，用于获取第一组件的组件代码和组件代码依赖的第一框架的第一框架代码；组件代码包括以下至少一项：第一组件对应的样式代码、第一组件对应的行为逻辑代码；

封装单元，用于将组件代码和第一框架代码进行封装，得到第二组件；

第二获取单元，用于获取第二框架的第二框架代码；其中，第一框架与第二框架不同；

生成单元，用于根据第二组件和第二框架代码，生成目标页面；

显示模块，用于基于第二框架显示目标页面。

第三方面，提供一种页面生成设备，其特征在于，包括处理器、存储器、通信接口以及一个或多个程序，其中，所述一个或多个程序被存储在所述存储器中，并且被生成由所述处理器执行，以执行第一方面任一项方法中的步骤的指令。

第四方面，提供一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机程序，所述存储计算机程序被处理器执行，以实现第一方面任一项所述的方法。

可以看出，上述技术方案中，通过将第一组件的组件代码和该组件代码依赖的第一框架的第一框架代码进行封装，得到第二组件，进而可以根据第二组件以及获取的第二框架的第二框架代码，生成目标页面，并基于第二框架显示目标页面，从而实现了依赖于第一框架的第一框架代码的组件代码可以与不同于第一框架的第二框架的第二框架代码一起运行，并生成目标页面。换句话来说，使用第一框架代码的UI组件可以运行在使用第二框架代码的目标页面中，使得UI组件的适用场景更加丰富，也降低UI组件的开发维护成本。

附图说明