[发明专利]一种APP页面模块化开发方法、电子设备及存储介质

说明书

技术领域

本发明涉及一种APP页面开发，尤其涉及一种APP页面模块化开发方法、电子设备及存储介质。

背景技术

随着Internet的不断发展，网络在人们的生活中已经占据了不可替代的地位。基于手机端的在线购物系统能够使得大众随时随地选购自己喜欢的商品，尤其Android平台以其独有的开放性被广泛应用于智能手机、平板电脑等领域，使得更多的APP开发越来越受到中重视。一般来说，对于购物的APP来说，为了鞥能够具备良好的可扩展性和可维护性，设计分为客户端和服务端两部分，同时开发过程中采用C/S架构，使用Andriod Studio、ADT(Android Development Kit)以及基于Java语言的Android SDK进行客户端的应用程序开发来实现。比如系统中的主要实现的业务需求包括用户账户注册和登录、浏览商品详情、选购商品、添加购物车、查看订单、购物车中的商品信息保存至本地数据库、用户信息修改、收货地址增加、删除、修改等。

然后，在APP开发时，会涉及到很多的页面。比如首页、商品详情页等类似于这种优先级很高的页面，布局样式不会经常改变，考虑到流畅度和用户体验，在开发时都是通过原生控件实现页面；而二级页面，即是需要经常变化的页面来说，为了能够快速开发，很多情况下都是通过H5来实现页面；这样每个页面之间的样式以及ui呈现方式都是独立的。但是，对于现有的页面开发来说存在以下缺陷：

1)对于优先级较高的页面，比如首页不够灵活和自由的运用其样式表。比如，对商城来说，其各种类型的频道页也需要使用首页的样式进行展示，现有的实现方式并不能够自由和灵活地使用这种需求；

2)商城首页的样式不能够重用，样式复用率低下。

发明内容

为了克服现有技术的不足，本发明的目的之一在于提供一种APP页面模块化开发方法，其能够解决现有技术中APP页面开发不灵活的问题。

本发明的目的之二在于提供一种电子设备，其能够解决现有技术中APP页面开发不灵活的问题。

本发明的目的之三在于提供一种计算机可读存储介质，其能够解决现有技术中APP页面开发不灵活的问题。

本发明的目的之四在于提供一种APP页面模块化开发装置，其能够解决现有技术中APP页面开发不灵活的问题。

本发明的目的之一采用如下技术方案实现：

一种APP页面模块化开发方法，包括以下步骤：

初始化步骤：启动APP并初始化APP页面；

数据获取步骤：向服务器发送数据请求并接收服务器返回的数据，以及对服务器返回的数据进行解析；

数据封装步骤：根据服务器返回的数据的类型生成对应的模块化对象，并通过模块化对象对对应的数据进行封装；

数据填充步骤：生成模块单元，并将模块化对象所封装的数据填充到对应的模块单元内；

页面展示步骤：对模块单元进行组合生成页面视图并将页面视图展示给用户。

进一步地，所述数据获取步骤之前还包括初始化本地数据步骤：初始化并加载本地数据库中的本地数据。

进一步地，所述服务器返回的数据是通过json的方式对数据进行封装的。

进一步地，所述数据请求为http请求。

本发明的目的之二采用如下技术方案实现：

一种电子设备，至少包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如下步骤：

初始化步骤：启动APP并初始化APP页面；

数据获取步骤：向服务器发送数据请求并接收服务器返回的数据，以及对服务器返回的数据进行解析；

数据封装步骤：根据服务器返回的数据的类型生成对应的模块化对象，并通过模块化对象对对应的数据进行封装；

数据填充步骤：生成模块单元，并将模块化对象所封装的数据填充到对应的模块单元内；

页面展示步骤：对模块单元进行组合生成页面视图并将页面视图展示给用户。

进一步地，所述数据获取步骤之前还包括初始化本地数据步骤：初始化并加载本地数据库中的本地数据。

进一步地，所述服务器返回的数据是通过json的方式对数据进行封装的。

进一步地，所述数据请求为http请求。

本发明的目的之三采用如下技术方案实现：

一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算程序被处理器执行时实现如前所述的APP页面模块化开发方法的步骤。