一种PC端页面转换为移动端页面的方法、系统及介质与流程

一种pc端页面转换为移动端页面的方法、系统及介质
技术领域
1.本技术涉及应用开发技术领域，尤其涉及一种pc端页面转换为移动端页面的方法、系统及介质。


背景技术：

2.由于电脑的普及以及电脑作为日常办公工具的不可替代性,因此，企业开发pc端应用是基础的需求。然而，随着移动智能设备的普及，使用移动智能设备的用户越来越多，企业制作移动端应用软件也是势在必行的。尤其是当今，企业之间的竞争越来越大，如果不能跟上时代的脚步，就会被淘汰；如果不能抓住机会，将移动端用户数量掌握住，对企业来说损失将是非常大的。
3.在目前的软件应用开发过程中，开发者往往需要同时开发pc端应用及移动端应用，由于企业对于二者实现的业务需求相同，因此，只需要对二者的页面展示需求有所区分即可。现有的实现方法是开发者分别开发两套应用页面，来实现pc端与移动端的应用页面显示，但这势必会极大的增加软件的开发时间成本、人力成本。


技术实现要素：

4.本技术实施例提供了一种pc端页面转换为移动端页面的方法、系统及介质，解决了现有的应用软件开发无法实现将pc端页面转换为移动端页面的技术问题。
5.第一方面，本技术实施例提供了一种pc端页面转换为移动端页面的方法，其特征在于，方法包括：基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件；其中，抽象页面描述文件是用于描述待转换pc端应用页面的数据文件；基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件；其中，目标页面描述文件是用于描述待转换移动端应用页面的数据文件；基于预设的移动端页面生成引擎，将目标页面描述文件转换为移动端应用页面。
6.本技术实施例首先通过对待转换pc端应用页面解析，生成抽象页面描述文件，实现了由实际的pc端应用页面数据向pc端描述性文件转换的过程；然后，通过生成目标页面描述文件，实现了由pc端描述性文件向移动端描述性文件转换的过程；最后，通过使用预设的移动页面生成引擎，基于目标页面描述文件，生成移动端页面。通过本技术提供的上述方案解决了现有的应用软件开发无法实现将pc端页面转换为移动端页面的技术问题。
7.在本技术的一种实现方式中，抽象页面描述文件包含：用于描述待转换pc端应用页面的可视化元素数据、用于描述待转换pc端应用页面的非可视化后台数据以及用于描述待转换pc端应用页面可视化元素数据与非可视化后台数据的关联关系数据；目标页面描述文件包含：用于描述待转换移动端应用页面的可视化元素数据、用于描述待转换移动端应用页面的非可视化后台数据以及用于描述待转换移动端应用页面可视化元素数据与非可视化后台数据的关联关系数据。
8.在本技术的一种实现方式中，在基于待转换pc端应用，确定待转换pc端应用对应
的抽象页面描述文件之前，方法还包括：基于待转换pc端应用的类型，确定预设的抽象页面描述文件模板以及预设的目标页面描述文件模板。
9.在本技术的一种实现方式中，基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件，具体包括：解析并提取待转换pc端应用页面对应的可视化元素、非可视化后台数据以及可视化元素与非可视化后台数据的关联关系；基于预设的抽象页面描述文件模板，将待转换pc端应用页面对应的可视化元素、非可视化后台数据以及可视化元素与非可视化后台数据的关联关系转换为抽象页面描述文件所对应格式的数据，以确定抽象页面描述文件。
10.在本技术的一种实现方式中，在基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件之前，方法还包括：基于抽象页面描述文件中包含的用于描述待转换pc端应用页面的可视化元素数据和用于描述待转换pc端应用页面可视化元素数据与非可视化后台数据的关联关系数据，对抽象页面描述文件中包含的用于描述待转换pc端应用页面的非可视化后台数据进行设置标签处理；其中，标签用于确定用于描述待转换pc端应用页面的非可视化后台数据中，对应的用于描述待转换pc端应用页面的可视化元素数据的类型。
11.在本技术的一种实现方式中，基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件，具体包括：确定标签对应的抽象页面描述文件数据在预设的目标页面描述文件模板中的映射关系；基于预设的目标页面描述文件模板及抽象页面描述文件数据在预设的目标页面描述文件模板中的映射关系，生成目标页面描述文件中的用于描述待转换移动端应用页面的非可视化后台数据；基于目标页面描述文件中的用于描述待转换移动端应用页面的非可视化后台数据，生成用于描述待转换移动端应用页面的可视化元素数据和用于描述待转换移动端应用页面可视化元素数据与非可视化后台数据的关联关系数据；其中，映射关系包括格式转换、数据位置确定。
12.在本技术的一种实现方式中，基于预设的移动端页面生成引擎，将目标页面描述文件转换为移动端应用页面，具体包括：确定用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系；基于预设的移动端页面生成引擎以及用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系，生成移动端应用页面。
13.在本技术的一种实现方式中，基于预设的移动端页面生成引擎以及用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系，生成移动端应用页面，具体包括：基于预设的移动端页面生成引擎，确定待转换移动端页面的包含关系；基于预设的移动端页面生成引擎以及用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系，按照自顶层包含关系到下层包含关系的顺序，生成移动端应用页面。
14.第二方面，本技术实施例还提供了一种pc端页面转换为移动端页面的系统，包括：抽象页面描述文件生成器、目标页面描述文件生成器、移动端应用页面生成器；抽象页面描述文件生成器，用于基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件；其中，抽象页面描述文件是用于描述待转换pc端应用页面的数据文件；目标页面描述文件生成器，用于基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件；其中，目标页面描述文件是用于描述待转换移动端应用页面的数据文件；移动端应用页面生成器，用于基于预设的移动端页面生成引擎，将目标页面描述文件
转换为移动端应用页面。
15.第三方面，本技术实施例还提供了一种pc端页面转换为移动端页面的非易失性计算机存储介质，存储有计算机可执行指令，计算机可执行指令设置为：基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件；其中，抽象页面描述文件是用于描述待转换pc端应用页面的数据文件；基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件；其中，目标页面描述文件是用于描述待转换移动端应用页面的数据文件；基于预设的移动端页面生成引擎，将目标页面描述文件转换为移动端应用页面。
附图说明
16.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
17.图1为本技术实施例提供的一种pc端页面转换为移动端页面的方法流程图；
18.图2为本技术实施例提供一种pc端页面转换为移动端页面的系统结构示意图。
具体实施方式
19.为使本技术的目的、技术方案和优点更加清楚，下面将结合本技术具体实施例及相应的附图对本技术技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
20.随着移动互联网时代的发展，近些年，移动应用开发或移动端软件开发成为软件行业发展的一大趋势。但对软件开发公司来说，普通的pc端软件开发也是必不可少的。移动端软件受关注和受欢迎的最主要原因就是其更便捷，与普通pc端相比，移动软件就要能随时随地访问和享受服务，且能随时随地与客户联系沟通。
21.在目前的软件应用开发过程中，开发者往往需要同时开发pc端应用及移动端应用，由于企业对于二者实现的业务需求相同，因此，只需要对二者的页面展示需求有所区分即可。现有的实现方法是开发者分别开发两套应用页面，来实现pc端与移动端的应用页面显示，但这势必会极大的增加软件的开发时间成本、人力成本。
22.本技术实施例提供了一种pc端页面转换为移动端页面的方法、系统及介质，解决了现有的应用软件开发无法实现将pc端页面转换为移动端页面的技术问题。
23.下面通过附图对本技术实施例提出的技术方案进行详细的说明。
24.图1为本技术实施例提供的一种pc端页面转换为移动端页面的方法流程图。如图1所示，本技术实施例提供的一种pc端页面转换为移动端页面的方法具体包括以下步骤：
25.步骤101、基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件。
26.在本技术的一个实施例中，在基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件之前，需要确定预设的抽象页面描述文件模板。可以理解的是，预设的抽象页面描述文件模板是针对pc端应用页面生成抽象页面描述文件的模板，待转换pc端应用对应的抽象页面描述文件是描述待转换pc端应用页面的描述文件。
27.需要说明的是，在基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描
述文件之前，还需要针对不同类型的pc端应用，设置预设的抽象页面描述文件模板。不同类型的pc端应用对应不同的预设的抽象页面描述文件模板，例如，浏览器类型的pc端应用对应其相应预设的抽象页面描述文件模板、音视频播放器类型的pc端应用对应其相应预设的抽象页面描述文件模板、即时通讯工具类型的pc端应用对应其相应预设的抽象页面描述文件模板、办公工具类型的pc端应用对应其相应预设的抽象页面描述文件模板等，本技术在此对预设的抽象页面描述文件模板不做限定。
28.在本技术的一个实施例中，预设的抽象页面描述文件模板规定抽象页面描述文件中包含用于描述待转换pc端应用页面的可视化元素数据、用于描述待转换pc端应用页面的非可视化后台数据以及用于描述待转换pc端应用页面可视化元素数据与非可视化后台数据的关联关系数据，因此，可以理解的是，抽象页面描述文件是用于描述待转换pc端应用页面的数据文件。
29.在存在需要将pc端应用页面转换为移动端页面的情况下，首先应该基于待转换pc端应用的类型，确定预设的抽象页面描述文件模板以及预设的目标页面描述文件模板。然后解析并提取待转换pc端应用页面对应的可视化元素、非可视化后台数据以及可视化元素与非可视化后台数据的关联关系；基于预设的抽象页面描述文件模板，将待转换pc端应用页面对应的可视化元素、非可视化后台数据以及可视化元素与非可视化后台数据的关联关系转换为抽象页面描述文件所对应格式的数据，以确定抽象页面描述文件。其中，抽象页面描述文件所对应格式的数据即为预设的抽象页面描述文件模板规定的抽象页面描述文件中应当包含的数据格式。
30.需要说明的是，解析并提取的待转换pc端应用页面对应的可视化元素是在pc端可以看到的内容，包括容器类页面元素、数据集合类页面元素、字段类页面元素。其中，容器类页面元素为pc端应用页面中用于展示内容的元素，例如表格、相框等；数据集合类页面元素为pc端应用页面中用于概括页面内容的元素，例如标题等；字段类页面元素为pc端应用页面中用于展示具体页面内容的元素，例如文字段落；需要说明的是，图片也属于字段类页面元素。
31.还需要说明的是，解析并提取的待转换pc端应用页面对应的非可视化后台数据是存储在后台数据库等数据存储位置的数据，非可视化后台数据包括实体与字段。需要说明的是，实体与字段是包含关系，一个实体内可以包含一个或者多个字段，另外，实体与实体间也存在包含关系，一个实体内可以包含多个子实体。其中，实体相当于对于某一事物描述的数据包，字段相当于数据包中对于该事物的具体描述内容；例如，待转换pc端应用的某一页面包含一个人员信息表格，该表格的存储位置即为某一后台数据库，在该数据苦衷，该表格数据包则为一个实体，其中包含的对表格内容、样式等内容的描述则为字段；另外，该实体中对于“张三”信息描述的数据包则为该实体的子实体。
32.还需要说明的是，可视化元素中除了容器类页面元素实质上是由对应的非可视化后台数据通过可视化元素与非可视化后台数据的关联关系映射得到的，因此，可视化元素与非可视化后台数据的关联关系实质上是包含了相应非可视化后台数据在pc端应用页面上的位置关系、切换方式关系、页面层次关系的映射。其中，由于容器类页面元素属于pc端应用页面的ui组件形式，因此，在抽象页面描述文件容器类页面元素数据，无需与非可视化后台数据建立的关联关系。
33.基于上述说明，可以理解的是，预设的抽象页面描述文件模板规定的抽象页面描述文件中包含的数据，则是对待转换pc端应用页面对应的可视化元素、非可视化后台数据以及可视化元素与非可视化后台数据的关联关系经预设的抽象页面描述文件模板规定的数据格式转换之后的数据。
34.步骤102、基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件。
35.在基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件之后，首先需要基于抽象页面描述文件中包含的用于描述待转换pc端应用页面的可视化元素数据和用于描述待转换pc端应用页面可视化元素数据与非可视化后台数据的关联关系数据，对抽象页面描述文件中包含的用于描述待转换pc端应用页面的非可视化后台数据，进行设置标签处理。其中，标签用于确定用于描述待转换pc端应用页面的非可视化后台数据中，对应的用于描述待转换pc端应用页面的可视化元素数据的类型。例如，基于用于描述待转换pc端应用页面的可视化元素数据中的某一数据集合类页面元素数据，以及该数据集合类页面元素数据处于第几级页面关系，在抽象页面描述文件中相应的非可视化后台数据的位置设置标签为“第几级页面、数据集合类页面元素”的标签。
36.需要说明的是，本技术标签展示的信息格式并不构成对设置标签的限定，用户可以根据实际情况设置。
37.在对抽象页面描述文件中包含的用于描述待转换pc端应用页面的非可视化后台数据，进行设置标签处理之后，还需要基于待转换pc端应用的类型，确定预设的目标页面描述文件模板，以及确定标签对应的抽象页面描述文件数据在预设的目标页面描述文件模板中的映射关系；其中，映射关系包括格式转换、数据位置确定。可以理解的是，不同类型的pc端应用对应不同的预设的抽象页面描述文件模板。
38.需要说明的是，同一页面元素在pc端应用页面对应的抽象页面描述文件与移动端应用页面对应的目标页面描述文件中的表达方式不同，因此，不同类型标签对应的抽象页面描述文件数据，还需要转换为预设的目标页面描述文件模板中规定的相应数据格式。
39.在确定标签对应的抽象页面描述文件数据在预设的目标页面描述文件模板中的映射关系之后，首先基于预设的目标页面描述文件模板及抽象页面描述文件数据在预设的目标页面描述文件模板中的映射关系，生成目标页面描述文件中的用于描述待转换移动端应用页面的非可视化后台数据；然后基于目标页面描述文件中的用于描述待转换移动端应用页面的非可视化后台数据，生成用于描述待转换移动端应用页面的可视化元素数据和用于描述待转换移动端应用页面可视化元素数据与非可视化后台数据的关联关系数据。
40.可以理解的是，用于描述待转换移动端应用页面的可视化元素数据中包含数据集合类页面元素和字段类页面元素，不包含容器类页面元素；目标页面描述文件即是用于描述待转换移动端应用页面的数据文件。
41.在本技术的一个实施例中，生成用于描述待转换移动端应用页面的非可视化后台数据的规则可以是先把用于描述待转换pc端应用页面的非可视化后台数据中同一实体对应的所有标签归集到一起，然后对同一实体中的用于描述待转换pc端应用页面的非可视化后台数据，统一转换为用于描述待转换移动端应用页面的非可视化后台数据；也可以是，从任意一个标签对应的用于描述待转换pc端应用页面的非可视化后台数据开始转换，遍历所
有标签。
42.步骤103、基于预设的移动端页面生成引擎，将目标页面描述文件转换为移动端应用页面。
43.在生成待转换移动端应用对应的目标页面描述文件之后，确定用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系；可以理解的是，上述预设ui组件为移动端页面的预设ui组件，另外，用于描述待转换移动端应用页面的可视化元素数据，在预设ui组件中的映射关系即为确定不同类型的用于描述待转换移动端应用页面的可视化元素数据，在预设ui组件的位置。
44.在确定用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系之后，首先基于预设的移动端页面生成引擎，确定待转换移动端页面的包含关系，即确定实际移动页面的包含关系，例如，点击某一按键跳转到相应的页面。然后，基于预设的移动端页面生成引擎以及所述用于描述待转换移动端应用页面的可视化元素数据在预设ui组件中的映射关系，按照自顶层包含关系到下层包含关系的顺序，生成移动端应用页面。
45.基于同样的发明构思，本技术实施例还提供了一种pc端页面转换为移动端页面的系统，其结构示意图如图2所示。
46.图2为本技术实施例提供一种pc端页面转换为移动端页面的系统结构示意图。如图2所示，本技术实施例提供的一种pc端页面转换为移动端页面的系统200包括：抽象页面描述文件生成器201、目标页面描述文件生成器202、移动端应用页面生成器203。
47.本领域技术人员可以理解，图2显示出的一种pc端页面转换为移动端页面的系统结构并不构成对pc端页面转换为移动端页面的系统的限定，实际上，一种pc端页面转换为移动端页面的系统可以包括比图2所示更多或更少的部件，或者组合某些部件，或者不同部件的布置。
48.在本技术的一个实施例中，抽象页面描述文件生成器201，用于基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件；其中，抽象页面描述文件是用于描述待转换pc端应用页面的数据文件；目标页面描述文件生成器202，用于基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件；其中，目标页面描述文件是用于描述待转换移动端应用页面的数据文件；移动端应用页面生成器203，用于基于预设的移动端页面生成引擎，将目标页面描述文件转换为移动端应用页面。
49.本技术的一些实施例提供的对应于图1的一种pc端页面转换为移动端页面的非易失性计算机存储介质，存储有计算机可执行指令，计算机可执行指令设置为：
50.基于待转换pc端应用，确定待转换pc端应用对应的抽象页面描述文件；其中，抽象页面描述文件是用于描述待转换pc端应用页面的数据文件；
51.基于待转换pc端应用对应的抽象页面描述文件，生成待转换移动端应用对应的目标页面描述文件；其中，目标页面描述文件是用于描述待转换移动端应用页面的数据文件；
52.基于预设的移动端页面生成引擎，将目标页面描述文件转换为移动端应用页面。
53.本技术中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于物联网设备和介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
54.本技术实施例提供的系统和介质与方法是一一对应的，因此，系统和介质也具有与其对应的方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述系统和介质的有益技术效果。
55.本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd
‑
rom、光学存储器等)上实施的计算机程序产品的形式。
56.本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
57.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
58.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
59.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
60.内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
61.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd
‑
rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
62.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要
素的过程、方法、商品或者设备中还存在另外的相同要素。
63.以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。