APP页面布局自动更新方法和系统技术方案

本发明专利技术提供了一种APP页面布局自动更新方法和系统，涉及移动应用开发技术领域，方法包括：在服务器端和客户端基于若干不同的页面布局设计相同的字段用于数据映射；在服务器端和客户端设计相同的页面布局变更事件触发逻辑；当布局变更事件被触发时，服务器端将变更后页面的json数据返回给客户端，客户端加载页面变更后所对应的View页面，并结合服务器端返回的json数据显示变更后的APP页面布局。本发明专利技术使得APP中涉及原生代码的页面及功能更新可以不再需要每次更新都进行一遍软件开发测试流程以及上架应用商店的流程，极大的缩短了软件开发流程，降低了人力及开发成本。降低了人力及开发成本。降低了人力及开发成本。

【技术实现步骤摘要】
APP页面布局自动更新方法和系统


[0001]本专利技术涉及移动应用开发
，可用于金融领域，尤其涉及一种APP页面布局自动更新方法和系统。

技术介绍

[0002]目前在APP开发过程中经常出现这样几种场景：
[0003]第一种场景:各种节日来临之前，商家往往想在电商类APP首页的的某个黄金位置增加新交互功能来吸引用户。
[0004]第二种场景：APP页面某个模块的功能会根据运营需求一直调整布局。
[0005]目前的APP有的是采用IOS系统或安卓系统的原生代码实现的，有的是采用混合代码实现的，当遇到上述两种场景时，若此页面是APP原生代码实现，目前常见的方法就是开发人员重新开发此功能并上架应用商店，用户要想使用新功能需要及时更新APP版本。虽然目前采用混合代码实现的APP其有些页面布局或功能变更时不再需要用户更新APP版本，但是若其中涉及到采用原生代码实现的页面变更时，还是需要用户更新APP版本才能体验到新页面及新功能。
[0006]可见，目前涉及原生代码实现的APP页面在布局及功能更新时存在着如下技术问题：
[0007]1、对于开发者来说，页面布局及功能更新时必须重新进行开发测试，并且需要重新提交应用商店审核，APP更新的开发流程变长，人力及时间成本进一步提高。
[0008]2、对于用户来说，体验新布局及新功能必须更新客户端，一方面频繁更新客户端占用客户流量资源，另一方面频繁更新客户端版本严重影响用户体验。

技术实现思路

[0009]有鉴于此，本专利技术提供一种APP页面布局自动更新方法和系统，以解决上述提及的至少一个问题。
[0010]为了实现上述目的，本专利技术采用以下方案：
[0011]根据本专利技术的第一方面，提供一种APP页面布局自动更新方法，所述方法包括：在服务器端和客户端基于若干不同的页面布局设计相同的字段用于数据映射；在所述服务器端和所述客户端设计相同的页面布局变更事件触发逻辑；当布局变更事件被触发时，所述服务器端将变更后页面的json数据返回给客户端，所述客户端加载页面变更后所对应的View页面，并结合所述服务器端返回的所述json数据显示变更后的APP页面布局，所述json数据中包含对应变更后页面的字段。
[0012]根据本专利技术的第二方面，提供一种APP页面布局自动更新系统，所述系统包括：服务器端和客户端，所述服务器端和所述客户端基于若干不同的页面布局设计相同的字段用于数据映射；所述服务器端和所述客户端设计相同的页面布局变更事件触发逻辑；当布局变更事件被触发时，所述服务器端将变更后页面的json数据返回给客户端，所述客户端加
载页面变更后所对应的View页面，并结合所述服务器端返回的所述json数据显示变更后的APP页面布局，所述json数据中包含对应变更后页面的字段。
[0013]根据本专利技术的第三方面，提供一种电子设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，处理器执行所述计算机程序时实现上述方法的步骤。
[0014]根据本专利技术的第四方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述方法的步骤。
[0015]根据本专利技术的第五方面，提供一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现上述方法的步骤。
[0016]由上述技术方案可知，本专利技术提供的APP页面布局自动更新方法和系统，利用在系统设计和开发时通过服务器端和客户端提前时实现多种场景所对应页面布局的功能，客户端及服务器端根据触发页面布局变更事件来实现页面的动态更新，使得APP中涉及原生代码的页面及功能更新可以不再需要每次更新都进行一遍软件开发测试流程以及上架应用商店的流程，极大的缩短了软件开发流程，降低了人力及开发成本，并且用户在客户端无需任何操作就可以体验到新页面及新功能，极大提升了用户体验。
附图说明
[0017]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
[0018]图1是本申请实施例提供的一种APP页面布局自动更新方法的流程示意图；
[0019]图2是本申请另一实施例提供的一种APP页面布局自动更新方法的流程示意图；
[0020]图3是本申请另一实施例提供的一种APP页面布局自动更新方法的流程示意图；
[0021]图4是本申请实施例提供的一种APP页面布局自动更新系统的结构示意图；
[0022]图5是本申请实施例提供的电子设备的系统构成示意框图。
具体实施方式
[0023]为使本专利技术实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本专利技术实施例做进一步详细说明。在此，本专利技术的示意性实施例及其说明用于解释本专利技术，但并不作为对本专利技术的限定。
[0024]如图1所示为本申请实施例提供的一种APP页面布局自动更新方法的流程示意图，该方法包括如下步骤：
[0025]步骤S101：在服务器端和客户端基于若干不同的页面布局设计相同的字段用于数据映射。
[0026]在本实施例中，上述字段可以包括：时间属性、控件的类型(按钮、图片或链接等)、数量、颜色属性、空间大小，图片属性、字体属性、位置属性等。为了实现APP页面布局自动更新，首先需要对于不同的页面布局设计对应的一套字段，该页面布局所对应的字段需要在服务器端和客户端保持一致。比如某APP想实现在同一广告位根据不同的节日展示不同的
效果，情人节需要达到温馨浪漫效果，双十一节日需要达到购物狂欢效果。情人节和双十一页面设计图中包含的元素不一致，此时可以在数据库建立两张数据表，第一张数据表存储两种节日的id和节日的名称，第二张数据表存储两种节日所分别对应的展示信息数据和节日的id，然后服务器端和客户端分别根据两种页面设计图设计两套字段用于数据映射。后续服务器端和客户端可以依据节日的id从数据库中获取对应的数据。
[0027]需要指出的是，在本实施例中的页面布局变更不仅限于页面模块所展示的内容不同，每个模块所能实现的功能也可以进行变更。
[0028]步骤S102：在所述服务器端和所述客户端设计相同的页面布局变更事件触发逻辑。
[0029]需要指出的是，这里所说的相同的触发逻辑是对于针对产生页面布局变的事件本身而言的，即发生了事件A，导致服务器端和客户端需要配合做出页面布局变更的动作。但对于服务器端而言，其可能是由于发生了事件A，而收到客户端相应的指示，才进行页面布局变更的动作，反之，客户端也可能是由于发生了事件B，而收到服务器端相应的指示，才进行页面布局变更的动作。
[0030]步骤S103：当布局变更事件被触发时，所述服务器端将变更后页面的json数据返回本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种APP页面布局自动更新方法，其特征在于，所述方法包括：在服务器端和客户端基于若干不同的页面布局设计相同的字段用于数据映射；在所述服务器端和所述客户端设计相同的页面布局变更事件触发逻辑；当布局变更事件被触发时，所述服务器端将变更后页面的json数据返回给客户端，所述客户端加载页面变更后所对应的View页面，并结合所述服务器端返回的所述json数据显示变更后的APP页面布局，所述json数据中包含对应变更后页面的字段。2.如权利要求1所述的APP页面布局自动更新方法，其特征在于，所述页面变更事件触发逻辑包括时间触发逻辑和/或手动触发逻辑。3.如权利要求2所述的APP页面布局自动更新方法，其特征在于，当所述页面变更事件触发逻辑为手动触发逻辑时，所述当布局变更事件被触发时，所述服务器端将变更后页面的json数据返回给客户端，所述客户端加载页面变更后所对应的View页面，并结合所述服务器端返回的所述json数据显示变更后的APP页面布局包括：服务器端判断当前系统时间与预设的触发时间是否一致，若一致则布局变更事件被触发，向所述客户端返回与所述触发时间相对应的页面布局的json数据；客户端判断当前系统时间与预设的触发时间是否一致，若一致则布局变更事件被触发，加载与所述触发时间相对应的View页面，并结合所述服务器端返回的所述json数据显示变更后的APP页面布局。4.如权利要求2所述的APP页面布局自动更新方法，其特征在于，当所述页面变更事件触发逻辑为手动触发逻辑时，所述当布局变更事件被触发时，所述服务器端将变更后页面的json数据返回给客户端，所述客户端加载页面变更后所对应的View页面，并结合所述服务器端返回的所述json数据显示变更后的APP页面布局包括：客户端判断用户是否点击了页面布局变更的手动触发按钮，若是，则加载页面变更后所对应的View页面，同时将布局变更字段作为入参传送给服务器端；所述服务器端获取到所述入参后，返回与所述入参对应的页面布局的json数据给所述客户端；所述客户端结合json数据及View页面显示变更后的APP页面布...

【专利技术属性】
技术研发人员：王小红，石忠德，李琦，梁莉娜，杨念梓，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：