[发明专利]一种基于配置生成网站页面界面的方法

说明书

本发明公开了一种低代码，基于配置生成网站页面界面的方法，通过继承主题样式对组件样式进行配置，并将组件的业务逻辑代码配置到对应的组件回调函数中，实现了界面代码的简化，以及业务代码与界面代码的分离，避免了互相干扰，同时使界面的配置可以进行JSON格式的代码自描述，并保存到数据库中，利于维护与统一更新。由此，实现了整体代码结构的清晰化，提高了代码的复用性，避免了重复反复的界面开发工作。

技术领域

本发明涉及计算机软件技术领域，具体涉及一种低代码、根据配置生成网站页面界面的方法。

背景技术

目前，网站前端绝大部分开发维护都是由开发人员按需求在代码层面进行一个个页面的开发。在网站开发过程中，前端页面数量会随着时间越来越多，存在重复很多开发的工作，且越来越庞大不利于维护。开发人员在进行开发的的过程中要花费相对多时间进行重复的开发，页面的界面代码与业务代码也混杂在一起，维护也需要对应花费更多时间，产生BUG(错误)的概率也会相对增高。

发明内容

有鉴于此，本公开提供了一种低代码、根据配置生成网站页面界面的方法，其能够实现按照配置自动生成界面，并且基于一套主题样式，让界面样式风格统一，避免了目前网站开发过程中，重复且反复的页面开发工作，网站页面开发过程中代码更清晰，更易维护，不容易出错。

本公开提供一种基于配置的网站页面界面生成方法，包括以下步骤：

获取项目主题样式配置并扩展应用到组件中；

配置业务逻辑代码到组件配置的回调函数中；

基于所述主题样式、组件配置以及业务逻辑代码的配置，生成可描述的页面配置。

进一步地，所述获取项目主题样式配置并扩展应用到组件中的步骤，具体包括；

通过继承项目的主题样式默认配置，获取项目的主题样式，不存在则使用组件内部配置；

将主题样式扩展成具体样式；

将具体样式在组件内部使用。

进一步地，所述主题样式由最外层最优先进行继承，以最外层的主题样式配置为准。

进一步地，所述配置业务逻辑代码到组件配置的回调函数中的步骤，具体包括：

将业务代码放置到组件的对应回调函数中；

将业务代码中影响界面展示的部分放在当前页面的内部状态变量中进行缓存修改，并应用到组件配置中。

进一步地，所述可描述的页面配置包括：页面的状态及配置，其中：

所述配置包括页面组件的配置，以及组件回调函数的配置；

所述状态由所述页面内部状态变量控制，用于传递到页面配置对应的组件中，对界面展示进行控制；

所述可描述的页面配置采用JSON格式。

进一步地，所述方法，还包括将所述可描述的页面配置保存到数据库中的步骤。

本公开提供的方法，通过继承项目主题样式，并扩展应用到组件样式参数，保证生成的项目界面样式统一；同时，将业务逻辑代码配置到组件回调函数中，实现业务代码与界面代码分离，避免了互相干扰，使代码整体结构更清晰更容易维护；界面的配置以跨平台通用的JSON格式进行描述，并可保存到数据库中；配置复用避免了重复反复的界面开发。

与现有技术相比，本公开的有益效果是：①界面组件化，界面风格一致，不会产生界面风格上的差距，代码复用性高；②界面代码与业务代码分开，互相不干扰；③可描述的界面配置更清晰，代码量更少，维护成本更低；④生成的界面配置可以存储到数据库中，跨平台通用；⑤出现BUG概率更低。

附图说明