一种页面显示方法及装置制造方法及图纸

本发明专利技术实施例公开了一种页面显示方法及装置，该方法包括：如果检测到应用程序处于被激活状态，则通过向服务器发送映射表同步请求接收所述服务器返回的第一映射表；如果确定所述第一映射表与本地存储的第二映射表不匹配，则使用所述第一映射表替换所述第二映射表，并根据所述第一映射表更新卡片模型工厂；将目标页面获取请求发送至所述服务器，并接收服务器返回的结果数据；选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面。本发明专利技术实施例能够将串行开发变为并行开发，有效地提升了应用程序开发效率，实现页面布局的动态变化。

Page display method and device

The embodiment of the invention discloses a page display method and device, the method includes: if the application is detected in activated state, is sent to the server through the mapping table synchronization request received by the server returns the first mapping table; if it is determined that the first mapping table and the local storage mapping does not match the table second then, using the first mapping table instead of the second mapping table, and according to the updated model factory of the first card mapping table; the target page access request to the server, and receives the results returned by the server selected data; and the display model corresponding to the target card card style, according to the contents of the view display card configure the target card in the model, to update the target card model, according to the target card model updated to display the target Page. The embodiment of the invention can change the serial development into parallel development, effectively improve the efficiency of the application program development, and realize the dynamic change of the page layout.

【技术实现步骤摘要】
一种页面显示方法及装置
本专利技术实施例涉及移动应用
，尤其涉及一种页面显示方法及装置。
技术介绍
随着移动智能终端的普及和网络速度的优化，应用程序(Application，简称APP)的开发需求越来越多，能够开发出高质量的应用程序成为开发人员追求的目标。现有技术中，开发人员针对移动智能终端开发应用程序，常使用四种开发方法：1、在应用程序的开发阶段设置固定的显示于移动智能终端的页面布局，在用户使用应用程序的过程中，页面布局不会发生变化，变化的只是页面布局包括的具体内容。应用程序的页面布局是固定的，将导致线上应用的过程中，只能通过发布新版本完成应用程序的更新，成本较高，且无法保证老版本用户能及时获取新的运营需求，以及发布新版本需要开发人员重新编写程序代码，开发周期较长。2、基于预先设置不同的外观模型，在应用程序的运行过程中，调用模型中的视图，以增强页面布局的灵活性。但是，根据预先设置的外观模型进行页面布局，仅能针对同一显示页面进行页面布局，无法实现不同显示页面之间的动态布局。3、基于脸书公司(Facebook)推出的响应式编程用户界面框架(ReactNative)开发环境开发应用程序，但是，没有集成开发环境的支持，开发效率低，且在开发人员编写程序代码的过程中没有拼写错误的提示，对开发人员要求较高。4、通过混合模式移动应用(HybridApp)，同时使用网页语言与程序语言开发应用程序，利用网页易于更新的特性实现用户需求的快速响应。但是，在实际应用过程中性能稍慢，用户体验感不如原生应用程序好。
技术实现思路
本专利技术实施例提供一种页面显示方法及装置，以解决现有技术中应用程序开发效率低、页面布局无法动态变化的问题。第一方面，本专利技术实施例提供了一种页面显示方法，包括：如果检测到应用程序处于被激活状态，则向服务器发送映射表同步请求，并接收所述服务器基于所述映射表同步请求返回的第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系；如果确定所述第一映射表与本地存储的第二映射表不匹配，则使用所述第一映射表替换所述第二映射表，并根据所述第一映射表更新卡片模型工厂；在接收到用户触发的目标页面获取请求时，将所述目标页面获取请求发送至所述服务器，并接收服务器返回的与所述目标页面获取请求对应的结果数据，其中，所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容；在所述卡片模型工厂中，选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面。进一步地，如果检测到应用程序处于被激活状态，则向服务器发送映射表同步请求，并接收所述服务器基于所述映射表同步请求返回的第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系之前，包括：建立卡片模型工厂；进行初始化操作，将用户终端本地存储的第二映射表加载至所述卡片模型工厂中；根据所述第二映射表，在所述卡片模型工厂中建立与所述第二映射表匹配的卡片模型。进一步地，根据所述第一映射表更新卡片模型工厂，包括：获取更新卡片样式；根据所述更新卡片样式获取与所述更新卡片样式匹配的卡片模型，并将所述更新卡片样式添加至所述卡片模型，以完成所述卡片模型工厂中卡片模型的更新。进一步地，所述结果数据包括下述至少一项：至少一个卡片样式；基于所述目标页面获取请求获取的，与所述至少一个卡片样式对应的卡片样式的具体内容。进一步地，在所述卡片模型工厂中，选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面，包括：获取所述显示卡片样式对应的目标卡片模型，将所述目标卡片模型与控制器进行绑定；获取所述目标卡片模型中的卡片视图，将所述卡片视图与控制器进行绑定；计算所述显示内容的尺寸，使用所述显示内容以及所述显示内容对应的尺寸配置所述卡片视图，以更新所述目标卡片模型；所述控制器根据更新后的所述目标卡片模型的路由信息控制所述终端显示目标页面。第二方面，本专利技术实施例提供了一种页面显示方法，包括：服务器基于用户终端发送的映射表同步请求，向所述用户终端返回第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系；服务器基于用户终端发送的目标页面获取请求，向所述用户终端返回与所述目标页面获取请求匹配的结果数据。进一步地，服务器基于用户终端发送的映射表同步请求，向所述用户终端返回第一映射表之前，包括：如果检测到更新的卡片样式时，则将所述更新的卡片样式添加至卡片样式库；基于所述卡片样式库构造卡片模型与卡片样式之间的映射关系。进一步地，服务器基于用户终端发送的目标页面获取请求，向所述用户终端返回与所述目标页面获取请求匹配的结果数据，包括：服务器基于所述卡片样式库获取与所述目标页面获取请求匹配的且生效的至少一个卡片样式，以及所述至少一个卡片样式对应的具体内容，其中，所述卡片样式中包括时效信息；将至少一个卡片样式以及所述至少一个卡片样式的具体内容封装为结果数据。第三方面，本专利技术实施例还提供了一种页面显示装置，配置于用户终端，包括：映射表接收模块，用于如果检测到应用程序处于被激活状态，则向服务器发送映射表同步请求，并接收所述服务器基于所述映射表同步请求返回的第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系；更新模块，用于如果确定所述第一映射表与本地存储的第二映射表不匹配，则使用所述第一映射表替换所述第二映射表，并根据所述第一映射表更新卡片模型工厂；结果数据接收模块，用于在接收到用户触发的目标页面获取请求时，将所述目标页面获取请求发送至所述服务器，并接收服务器返回的与所述目标页面获取请求对应的结果数据，其中，所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容；页面显示模块，用于在所述卡片模型工厂中，选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面。第四方面，本专利技术实施例还提供了一种页面显示装置，配置于服务器，包括：第一响应模块，用于基于用户终端发送的映射表同步请求，向所述用户终端返回第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系；第二响应模块，用于基于用户终端发送的目标页面获取请求，向所述用户终端返回与所述目标页面获取请求匹配的结果数据。本专利技术实施例通过在用户终端和服务器构造同步的映射表，并在用户终端的卡片模型工厂中建立与映射表匹配的卡片模型，根据结果数据获取卡片模型和卡片视图，以完成页面的显示。本专利技术实施例能够及时获取服务器端卡片样式的变化信息，将新的运营策略及时送达至用户，使过去的一种卡片样式对应一种显示页面改变为将一种卡片样式对应多种显示页面，将串行开发变为并行开发，提高了程序代码的复用率，极大的简化了编程逻辑，有效地提升了应用程序开发效率，使页面显示方式和样式布局的更新不依赖新版本的发布，通过将一种卡片样式应用在多个显示页面，解决了显示界面各模块之间的耦合问题，本文档来自技高网...

【技术保护点】
一种页面显示方法，其特征在于，包括：如果检测到应用程序处于被激活状态，则向服务器发送映射表同步请求，并接收所述服务器基于所述映射表同步请求返回的第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系；如果确定所述第一映射表与本地存储的第二映射表不匹配，则使用所述第一映射表替换所述第二映射表，并根据所述第一映射表更新卡片模型工厂；在接收到用户触发的目标页面获取请求时，将所述目标页面获取请求发送至所述服务器，并接收服务器返回的与所述目标页面获取请求对应的结果数据，其中，所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容；在所述卡片模型工厂中，选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面。

【技术特征摘要】
1.一种页面显示方法，其特征在于，包括：如果检测到应用程序处于被激活状态，则向服务器发送映射表同步请求，并接收所述服务器基于所述映射表同步请求返回的第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系；如果确定所述第一映射表与本地存储的第二映射表不匹配，则使用所述第一映射表替换所述第二映射表，并根据所述第一映射表更新卡片模型工厂；在接收到用户触发的目标页面获取请求时，将所述目标页面获取请求发送至所述服务器，并接收服务器返回的与所述目标页面获取请求对应的结果数据，其中，所述结果数据中包括显示卡片样式以及所述显示卡片样式对应的显示内容；在所述卡片模型工厂中，选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面。2.根据权利要求1所述的方法，其特征在于，如果检测到应用程序处于被激活状态，则向服务器发送映射表同步请求，并接收所述服务器基于所述映射表同步请求返回的第一映射表，其中，所述第一映射表包括卡片样式库以及卡片模型与卡片样式之间的映射关系之前，包括：建立卡片模型工厂；进行初始化操作，将用户终端本地存储的第二映射表加载至所述卡片模型工厂中；根据所述第二映射表，在所述卡片模型工厂中建立与所述第二映射表匹配的卡片模型。3.根据权利要求1或2所述的方法，其特征在于，根据所述第一映射表更新卡片模型工厂，包括：获取更新卡片样式；根据所述更新卡片样式获取与所述更新卡片样式匹配的卡片模型，并将所述更新卡片样式添加至所述卡片模型，以完成所述卡片模型工厂中卡片模型的更新。4.根据权利要求1所述的方法，其特征在于，所述结果数据包括下述至少一项：至少一个卡片样式；基于所述目标页面获取请求获取的，与所述至少一个卡片样式对应的卡片样式的具体内容。5.根据权利要求1或4所述的方法，其特征在于，在所述卡片模型工厂中，选取与所述显示卡片样式对应的目标卡片模型，根据显示内容配置所述目标卡片模型中的卡片视图，以更新所述目标卡片模型，根据更新后的所述目标卡片模型显示所述目标页面，包括：获取所述显示卡片样式对应的目标卡片模型，将所述目标卡片模型与控制器进行绑定；获取所述目标卡片模型中的卡片视图，将所述卡片视图与控制器进行绑定；计算所述显示内容的尺寸，使用所述显示内容以及所述显示内容对应的尺寸配置所述卡片视图，以更新所述目标卡片模型；所述控制器根据更新后的...

【专利技术属性】
技术研发人员：肖宇，许占伟，彭衍雷，刘瑞，
申请(专利权)人：玫瑰视界北京网络科技有限公司，
类型：发明
国别省市：北京,11