[发明专利]移动工具页面生成方法、装置、计算机设备及存储介质

说明书

本发明的实施例提供了一种移动工具页面生成方法、装置、计算机设备及存储介质，所述方法包括：将移动页面进行拆分、提取并封装成不同的组件；将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；设计移动页面；生成移动页面。通过将页面封装成通用的组件，可根据移动页面需要选择对应的组件并在页面设计器中快速设计，设计人员无需学习专门的开发技术，降低开发难度，保证了开发质量，提高了开发效率。

技术领域

本发明涉及工作流建模技术领域，尤其涉及一种移动工具页面生成方法、装置、计算机设备及存储介质。

背景技术

目前很多移动开发工具，采用源码方式开发，需要自己编写代码，逐步开发，直到页面开发完成，也有一些简单的移动开发工具，可以简单设计页动页面，但是功能比较单一，如广告宣传页等。如现有的移动绩效考核APP，部署到客户服务器，很多客户需要根据自己的需求，来设计和开发新的移动页面。按传统的开发方式，需要搭建移动开发环境，学习移动APP开发语言，过程非常长，从学习到开发，周期长，满足不了客户实时多变的需求，而且质量也不能保证。

发明内容

本发明的实施例提供了一种移动工具页面生成方法、装置、计算机设备及存储介质，旨在解决现有移动页面开发周期长、效率低的问题。

为达到上述目的，本发明所提出的技术方案为：

第一方面，本发明提供了一种移动工具页面生成方法，其包括以下步骤：

将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段；

将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；

设计移动页面；

生成移动页面。

其中，所述设计移动页面步骤包括以下步骤：

选取组件库中所需的组件；

将选取的组件拖拽至页面设计器中；

将页面设计器中的组件生成有顺的树结构。

其中，所述生成移动页面步骤包括以下步骤：

解析所述有顺的树结构；

将树结构中的组件替换成对应的HTML脚本片段；

生成完整的HTML移动页面。

其中，所述对页面进行拆分、提取并封装成不同的组件步骤中封装的组件包括：图片组件、标题组件、图表组件和列表组件。

第二方面，本发明的实施例提供了一种移动工具页面生成装置，其包括以下单元：

组件封装单元，用于将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段；

组件库生成单元，用于将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；

移动页面设计单元，用于设计移动页面；

移动页面生成单元，用于生成移动页面。

其中，所述移动页面设计单元包括：

组件选取单元，用于选取组件库中所需的组件；

组件移动单元，用于将选取的组件拖拽至页面设计器中；

树结构生成单元，用于将页面设计器中的组件生成有顺的树结构。

其中，所述移动页面生成单元包括：

树结构解析单元，用于解析所述有顺的树结构；