CN109697055B - 生成移动App页面的方法及系统 - Google Patents

Abstract

本公开提供了一种生成移动App页面的方法，包括：获取用于生成移动App页面的模型，其中，模型中包含多个模板，不同的模板对应不同的用户需求；从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板；以及基于一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，模型层数据中的全部或者部分用于表达目标移动App页面的页面内容，视图层数据中的全部或者部分用于表达目标移动App页面的展示对象。本公开还提供了一种生成移动App页面的系统、一种计算机系统以及一种计算机可读介质。

Description

生成移动App页面的方法及系统

技术领域

本公开涉及互联网技术领域，更具体地，涉及一种生成移动App页面的方法及系统。

背景技术

随着智能终端的普及以及运营商网络速度的提升，移动APP因突出的便利性与快捷性，已经成为各互联网产品的主要流量入口。部分互联网公司已经将移动端上产生的流量占所有流量中的比例作为公司成长的重要指标之一，进一步地，一些企业甚至只提供移动端的服务。由此可见，移动App页面的开发已经成为每个企业研发人员应当重点考虑的问题。

目前，在相关技术中提供了一种移动App页面的开发方案，然而，在实现本公开的过程中，发明人发现相关技术中至少存在如下问题：移动App页面的开发成本高，且开发效率低。

发明内容

有鉴于此，本公开提供了一种通过将移动App页面中的具体需求开发转变为模板化开发的生成移动App页面的方法和系统，避免大容量页面开发变成具体业务开发，从而实现提高移动App页面的开发效率、节约开发成本的目的。

本公开的一个方面提供了一种生成移动App页面的方法，包括获取用于生成移动App页面的模型，其中，上述模型中包含多个模板，不同的模板对应不同的用户需求；从上述多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板；以及基于上述一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，上述模型层数据中的全部或者部分用于表达上述目标移动App页面的页面内容，上述视图层数据中的全部或者部分用于表达上述目标移动App页面的展示对象。

根据本公开的实施例，上述生成移动App页面的方法还包括获取上述多个模板，其中，每个模板中包含有对应的模板元素；对上述多个模板中包含的模板元素求并集，得到对应的并集计算结果；以及创建包含有上述并集计算结果中的所有模板元素的模型作为上述用于生成移动App页面的模型。

根据本公开的实施例，从上述多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板包括获取用户的用户需求；以及从上述多个模板中选出满足上述用户需求的模板作为用于生成上述目标移动App页面所需要的一个或者多个目标模板。

根据本公开的实施例，上述生成移动App页面的方法还包括基于上述一个或者多个目标模板，向服务器请求对应的数据层数据，其中，上述数据层数据用于生成上述目标移动App页面的数据上报逻辑，上述数据上报逻辑用于跟踪并上报用户使用上述目标移动App页面的过程中产生的行为数据。

根据本公开的实施例，上述生成移动App页面的方法还包括基于上述一个或者多个目标模板，向服务器请求对应的交互层数据，其中，上述交互层数据具有至少一种预先设定的数据结构，用于生成上述目标移动App页面的页面处理逻辑，上述页面处理逻辑用于处理上述目标移动App页面中各页面动作行为。

根据本公开的实施例，上述生成移动App页面的方法还包括基于上述一个或者多个目标模板，向服务器请求对应的其他配置层数据，其中，上述其他配置层数据用于生成上述目标移动App页面的预留设置模块，上述预留设置模块用于添加对应的处理逻辑以扩展上述目标移动App页面的功能。

根据本公开的实施例，上述生成移动App页面的方法还包括在上述模型层数据中的部分能够用于表达上述目标移动App页面的页面内容的情况下使用上述模型层数据中能够用于表达上述目标移动App页面的页面内容的字段生成上述目标移动App页面的页面内容；以及将上述模型层数据中不能用于表达上述目标移动App页面的页面内容的字段在生成上述目标移动App页面的页面内容的过程中作为空缺处理；和/或在上述视图层数据中的部分能够用于表达上述目标移动App页面的展示对象的情况下使用上述视图层数据中能够用于表达上述目标移动App页面的展示对象的字段生成上述目标移动App页面的展示对象；以及将上述视图层数据中不能用于表达上述目标移动App页面的展示对象的字段在生成上述目标移动App页面的展示对象的过程中作为空缺处理。

本公开的另一个方面提供了一种生成移动App页面的系统，包括第一获取模块，用于获取用于生成移动App页面的模型，其中，上述模型中包含多个模板，不同的模板对应不同的用户需求；选择模块，用于从上述多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板；以及第一请求模块，用于基于上述一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，上述模型层数据中的全部或者部分用于表达上述目标移动App页面的页面内容，上述视图层数据中的全部或者部分用于表达上述目标移动App页面的展示对象。

根据本公开的实施例，上述生成移动App页面的系统还包括第二获取模块，用于获取上述多个模板，其中，每个模板中包含有对应的模板元素；计算模块，用于对上述多个模板中包含的模板元素求并集，得到对应的并集计算结果；以及创建模块，用于创建包含有上述并集计算结果中的所有模板元素的模型作为上述用于生成移动App页面的模型。

根据本公开的实施例，上述选择模块包括获取单元，用于获取用户的用户需求；以及选择单元，用于从上述多个模板中选出满足上述用户需求的模板作为用于生成上述目标移动App页面所需要的一个或者多个目标模板。

根据本公开的实施例，上述生成移动App页面的系统还包括第二请求模块，用于基于上述一个或者多个目标模板，向服务器请求对应的数据层数据，其中，上述数据层数据用于生成上述目标移动App页面的数据上报逻辑，上述数据上报逻辑用于跟踪并上报用户使用上述目标移动App页面的过程中产生的行为数据。

根据本公开的实施例，上述生成移动App页面的系统还包括第三请求模块，用于基于上述一个或者多个目标模板，向服务器请求对应的交互层数据，其中，上述交互层数据具有至少一种预先设定的数据结构，用于生成上述目标移动App页面的页面处理逻辑，上述页面处理逻辑用于处理上述目标移动App页面中各页面动作行为。

根据本公开的实施例，上述生成移动App页面的系统还包括第四请求模块，用于基于上述一个或者多个目标模板，向服务器请求对应的其他配置层数据，其中，上述其他配置层数据用于生成上述目标移动App页面的预留设置模块，上述预留设置模块用于添加对应的处理逻辑以扩展上述目标移动App页面的功能。

根据本公开的实施例，上述生成移动App页面的系统还包括生成模块，用于在上述模型层数据中的部分能够用于表达上述目标移动App页面的页面内容的情况下使用上述模型层数据中能够用于表达上述目标移动App页面的页面内容的字段生成上述目标移动App页面的页面内容；以及将上述模型层数据中不能用于表达上述目标移动App页面的页面内容的字段在生成上述目标移动App页面的页面内容的过程中作为空缺处理；和/或在上述视图层数据中的部分能够用于表达上述目标移动App页面的展示对象的情况下使用上述视图层数据中能够用于表达上述目标移动App页面的展示对象的字段生成上述目标移动App页面的展示对象；以及将上述视图层数据中不能用于表达上述目标移动App页面的展示对象的字段在生成上述目标移动App页面的展示对象的过程中作为空缺处理。

本公开的另一方面提供了一种计算机系统，包括一个或多个处理器；存储装置，用于存储一个或多个程序，其中，当上述一个或多个程序被上述一个或多个处理器执行时，使得上述一个或多个处理器实现如上所述的生成移动App页面的方法。

本公开的另一方面提供了一种计算机可读介质，其上存储有可执行指令，该指令在被处理器执行时使处理器实现如上所述的生成移动App页面的方法。

根据本公开的实施例，因为采用了将移动App页面中的具体需求开发转变为模板化开发的技术手段，所以可以至少部分地解决了相关技术中开发需求过于具体，容易限制架构的扩展性和复用性的技术问题，进而可以实现提高移动App页面的开发效率、节约开发成本的技术效果。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的可以应用生成移动App页面的方法及系统的系统架构；

图2A示意性示出了根据本公开实施例的生成移动App页面的方法的流程图；

图2B示意性示出了根据本公开实施例的模型构建与相关技术产品页面开发方法的模型构建对比的示意图；

图2C示意性示出了根据本公开实施例的视图层创建与传输的示意图；

图2D示意性示出了根据相关技术产品页面开发方法的示意图；

图2E示意性示出了根据相关技术产品页面开发过程中数据传输的示意图；

图3A示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图；

图3B示意性示出了根据本公开实施例的从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板的流程图；

图3C示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图；

图3D示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图；

图3E示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图；

图3F示意性示出了根据本公开另一实施例的生成移动App页面的方法的示意图；

图4示意性示出了根据本公开实施例的生成移动App页面的系统的框图；

图5A示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图；

图5B示意性示出了根据本公开实施例的选择模块的框图；

图5C示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图；

图5D示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图；

图5E示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图；以及

图6示意性示出了根据本公开实施例的适于生成移动App页面的方法的计算机系统的框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。这里使用的词语“一”、“一个(种)”和“该”等也应包括“多个”、“多种”的意思，除非上下文另外明确指出。此外，在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。本领域技术人员还应理解，实质上任意表示两个或更多可选项目的转折连词和/或短语，无论是在说明书、权利要求书还是附图中，都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如，短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。

本公开的实施例提供了一种用于通过将移动App页面中的具体需求开发转变为模板化开发，来提高移动App页面的开发效率、节约开发成本的生成移动App页面的方法以及能够应用该方法的生成移动App页面的系统。该方法包括获取用于生成移动App页面的模型，其中，模型中包含多个模板，不用的模板对应不同的用户需求，从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板，以及基于一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，模型层数据中的全部或者部分用于表达目标移动App页面的页面内容，视图层数据中的全部或者部分用于表达目标移动App页面的展示对象。

图1示意性示出了根据本公开实施例的可以应用生成移动App页面的方法及系统的系统架构。

如图1所示，根据该实施例的系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。

需要说明的是，本公开实施例所提供的生成移动App页面的方法一般可以由终端设备101、102、103执行。相应地，本公开实施例所提供的生成移动App页面的系统一般可以设置于终端设备101、102、103中。本公开实施例所提供的生成移动App页面的方法也可以由不同于终端设备101、102、103且能够与终端设备101、102、103和/或服务器105通信的一个或多个终端设备执行。相应地，本公开实施例所提供的生成移动App页面的系统也可以设置于不同于终端设备101、102、103且能够与终端设备101、102、103和/或服务器105通信的一个或多个终端设备中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

图2A示意性示出了根据本公开实施例的生成移动App页面的方法的流程图。

如图2A所示，该生成移动App页面的方法包括操作S201～S203，其中：

在操作S201，获取用于生成移动App页面的模型，其中，模型中包含多个模板，不同的模板对应不同的用户需求。

在本公开的实施例中，客户端获取模型(model)层中的模型(即构建模型层)，其中，该模型是一个用于生成移动App页面的统一模型，其作用是表达移动App页面的排版样式。上述模型包含有多个模板(如图2B所示)，如模板A、模板B、模板C、……和模板X，其中，模板A对应用户需求A，模板B对应用户需求B，……，依次类推，模板X对应用户需求X。换言之，移动App页面只需保持一个统一模型，该统一模型是众多模板的结合体，不同的模板对应同一个统一模型，便于在移动App页面内整合公共部分(也就是不同用户需求所对应的不同模板的并集)，并且该统一模型具备能够表达不同类型的产品页面，满足不同的用户需求的功能。

需要说明的是，上述统一模型只需要在客户端建立即可。

在操作S202，从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板。

在本公开的实施例中，由于不同的模板对应不同的用户需求，不同的移动App页面中需要展示的页面内容可能不尽相同，满足的用户需求也可能不同，因此，用于生成不同的移动App页面所需的模板也可能不同。故而，为了可以生成本实施例中的目标移动App页面，需要从多个模板中选出与目标移动App页面对应的一个或多个目标模板。

在操作S203，基于一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，模型层数据中的全部或者部分用于表达目标移动App页面的页面内容，视图层数据中的全部或者部分用于表达目标移动App页面的展示对象。

在本公开的实施例中，将可视化后台配置的页面的模型层数据和视图(view)层数据均传输给服务器，由服务器储存并封装成前端可用的数据(该数据至少包括模型层数据和视图层数据)接口。客户端基于获取的一个或者多个目标模板，向服务器发出请求，获得对应的模型层数据和视图层数据，然后进行视图绘制以及数据模型渲染，从而达到展示页面内容的目的。

需要说明的是，除了要构建模型以外，还要构建视图层。视图层是对模板表现的具体定义，本公开的实施例将模板需要的组件在客户端定义，但对于这些模板的布局则可以通过服务器动态下发来控制，以求得同一模板元素具备不同的表现形式，丰富产品页面的表达形式。如图2C所示，针对目标移动App页面所对应的一个或多个目标模板，可视化需要与前端预先约定动态下发数据协议，可视化端则负责动态数据的创建、素材标准控制等工作，以确保所下发的数据符合目标移动App页面的要求。同时，客户端需要提供视图属性设置接口，并注意容错，以便在可视化端数据无效或者未正确下发时保证界面的基本正确。

需要注意的是，可视化只会下发一套视图数据，客户端需要保证这一套视图数据在不同尺寸的客户端屏幕上展示正确。

应该理解，由于模型层数据中的全部或者部分用于表达目标移动App页面的页面内容，且视图层数据中的全部或者部分用于表达目标移动App页面的展示对象，因此，客户端向服务器发出请求，获得对应的模型层数据和视图层数据，也就是生成了目标移动App页面。

与本公开实施例所提供的技术方案不同，目前，在相关技术中，如图2D所示，产品页面开发方案大致依赖三方的协作，即可视化、后台以及前端。这种产品页面开发模式主要表现在各模块之间相互独立又相互合作，在业务层面保证了相互之间的解耦，而在逻辑层面却相互配合与共享。因此，相关技术中产品页面开发的本质是：各部门在模型层协作，在视图层各自开发，其协作方式可以如图2E所示，后台将模型层数据存储到存储器中，并且将模型层数据封装成数据接口(即图2E中的接口封装)，进而前端将模型层数据进行展示。但是，相关技术的产品页面开发方式只适用于小规模项目开发，若企业想做大型活动或者需要一个长时间能展示大量产品的页面，相关技术产品页面开发方案带来的弊病将会特别明显，比如业务逻辑过于复杂带来的逻辑重构问题、展示方式的多样性带来的扩展问题等，这些瓶颈将严重影响企业产品的上新速度，对开发工作着带来巨大的成本与压力。

结合上述对相关技术中产品页面开发方案的总结，可以发现，相关技术产品页面开发流程中，可视化、后台以及前端进行协作的公共基础是模型层数据，而对模型表达的视图层则需要三方自己根据具体需求进行开发，由于移动开发中变化最多的部分就是视图层，故而，相关技术产品页面开发方案至少存在如下问题，即开发需求过于具体，缺少更高层次的抽象表达，容易限制架构的扩展性和复用性，从而使产品页面开发成本增加；开发各方只在模型层协作，无法解决视图层多样性带来的产品页面开发成本过高的问题；以及无法适用大型项目的开发，只能用于小型项目的开发与迭代，影响产品的更新速度，降低产品页面的开发效率。

而在本公开的实施例中，将具体需求开发转变为模板化开发，避免了大容量页面的开发变成具体业务的开发，从而实现提高移动App页面的开发效率、节约开发成本的目的。

下面参考图3A～图3F，结合具体实施例对图2A所示的方法做进一步说明。

图3A示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图。

在该实施例中，该生成移动App页面的方法除了可以包括上文参考图2A描述的操作S201～S203之外，还可以包括操作S301～S303。为了描述的简洁起见，这里省略对操作S201～S203的描述。

如图3A所示，其中：

在操作S301，获取多个模板，其中，每个模板中包含有对应的模板元素。

在操作S302，对多个模板中包含的模板元素求并集，得到对应的并集计算结果。

在操作S303，创建包含有并集计算结果中的所有模板元素的模型作为用于生成移动App页面的模型。

在本公开的实施例中，每一个模板中可能包括一个或多个模板元素，上述一个或多个模板元素用于使模板表达不同的页面内容。对于多个模板，它们可能会包含部分相同的模板元素，这就导致在获取多个模板时，可能会重复获取相同的模板元素。为了保证生成移动App页面的每一种模板元素都是单一的，在获取多个模板后，对这个多个模板包含的模板元素求并集，以此得到多个模板元素都是单一存在的并集计算结果，进而创建包含有并集计算结果中所有单一存在的模板元素的模型，并将该模型作为用于生成移动App页面的模型。

例如，模板A中包括模板元素A1、模板元素A2和模板元素A3，其中，模板元素A1用于使模板表达“设置”字样，模板元素A2用于使模板表达“刷新”字样，模板元素A3用于使模板表达“保存”字样；模板B中包括模板元素B1和模板元素B2，其中，模板元素B1用于使模板表达“设置”字样，模板元素B2用于使模板表达“在线办理”字样。获取模板A和模板B，并对模板A和模板B中的模板元素求并集，得到的并集计算结果为[模板元素A1，模板元素A2，模板元素A3，模板元素B2]，进而创建包含有“模板元素A1，模板元素A2，模板元素A3，模板元素B2”的模型，并将该模型作为用于生成移动App页面的模型。

通过本公开的实施例，对多个模板包含的模板元素求并集，既丰富了页面内容的展示方式，又避免了因重复展示导致系统资源浪费。

图3B示意性示出了根据本公开实施例的从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板的流程图。

在该实施例中，参考图2A描述的操作S202(即从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板)可以包括操作S401～S402。

如图3B所示，其中：

在操作S401，获取用户的用户需求。

在操作S402，从多个模板中选出满足用户需求的模板作为用于生成目标移动App页面所需要的一个或者多个目标模板。

在本公开的实施例中，由于不同的模板对应不同的用户需求，因此多个模板中的任意几个模板相结合，所生成移动App页面满足的需求可能不同。故而，为了满足本实施例中的目标移动App页面对应的用户需求，在获取用户的用户需求后，需要从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板，换言之，需要从多个模板中选出满足用户的用户需求的一个或者多个目标模板。进一步，基于获取的一个或者多个目标模板，执行用于生成移动App页面的相应操作。

通过本公开的实施例，获取用于满足用户需求的模板作为生成目标移动App页面所需的一个或多个模板，以模板化开发替代具体需求开发，提高了移动App页面的开发效率，节约了开发成本。

图3C示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图。

在该实施例中，该生成移动App页面的方法除了可以包括上文参考图2A描述的操作S201～S203之外，还可以包括操作S501。为了描述的简洁起见，这里省略对操作S201～S203的描述。

如图3C所示，其中：

在操作S501，基于一个或者多个目标模板，向服务器请求对应的数据层数据，其中，数据层数据用于生成目标移动App页面的数据上报逻辑，数据上报逻辑用于跟踪并上报用户使用目标移动App页面的过程中产生的行为数据。

在本公开的实施例中，该生成移动App页面的方法还可以创建数据层，同时，基于模板化开发的思想，预先将某个模板的交互行为在后台描述并表达清楚，并将该数据层数据、模型层数据和视图层数据一起预先下发至客户端。由数据层数据生成的目标移动App页面的数据上报逻辑，会跟踪用户使用目标移动App页面过程中产生的用户交互行为的行为数据，当出现用户交互行为时，数据上报逻辑会将该行为数据上报。同时，由于本公开实施例采用了模板化开发的思想，因此亦可通过后台下发的方式将该行为数据上报。

通过本公开的实施例，基于模板化开发的思想，预先将数据层数据、模型层数据和视图层数据下发到客户端，在出现用户交互行为时，将行为数据上报，进而实现对行为数据统计分析，同时利用后台数据下发，避免了客户端以硬编码的方式来实现上报，提高了页面展示内容的丰富性。

图3D示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图。

在该实施例中，该生成移动App页面的方法除了可以包括上文参考图2A描述的操作S201～S203之外，还可以包括操作S601。为了描述的简洁起见，这里省略对操作S201～S203的描述。

如图3D所示，其中：

在操作S601，基于一个或者多个目标模板，向服务器请求对应的交互层数据，其中，交互层数据具有至少一种预先设定的数据结构，用于生成目标移动App页面的页面处理逻辑，页面处理逻辑用于处理目标移动App页面中各页面动作行为。

在本公开的实施例中，对于一个大型页面，既存在普通的跳转，又存在定位至页面具体位置等交互行为。本公开实施例在创建交互层后，将这些交互行为抽象成不同的交互协议类型，并以预先设定的数据结构表达。而对于交互层数据，则由后台创建，客户端只需封装处理这些交互协议的统一方法(也就是预先设定的数据结构的页面处理逻辑)即可，这样针对页面的开发只集中在模型层和视图层，交互层不需要具体处理。

通过本公开的实施例，采用预先设定的数据结构来解决模板的交互行为，在移动App内只需要实现处理预先设定的数据结构的页面处理逻辑即可，同时，利用后台数据下发，避免了通过硬编码实现交互行为，保证了模板化思想的统一性。

图3E示意性示出了根据本公开另一实施例的生成移动App页面的方法的流程图。

在该实施例中，该生成移动App页面的方法除了可以包括上文参考图2描述的操作S201～S203之外，还可以包括操作S701。为了描述的简洁起见，这里省略对操作S201～S203的描述。

如图3E所示，其中：

在操作S701，基于一个或者多个目标模板，向服务器请求对应的其他配置层数据，其中，其他配置层数据用于生成目标移动App页面的预留设置模块，预留设置模块用于添加对应的处理逻辑以扩展目标移动App页面的功能。

在本公开的实施例中，预留设置模块用于处理一些个性化配置，比如在模板搭建的活动中设置提醒等。同时，针对特殊需求，由可视化、后台以及前端制订协议，并在可视化、后台以及前端添加处理方法(也就是处理逻辑)，即可完成特殊需求的开发。

通过本公开的实施例，向服务器请求对应的其他配置层数据，并执行相应操完成对特定需求的开发，进一步丰富了产品页面的展示内容，同时利用后台数据下发，解决了相关技术中移动App的硬编码的问题。

根据本公开的实施例，该生成移动App页面的方法还包括：在模型层数据中的部分能够用于表达目标移动App页面的页面内容的情况下，使用模型层数据中能够用于表达目标移动App页面的页面内容的字段生成目标移动App页面的页面内容；以及将模型层数据中不能用于表达目标移动App页面的页面内容的字段在生成目标移动App页面的页面内容的过程中作为空缺处理；和/或，在视图层数据中的部分能够用于表达目标移动App页面的展示对象的情况下，使用视图层数据中能够用于表达目标移动App页面的展示对象的字段生成目标移动App页面的展示对象；以及将视图层数据中不能用于表达目标移动App页面的展示对象的字段在生成目标移动App页面的展示对象的过程中作为空缺处理。

在本公开的实施例中，根据统一模型，后台可以按照不同模板下发对应的模型层数据，这些模型层数据中可能只有部分能够用于表达目标移动App页面的页面内容，此时，移动端只使用当前模板需要的模型层数据中的字段，其余字段可以空缺；对于视图层数据中部分能够表达用于目标移动App页面的展示对象的情况下，所做的处理与模型层数据相同，在此不再赘述。

应该理解，对于模型层数据中的全部能够用于表达目标移动App页面的页面内容的情况下，则将模型层数据中全部字段生成目标移动App页面的页面内容；同样的，对于视图层数据中的全部能够用于表达目标移动App页面的展示对象的情况下，则将视图层数据中全部字段生成目标移动App页面的展示对象。

通过本公开的实施例，将移动App不用的字段置空，避免了因占用相应内存而造成移动App系统资源浪费。

图3F示意性示出了根据本公开实施例的生成移动App页面的方法的示意图。

在本公开的实施例中，将整个移动App页面的开发流程更加抽象化的表示成了模型层、视图层、数据层、交互层以及其他配置层，通过可视化端、后台以及前端共同约定协议，保证它们可以顺利实施。同时，将原本在客户端进行硬编码的大量工作，通过后台动态下发的形式解决，既避免了内容形式表达依赖于客户端发版的现状，又可以通过只增加模板就可以丰富内容的展现形式，降低了移动App页面的开发成本，提高了开发效率，并使开发大型活动、大容量页面成为可能。

图4示意性示出了根据本公开实施例的生成移动App页面的系统的框图。

如图4所示，该生成移动App页面的系统400可以包括第一获取模块410、选择模块420和第一请求模块430。其中：

第一获取模块410用于获取用于生成移动App页面的模型，其中，模型中包含多个模板，不同的模板对应不同的用户需求。

选择模块420用于从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板。

第一请求模块430用于基于一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，模型层数据中的全部或者部分用于表达目标移动App页面的页面内容，视图层数据中的全部或者部分用于表达目标移动App页面的展示对象。

通过本公开的实施例，将具体需求开发转变为模板化开发，避免了大容量页面的开发变成具体业务的开发，从而实现提高移动App页面的开发效率、节约开发成本的目的。

图5A示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图。

在该实施例中，该生成移动App页面的系统400除了可以包括上文参考图4描述的相应模块之外，还可以包括第二获取模块510、计算模块520和创建模块530。为了描述的简洁起见，这里省略对参考图4中相应模块的描述。

如图5A所示，该生成移动App页面的系统400还可以包括第二获取模块510、计算模块520和创建模块530。其中：

第二获取模块510用于获取多个模板，其中，每个模板中包含有对应的模板元素。

计算模块520用于对多个模板中包含的模板元素求并集，得到对应的并集计算结果。

创建模块530用于创建包含有并集计算结果中的所有模板元素的模型作为用于生成移动App页面的模型。

通过本公开的实施例，对多个模板包含的模板元素求并集，既丰富了页面内容的展示方式，又避免了因重复展示导致系统资源浪费。

图5B示意性示出了根据本公开实施例的选择模块的框图。

在该实施例中，参考图4描述的选择模块420可以包括获取单元610和选择单元620。

如图5B所示，其中：

获取单元610用于获取用户的用户需求。

选择单元620用于从多个模板中选出满足用户需求的模板作为用于生成目标移动App页面所需要的一个或者多个目标模板。

通过本公开的实施例，获取用于满足用户需求的模板作为生成目标移动App页面所需的一个或多个模板，以模板化开发替代具体需求开发，提高了移动App页面的开发效率，节约了开发成本。

图5C示意性示出了根据本公开另一实施例的生成移动App页面的系统的框。

在该实施例中，该生成移动App页面的系统400除了可以包括上文参考图4描述的相应模块之外，还可以包括第二请求模块710。为了描述的简洁起见，这里省略对参考图4中相应模块的描述。

如图5C所示，该生成移动App页面的系统400还可以包括第二请求模块710，其中：

第二请求模块710用于基于一个或者多个目标模板，向服务器请求对应的数据层数据，其中，数据层数据用于生成目标移动App页面的数据上报逻辑，数据上报逻辑用于跟踪并上报用户使用目标移动App页面的过程中产生的行为数据。

通过本公开的实施例，基于模板化开发的思想，预先将数据层数据、模型层数据和视图层数据下发到客户端，在出现用户交互行为时，将行为数据上报，进而实现对行为数据统计分析，同时利用后台数据下发，避免了客户端以硬编码的方式来实现上报，提高了页面展示内容的丰富性。

图5D示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图。

在该实施例中，该生成移动App页面的系统400除了可以包括上文参考图4描述的相应模块之外，还可以包括第三请求模块810。为了描述的简洁起见，这里省略对参考图4中相应模块的描述。

如图5D所示，该生成移动App页面的系统400还可以包括第三请求模块810，其中：

第三请求模块810用于基于一个或者多个目标模板，向服务器请求对应的交互层数据，其中，交互层数据具有至少一种预先设定的数据结构，用于生成目标移动App页面的页面处理逻辑，页面处理逻辑用于处理目标移动App页面中各页面动作行为。

通过本公开的实施例，采用预先设定的数据结构来解决模板的交互行为，在移动App内只需要实现处理预先设定的数据结构的页面处理逻辑即可，同时，利用后台数据下发，避免了通过硬编码实现交互行为，保证了模板化思想的统一性。

图5E示意性示出了根据本公开另一实施例的生成移动App页面的系统的框图。

在该实施例中，该生成移动App页面的系统400除了可以包括上文参考图4描述的相应模块之外，还可以包括第四请求模块910。为了描述的简洁起见，这里省略对参考图4中相应模块的描述。

如图5E所示，该生成移动App页面的系统400还可以包括第四请求模块910，其中：

第四请求模块910用于基于一个或者多个目标模板，向服务器请求对应的其他配置层数据，其中，其他配置层数据用于生成目标移动App页面的预留设置模块，预留设置模块用于添加对应的处理逻辑以扩展目标移动App页面的功能。

通过本公开的实施例，向服务器请求对应的其他配置层数据，并执行相应操完成对特定需求的开发，进一步丰富了产品页面的展示内容，同时利用后台数据下发，解决了相关技术中移动App的硬编码的问题。

根据本公开的实施例，生成模块用于在模型层数据中的部分能够用于表达目标移动App页面的页面内容的情况下，使用模型层数据中能够用于表达目标移动App页面的页面内容的字段生成目标移动App页面的页面内容，以及将模型层数据中不能用于表达目标移动App页面的页面内容的字段在生成目标移动App页面的页面内容的过程中作为空缺处理，和/或，生成模块用于在视图层数据中的部分能够用于表达目标移动App页面的展示对象的情况下，使用视图层数据中能够用于表达目标移动App页面的展示对象的字段生成目标移动App页面的展示对象，以及将视图层数据中不能用于表达目标移动App页面的展示对象的字段在生成目标移动App页面的展示对象的过程中作为空缺处理。

通过本公开的实施例，将移动App不用的字段置空，避免了因占用相应内存而造成移动App系统资源浪费。

可以理解的是，第一获取模块410、选择模块420、第一请求模块430、第二获取模块510、计算模块520、创建模块530、第二请求模块710、第三请求模块810以及第四请求模块910可以合并在一个模块中实现，或者其中的任意一个模块可以被拆分成多个模块。或者，这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合，并在一个模块中实现。根据本发明的实施例，第一获取模块410、选择模块420、第一请求模块430、第二获取模块510、计算模块520、创建模块530、第二请求模块710、第三请求模块810以及第四请求模块910中的至少一个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以以对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式的适当组合来实现。或者，第一获取模块410、选择模块420、第一请求模块430、第二获取模块510、计算模块520、创建模块530、第二请求模块710、第三请求模块810以及第四请求模块910中的至少一个可以至少被部分地实现为计算机程序模块，当该程序被计算机运行时，可以执行相应模块的功能。

图6示意性示出了根据本公开实施例的适于生成移动App页面的方法的计算机系统的框图。图6示出的计算机系统仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，根据本公开实施例的计算机系统500包括处理器1001，其可以根据存储在只读存储器(ROM)1002中的程序或者从存储部分1008加载到随机访问存储器(RAM)1003中的程序而执行各种适当的动作和处理。处理器1001例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器1010还可以包括用于缓存用途的板载存储器。处理器1010可以包括用于执行参考图2A～2C、图3A～图3F描述的根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 1003中，存储有计算机系统500操作所需的各种程序和数据。处理器1001、ROM 1002以及RAM 1003通过总线1004彼此相连。处理器1001通过执行ROM 1002和/或RAM1003中的程序来执行以上参考图2A～2C、图3A～图3F描述的各种操作。需要注意，所述程序也可以存储在除ROM 1002和RAM 1003以外的一个或多个存储器中。处理器1001也可以通过执行存储在所述一个或多个存储器中的程序来执行以上参考图2A～2C、图3A～图3F描述的各种操作。

根据本公开的实施例，计算机系统500还可以包括输入/输出(I/O)接口1005，输入/输出(I/O)接口1005也连接至总线1004。计算机系统500还可以包括连接至I/O接口1005的以下部件中的一项或多项：包括键盘、鼠标等的输入部分1006；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1007；包括硬盘等的存储部分1008；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1009。通信部分1009经由诸如因特网的网络执行通信处理。驱动器1010也根据需要连接至I/O接口1005。可拆卸介质1011，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1010上，以便于从其上读出的计算机程序根据需要被安装入存储部分1008。

根据本公开的实施例，上文参考流程图描述的方法可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1009从网络上被下载和安装，和/或从可拆卸介质1011被安装。在该计算机程序被处理器1001执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。

需要说明的是，本公开所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。根据本公开的实施例，计算机可读介质可以包括上文描述的ROM 1002和/或RAM 1003和/或ROM 1002和RAM 1003以外的一个或多个存储器。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

作为另一方面，本公开还提供了一种计算机可读介质，其上存储有可执行指令，该指令被处理器执行时使处理器实现上述方法实施例中任一项所述的生成移动App页面的的方法。该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备执行：获取用于生成移动App页面的模型，其中，模型中包含多个模板，不同的模板对应不同的用户需求；从多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板；以及基于一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，模型层数据中的全部或者部分用于表达目标移动App页面的页面内容，视图层数据中的全部或者部分用于表达目标移动A即页面的展示对象。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。

Claims (14)

1.一种生成移动App页面的方法，包括：

获取用于生成移动App页面的模型，其中，所述模型中包含多个模板，不同的模板对应不同的用户需求；

从所述多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板；以及

基于所述一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，所述模型层数据中的全部或者部分用于表达所述目标移动App页面的页面内容，所述视图层数据中的全部或者部分用于表达所述目标移动App页面的展示对象；

其中，所述用于生成移动App页面的模型是通过以下操作创建得到的：获取所述多个模板，其中，每个模板中包含有对应的模板元素；对所述多个模板中包含的模板元素求并集，得到对应的并集计算结果；创建包含有所述并集计算结果中的所有模板元素的模型作为所述用于生成移动APP页面的模型。

2.根据权利要求1所述的方法，其中，从所述多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板包括：

获取用户的用户需求；以及

从所述多个模板中选出满足所述用户需求的模板作为用于生成所述目标移动App页面所需要的一个或者多个目标模板。

3.根据权利要求1所述的方法，其中，所述方法还包括：

基于所述一个或者多个目标模板，向服务器请求对应的数据层数据，其中，所述数据层数据用于生成所述目标移动App页面的数据上报逻辑，所述数据上报逻辑用于跟踪并上报用户使用所述目标移动App页面的过程中产生的行为数据。

4.根据权利要求1所述的方法，其中，所述方法还包括：

基于所述一个或者多个目标模板，向服务器请求对应的交互层数据，其中，所述交互层数据具有至少一种预先设定的数据结构，用于生成所述目标移动App页面的页面处理逻辑，所述页面处理逻辑用于处理所述目标移动App页面中各页面动作行为。

5.根据权利要求1所述的方法，其中，所述方法还包括：

基于所述一个或者多个目标模板，向服务器请求对应的其他配置层数据，其中，所述其他配置层数据用于生成所述目标移动App页面的预留设置模块，所述预留设置模块用于添加对应的处理逻辑以扩展所述目标移动App页面的功能。

6.根据权利要求1所述的方法，其中，所述方法还包括：

在所述模型层数据中的部分能够用于表达所述目标移动App页面的页面内容的情况下：

使用所述模型层数据中能够用于表达所述目标移动App页面的页面内容的字段生成所述目标移动App页面的页面内容；以及

将所述模型层数据中不能用于表达所述目标移动App页面的页面内容的字段在生成所述目标移动App页面的页面内容的过程中作为空缺处理；

和/或

在所述视图层数据中的部分能够用于表达所述目标移动App页面的展示对象的情况下：

使用所述视图层数据中能够用于表达所述目标移动App页面的展示对象的字段生成所述目标移动App页面的展示对象；以及

将所述视图层数据中不能用于表达所述目标移动App页面的展示对象的字段在生成所述目标移动App页面的展示对象的过程中作为空缺处理。

7.一种生成移动App页面的系统，包括：

第一获取模块，用于获取用于生成移动App页面的模型，其中，所述模型中包含多个模板，不同的模板对应不同的用户需求；

选择模块，用于从所述多个模板中选出用于生成目标移动App页面所需要的一个或者多个目标模板；以及

第一请求模块，用于基于所述一个或者多个目标模板，向服务器请求对应的模型层数据和视图层数据，其中，所述模型层数据中的全部或者部分用于表达所述目标移动App页面的页面内容，所述视图层数据中的全部或者部分用于表达所述目标移动App页面的展示对象；

其中，所述用于生成移动App页面的模型是通过以下模块创建得到的：第二获取模块，用于获取所述多个模板，其中，每个模板中包含有对应的模板元素；计算模块，用于对所述多个模板中包含的模板元素求并集，得到对应的并集计算结果；创建模块，用于创建包含有所述并集计算结果中的所有模板元素的模型作为所述用于生成移动App页面的模型。

8.根据权利要求7所述的系统，其中，所述选择模块包括：

获取单元，用于获取用户的用户需求；以及

选择单元，用于从所述多个模板中选出满足所述用户需求的模板作为用于生成所述目标移动App页面所需要的一个或者多个目标模板。

9.根据权利要求7所述的系统，其中，所述系统还包括：

第二请求模块，用于基于所述一个或者多个目标模板，向服务器请求对应的数据层数据，其中，所述数据层数据用于生成所述目标移动App页面的数据上报逻辑，所述数据上报逻辑用于跟踪并上报用户使用所述目标移动App页面的过程中产生的行为数据。

10.根据权利要求7所述的系统，其中，所述系统还包括：

第三请求模块，用于基于所述一个或者多个目标模板，向服务器请求对应的交互层数据，其中，所述交互层数据具有至少一种预先设定的数据结构，用于生成所述目标移动App页面的页面处理逻辑，所述页面处理逻辑用于处理所述目标移动App页面中各页面动作行为。

11.根据权利要求7所述的系统，其中，所述系统还包括：

第四请求模块，用于基于所述一个或者多个目标模板，向服务器请求对应的其他配置层数据，其中，所述其他配置层数据用于生成所述目标移动App页面的预留设置模块，所述预留设置模块用于添加对应的处理逻辑以扩展所述目标移动App页面的功能。

12.根据权利要求7所述的系统，其中，所述系统还包括生成模块，用于：

在所述模型层数据中的部分能够用于表达所述目标移动App页面的页面内容的情况下：

使用所述模型层数据中能够用于表达所述目标移动App页面的页面内容的字段生成所述目标移动App页面的页面内容；以及

将所述模型层数据中不能用于表达所述目标移动App页面的页面内容的字段在生成所述目标移动App页面的页面内容的过程中作为空缺处理；

和/或

在所述视图层数据中的部分能够用于表达所述目标移动App页面的展示对象的情况下：

使用所述视图层数据中能够用于表达所述目标移动App页面的展示对象的字段生成所述目标移动App页面的展示对象；以及

将所述视图层数据中不能用于表达所述目标移动App页面的展示对象的字段在生成所述目标移动App页面的展示对象的过程中作为空缺处理。

13.一种计算机系统，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至6中任一项所述的生成移动App页面的方法。

14.一种计算机可读介质，其上存储有可执行指令，该指令被处理器执行时使处理器实现权利要求1至6中任一项所述的生成移动App页面的方法。

Images