移动工具页面生成方法、装置、计算机设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
移动工具页面生成方法、装置、计算机设备及存储介质


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

技术介绍

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

技术实现思路

[0003]本专利技术的实施例提供了一种移动工具页面生成方法、装置、计算机设备及存储介质，旨在解决现有移动页面开发周期长、效率低的问题。
[0004]为达到上述目的，本专利技术所提出的技术方案为：
[0005]第一方面，本专利技术提供了一种移动工具页面生成方法，其包括以下步骤：
[0006]将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段；
[0007]将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；
[0008]设计移动页面；
[0009]生成移动页面。
[0010]其中，所述设计移动页面步骤包括以下步骤：
[0011]选取组件库中所需的组件；
[0012]将选取的组件拖拽至页面设计器中；
[0013]将页面设计器中的组件生成有顺的树结构。
[0014]其中，所述生成移动页面步骤包括以下步骤：
[0015]解析所述有顺的树结构；
[0016]将树结构中的组件替换成对应的HTML脚本片段；
[0017]生成完整的HTML移动页面。
[0018]其中，所述对页面进行拆分、提取并封装成不同的组件步骤中封装的组件包括：图片组件、标题组件、图表组件和列表组件。
[0019]第二方面，本专利技术的实施例提供了一种移动工具页面生成装置，其包括以下单元：
[0020]组件封装单元，用于将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段；
[0021]组件库生成单元，用于将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；
[0022]移动页面设计单元，用于设计移动页面；
[0023]移动页面生成单元，用于生成移动页面。
[0024]其中，所述移动页面设计单元包括：
[0025]组件选取单元，用于选取组件库中所需的组件；
[0026]组件移动单元，用于将选取的组件拖拽至页面设计器中；
[0027]树结构生成单元，用于将页面设计器中的组件生成有顺的树结构。
[0028]其中，所述移动页面生成单元包括：
[0029]树结构解析单元，用于解析所述有顺的树结构；
[0030]脚本替换单元，用于将树结构中的组件替换成对应的HTML脚本片段；
[0031]HTML页面生成单元，用于生成完整的HTML移动页面。
[0032]其中，所述组件封装单元封装的组件包括：图片组件、标题组件、图表组件和列表组件。
[0033]第三方面，本专利技术的实施例提供了一种计算机设备，所述计算机设备包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现如上所述的移动工具页面生成方法。
[0034]第四方面，本专利技术的实施例提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时可实现如上所述的移动工具页面生成方法。
[0035]与现有技术相比，本专利技术的实施例提供了一种移动工具页面生成方法、装置、计算机设备及存储介质，所述方法包括：将移动页面进行拆分、提取并封装成不同的组件；将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；设计移动页面；生成移动页面。通过将页面封装成通用的组件，可根据移动页面需要选择对应的组件并在页面设计器中快速设计，设计人员无需学习专门的开发技术，降低开发难度，保证了开发质量，提高了开发效率。
附图说明
[0036]为了更清楚地说明本专利技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0037]图1为本专利技术实施例提供的移动工具页面生成方法的主流程图；
[0038]图2为本专利技术实施例提供的移动工具页面生成方法的子流程图；
[0039]图3为本专利技术实施例提供的移动工具页面生成方法的子流程图；
[0040]图4为本专利技术实施例提供的移动工具页面生成方法的子流程图；
[0041]图5为本专利技术实施例提供的移动工具页面生成方法的子流程图；
[0042]图6为本专利技术实施例提供的移动工具页面生成方法的子流程图；
[0043]图7为本专利技术实施例提供的移动工具页面生成装置的示意性简图；以及
[0044]图8为本专利技术实施例提供的计算机设备的示意性框图。
具体实施方式
[0045]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0046]应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
[0047]还应当理解，在此本专利技术说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本专利技术。如在本专利技术说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
[0048]还应当进一步理解，在本专利技术说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
[0049]请参阅附图1，附图1为本专利技术实施例提供的移动工具页面生成方法的流程图，本专利技术实施例的移动工具页面生成方法以常规的移动端页面设计流程为例，该方法主要包括以下步骤：
[0050]步骤S100、将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段。该步骤中，将常规的移动端APP页面进行拆分，按照不同部位进行提取，并对应将不同部位分别进行封装，以形成对应的封装组件，将封装的组件存储至组件库中。如图4所示，以其中一种常规的移动页面为例，该页本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种移动工具页面生成方法，其特征在于，包括以下步骤：将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段；将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；设计移动页面；生成移动页面。2.如权利要求1所述的移动工具页面生成方法，其特征在于，所述设计移动页面步骤包括以下步骤：选取组件库中所需的组件；将选取的组件拖拽至页面设计器中；将页面设计器中的组件生成有顺的树结构。3.如权利要求2所述的移动工具页面生成方法，其特征在于，所述生成移动页面步骤包括以下步骤：解析所述有顺的树结构；将树结构中的组件替换成对应的HTML脚本片段；生成完整的HTML移动页面。4.如权利要求3所述的移动工具页面生成方法，其特征在于，所述对页面进行拆分、提取并封装成不同的组件步骤中封装的组件包括：图片组件、标题组件、图表组件和列表组件。5.一种移动工具页面生成装置，其特征在于，包括以下单元：组件封装单元，用于将移动页面进行拆分、提取并封装成不同的组件，所述组件均具有HTML脚本片段；组件库生成单元，用于将封装的组件及其对应的HTML脚本片段存储于数据库中，以形成组件库；移动页面设计单元，用于...

【专利技术属性】
技术研发人员：丁家奎，
申请(专利权)人：广州天维信息技术股份有限公司，
类型：发明
国别省市：