CN107450929A - 页面开发方法及装置 - Google Patents

Abstract

本发明提供一种页面开发方法及装置。所述方法包括：按照预设规则将页面进行区域划分以得到多个区域，其中，每个区域对应一模块；对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对页面数据进行展示；配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。由此，能够有效的解决复杂页面元素内部逻辑复杂紊乱的问题，极大的提高了页面的可维护性和扩展性，同时能够有效的避免传统开发方法中的各种不足。

Description

页面开发方法及装置

技术领域

本发明涉及通信技术领域，具体而言，涉及一种页面开发方法及装置。

背景技术

在客户端的开发过程中会有各种各样的页面需要开发，有的页面上元素比较少，业务逻辑相对简单。然而，有的页面上元素非常复杂，页面之间的元素内容比较多，内部业务逻辑非常复杂。传统的方法是将一个页面内的相关的业务逻辑都封装到相同的业务处理类中，当页面复杂程度比较大的时候，传统的方法内部的业务方法数就会暴增，并且业务耦合非常深，这样就会导致后期难以维护的问题。

发明内容

为了克服现有技术中的上述不足，本发明所要解决的技术问题是提供一种页面开发方法及装置，其能够有效解决复杂页面元素内部逻辑复杂紊乱的问题，极大地提高页面的可维护性和扩展性，同时避免传统开发方法中的各种不足。

本发明较佳实施例提供一种页面开发方法，所述方法包括：

按照预设规则将页面进行区域划分以得到多个区域，其中，每个区域对应一模块；

对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示；

配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。

本发明较佳实施例还提供一种页面开发装置，所述装置包括：

划分单元，用于按照预设规则将页面进行区域划分以得到多个区域，其中，每个区域对应一模块；

展示单元，用于对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示；

信息沟通单元，用于配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。

相对于现有技术而言，本发明具有以下有益效果：

本发明较佳实施例提供一种页面开发方法及装置。通过按照预设规则将页面进行区域划分，得到多个区域，其中，每个区域对应一模块。对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示。配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。由此，实现了将复杂的业务逻辑拆分到各个模块中进行处理，降低了页面业务逻辑的复杂度，提高了页面的可维护性和扩展性，同时避免传统开发方法中的各种不足。

为使发明的上述目的、特征和优点能更明显易懂，下文特举本发明较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1是本发明较佳实施例提供的电子终端的方框示意图。

图2是本发明较佳实施例提供的页面开发方法的流程示意图。

图3是斗鱼首页页面示意图。

图4是图2中步骤S120包括的子步骤的流程示意图。

图5是图2中步骤S130包括的子步骤的流程示意图。

图6是本发明较佳实施例提供的页面开发装置的方框示意图。

图标：100-电子终端；110-存储器；120-存储控制器；130-处理器；200-页面开发装置；210-划分单元；220-展示单元；230-信息沟通单元。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

请参照图1，图1是本发明较佳实施例提供的电子终端100的方框示意图。本发明实施例中所述电子终端100可以是，但不限于，台式电脑、平板电脑等。如图1所示，所述电子终端100包括：存储器110、存储控制器120、处理器130以及页面开发装置200。

所述存储器110、存储控制器120及处理器130各元件之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。存储器110中存储有页面开发装置200，所述页面开发装置200包括至少一个可以软件或固件(firmware)的形式存储于所述存储器110中的软件功能模块。所述处理器130通过运行存储在存储器110内的软件程序以及模块，如本发明实施例中的页面开发装置200，从而执行各种功能应用以及数据处理，即实现本发明实施例中的页面开发方法。

其中，所述存储器110可以是，但不限于，随机存取存储器(Random AccessMemory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(ProgrammableRead-Only Memory，PROM)，可擦除只读存储器(Erasable Programmable Read-OnlyMemory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-OnlyMemory，EEPROM)等。其中，存储器110用于存储程序，所述处理器130在接收到执行指令后，执行所述程序。所述处理器130以及其他可能的组件对存储器110的访问可在所述存储控制器120的控制下进行。

所述处理器130可能是一种集成电路芯片，具有信号的处理能力。上述的处理器130可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等。还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

可以理解，图1所示的结构仅为示意，电子终端100还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

请参照图2，图2是本发明较佳实施例提供的页面开发方法的流程示意图。所述方法应用于客户端的首页页面开发。其中，所述客户端可以是，但不限于，Android客户端、IOS客户端等。优选地，所述客户端为Android客户端。下面对页面开发方法的具体流程进行详细阐述。

步骤S110，按照预设规则将页面进行区域划分以得到多个区域。

在本实施例中，可以根据实际设定，按照不同的规则将页面划分为不同大小的页面区域，每个区域中的信息是不相同。其中，每个区域对应一模块。在传统的实施方法中，由于首页是整个页面的展示，所以会将首页看成一个整体，不考虑页面的复杂程度，都是将页面作为一个整体对待。由此导致页面内部逻辑异常复杂，使得代码不具备可维护性。

在本实施例的实施方式中，将页面按照功能进行区域划分得到不同的功能区域。也就是说，如果某个页面的某一大功能是功能独立的模块，那么可以将该部分的功能拆分出来。下面以举例子的方式介绍如何将页面进行划分。

请参照图3，图3是斗鱼首页页面示意图。以斗鱼的首页页面为例，整个页面中有多个不同大小的页面区域，每个区域中的信息不同。按照不同的功能将页面划分为多个区域，每个区域对应功能相对独立的业务模块。

如图3所示，将页面划分为5个区域，也就是5个模块。模块1的主要内容是标题栏相关的业务属性，也就是说模块1内部仅处理标题栏相关的业务，其他非标题栏的数据不用考虑。模块2是广告banner(横幅广告)位，模块2主要负责处理首页页面的广告banner栏，广告banner栏用于呈现广告内容。模块3是栏目位，是进入其他栏目的入口，与其他部分没有耦合关系，因此栏目位可以单独设置为一个模块。模块4是活动位，用于展示各个活动，也就是说模块4用于承载活动相关的业务属性。模块5为房间信息，用于展示各个直播房间的列表信息。

通过根据首页页面中各个页面模块功能点的不同来进行区域划分，将一个复杂的首页页面划分为多个功能单一的区域，每个区域处理相关业务。由此，极大地降低了首页页面业务逻辑的复杂度，同时提高了程序的可维护性和扩展性。

步骤S120，对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示。

对页面进行划分得到多个功能模块后，可以在每个模块内部做每个模块内部自己的网络请求即可，由此使得模块之间没有关联性。然而，这样设置会导致后台的请求接口数量暴增，使得后台的接口维护成本增大，同时接口数量的暴增会导致后台业务逻辑的复杂化。此外，老版本的接口的设计也是一个请求将整个首页页面的所有数据全部获取下来。

因此，在本实施例中，将请求放在首页页面中来进行发起，发起请求后，如果请求成功，则对获得的页面数据进行json解析，将解析后的页面数据根据每个模块的所需要的数据结构抽象为多个bean文件，这样后续每个模块内部仅仅需要一个对应的bean文件就能够对页面进行相应的展示。

请参照图4，图4是图2中步骤S120包括的子步骤的流程示意图。所述步骤S120可以包括子步骤S121、子步骤S122及子步骤S123。

子步骤S121，对页面数据进行json解析，得到与所述页面数据对应的bean文件。

在本实施例中，获取首页页面数据后，对首页页面数据进行json解析，得到与首页页面对应的bean文件。

子步骤S122，根据划分的模块对所述bean文件进行拆分，得到每个模块对应的bean文件。

在本实施例中，通过bean内部的setXXX等系列方法将解析得到的与首页页面对应的bean文件拆分为与各个模块对应的bean文件。由此，实现了对首页页面数据的拆分，并得到了各个模块需要的bean文件。

子步骤S123，将每个模块对应的bean文件发送给对应的模块，以使每个模块根据对应的bean文件将页面进行展示。

在本实施例中，将拆分后得到的各个bean文件传递到各个模块内部，由此，每个模块内部根据对应的bean文件进行相应页面的初始化流程，从而对页面进行相应的展示，解决了模块内部数据获取的难题。

将数据源的获取放在页面内部，进而对获得的数据源进行拆分，得到对应模块的数据bean文件。各个模块在接收到对应的bean文件后进行初始化业务逻辑。通过上述方式，可以避免传统方案中的一些缺陷，同时有效降低接口的数量。

步骤S130，配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。

在本实施例中，预先定义消息结构体，以根据所述消息结构体构造需要转发的消息。其中，消息结构体可以直接通过构造函数来进行构造。所述消息结构体可以封装有消息类型、消息内容的参数以及目的模块名称。消息类型可以是object类型，object是所有类型的父类，根据继承关系可以用于承载任意消息类型。

请参照图5，图5是图2中步骤S130包括的子步骤的流程示意图。所述步骤S130可以包括子步骤S132、子步骤S133、子步骤S134及子步骤S135。

子步骤S132，根据接收输入的请求及预先定义的消息结构体构建需要转发的消息。

在本实施例中，某个模块在监听到某些事件时，也就是接收输入的请求时，根据该事件及预先定义的消息结构体构建需要转发的消息。其中，所述消息结构体包括消息类型、信息、目的模块名称。在构建消息时，根据监听的事件定义消息的接收方(也就是，目的模块)和具体发送的内容信息。

子步骤S133，将构建完成的需要转发的消息发送给页面。

子步骤S134，页面接收转发的消息，并对所述转发的消息进行解析，得到目的模块名称。

在本实施例中，页面接收到构建完成的所述转发的消息时，对所述转发的消息进行解析，获取所述转发的消息中的目的模块的名称。

子步骤S135，页面根据解析得到的目的模块的名称将所述转发的消息发送给所述目的模块，以完成模块之间的信息沟通。

在本实施例中，页面将所述转发的消息根据目的模块名称发送到目的模块内部。由此，实现了消息在不同模块之间流转的目的。

下面以举例子的形式介绍如何通过页面进行信息沟通。

比如，模块A需要发送消息给模块B。模块A内部将根据消息结构体构建一个消息，构建消息的时候需要制定消息的类型、消息携带的信息及接收该消息的模块对象名称。然后将该消息发送到页面中。页面接收到该消息后首先会去获取该消息中需要接收消息的模块对象名称，然后将该消息转发到对应的模块内部，通过这种方式的实施就完成了消息从模块A流转到模块B中的目的。

请参照图6，图6是本发明较佳实施例提供的页面开发装置200的方框示意图。所述装置应用于客户端的首页页面开发。其中，所述客户端可以是，但不限于，Android客户端、IOS客户端等。优选地，所述客户端为Android客户端。所述页面开发装置200可以包括划分单元210、展示单元220及信息沟通单元230。

划分单元210，用于按照预设规则将页面进行区域划分以得到多个区域。

其中，每个区域对应一模块。

所述划分单元210按照预设规则将页面进行区域划分以得到多个区域的方式包括：

将页面按照功能进行区域划分得到不同的功能区域。

在本实施例中，所述划分单元210用于执行图2中的步骤S110，关于所述划分单元210的具体描述可以参照图2中步骤S110的详细描述。

展示单元220，用于对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示。

所述展示单元220对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示的方式包括：

对页面数据进行json解析，得到与所述页面数据对应的bean文件；

根据划分的模块对所述bean文件进行拆分，得到每个模块对应的bean文件；

将每个模块对应的bean文件发送给对应的模块，以使每个模块根据对应的bean文件将页面进行展示。

在本实施例中，所述展示单元220用于执行图2中的步骤S120，关于所述展示单元220的具体描述可以参照图2中步骤S120的详细描述。

信息沟通单元230，用于配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。

所述信息沟通单元230配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送的方式包括：

根据接收输入的请求及预先定义的消息结构体构建需要转发的消息，其中，所述消息结构体包括消息类型、信息、目的模块名称；

将构建完成的需要转发的消息发送给页面；

页面接收转发的消息，并对所述转发的消息进行解析，得到目的模块名称；

页面根据解析得到的目的模块的名称将所述转发的消息发送给所述目的模块，以完成模块之间的信息沟通。

所述信息沟通单元230配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送的方式还包括：

定义消息结构体，以根据所述消息结构体构造需要转发的消息。

在本实施例中，所述信息沟通单元230用于执行图2中的步骤S130，关于所述信息沟通单元230的具体描述可以参照图2中步骤S130的详细描述。

综上所述，本发明提供一种页面开发方法及装置。通过按照预设规则将页面进行区域划分，得到多个区域，其中，每个区域对应一模块。对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示。配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。由此，实现了将复杂的业务逻辑拆分到各个模块中进行处理，降低了页面业务逻辑的复杂度，提高了页面的可维护性和扩展性，同时避免传统开发方法中的各种不足。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种页面开发方法，其特征在于，所述方法包括：

按照预设规则将页面进行区域划分以得到多个区域，其中，每个区域对应一模块；

对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示；

配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。

2.根据权利要求1所述的方法，其特征在于，所述按照预设规则将页面进行区域划分以得到多个区域的步骤包括：

将页面按照功能进行区域划分得到不同的功能区域。

3.根据权利要求1所述的方法，其特征在于，所述对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示的步骤包括：

对页面数据进行json解析，得到与所述页面数据对应的bean文件；

根据划分的模块对所述bean文件进行拆分，得到每个模块对应的bean文件；

将每个模块对应的bean文件发送给对应的模块，以使每个模块根据对应的bean文件将页面进行展示。

4.根据权利要求1所述的方法，其特征在于，所述配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送的步骤包括：

根据接收输入的请求及预先定义的消息结构体构建需要转发的消息，其中，所述消息结构体包括消息类型、信息、目的模块名称；

将构建完成的需要转发的消息发送给页面；

页面接收转发的消息，并对所述转发的消息进行解析，得到目的模块名称；

页面根据解析得到的目的模块的名称将所述转发的消息发送给所述目的模块，以完成模块之间的信息沟通。

5.根据权利要求4所述的方法，其特征在于，在根据接收输入的请求及预先定义的消息结构体构建需要转发的消息的步骤之前，所述方法还包括：

定义消息结构体，以根据所述消息结构体构造需要转发的消息。

6.一种页面开发装置，其特征在于，所述装置包括：

划分单元，用于按照预设规则将页面进行区域划分以得到多个区域，其中，每个区域对应一模块；

展示单元，用于对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示；

信息沟通单元，用于配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送。

7.根据权利要求6所述的装置，其特征在于，所述划分单元按照预设规则将页面进行区域划分以得到多个区域的方式包括：

将页面按照功能进行区域划分得到不同的功能区域。

8.根据权利要求6所述的装置，其特征在于，所述展示单元对页面数据进行解析，并将解析的页面数据发送给对应的模块，以使每个模块对所述页面数据进行展示的方式包括：

对页面数据进行json解析，得到与所述页面数据对应的bean文件；

根据划分的模块对所述bean文件进行拆分，得到每个模块对应的bean文件；

将每个模块对应的bean文件发送给对应的模块，以使每个模块根据对应的bean文件将页面进行展示。

9.根据权利要求6所述的装置，其特征在于，所述信息沟通单元配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送的方式包括：

根据接收输入的请求及预先定义的消息结构体构建需要转发的消息，其中，所述消息结构体包括消息类型、信息、目的模块名称；

将构建完成的需要转发的消息发送给页面；

页面接收转发的消息，并对所述转发的消息进行解析，得到目的模块名称；

页面根据解析得到的目的模块的名称将所述转发的消息发送给所述目的模块，以完成模块之间的信息沟通。

10.根据权利要求9所述的装置，其特征在于，所述信息沟通单元配置各模块之间的耦合关系，以使需要转发的消息通过页面在耦合的模块之间发送的方式还包括：

定义消息结构体，以根据所述消息结构体构造需要转发的消息。