CN109597614B - 一种业务页面定制方法及*** - Google Patents

Abstract

一种业务页面定制方法及***，该方法包括：显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布。通过本申请，可以实现业务页面的灵活定制。

Description

一种业务页面定制方法及***

技术领域

本申请涉及互联网领域，尤其涉及一种业务页面定制方法及***。

背景技术

用户界面(User Interface，UI)产品在交付过程中，经常会根据不同的客户业务和风格进行特别定制。对于一个复杂的业务页面来说，在页面上增加或者移除功能，修改数据展示或者调整布局，要涉及开发和测试的投入，整个开发周期的工作量较大，也导致交付周期过长。以图1A所示的万维网(World Wide Web，Web)页面为例，页面布局是横向的，如果换成图1B所示的纵向布局，需要重新开发测试，已有成果不能继承或复用。

而在实际应用中，客户的业务和风格各不相同，复杂的Web UI产品在交付时，如何既能根据客户的需求实现灵活定制，也要能快速低成本的完成生产和交付，是各个UI产品开发团队亟需解决的技术问题。

发明内容

本发明实施例提供了一种业务页面定制方法及***，可以根据客户的需求实现业务页面的灵活定制，并且能够快速低成本的完成业务页面的生产和交付，提高用户体验。

本发明实施例具体可以通过如下技术方案实现：

第一方面，本发明实施例提供了一种业务页面定制方法，该方法包括：显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布。实施本发明实施例，可以根据客户的需求实现业务页面的灵活定制，以上三类页面资产都是可以独立开发，并且可以不断积累和丰富的，作为资产在资产库中保存并后续组装中得到重用，开发成果得到最大程度的继承和复用，节约了开发和测试的投入，只需要定制人员通过图形化的界面对页面资产进行排列组合，即可快速生成业务页面。通过流水线的整合打包，快速发布上线，节约成本，提升效率。

在一种可能的设计中，所述接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，包括：接收用户在所述页面定制界面上选择的布局；接收所述用户针对所述选择的布局配置的M个组件，M为正整数；接收所述用户针对所述M个组件中的N个组件配置的Q个事件，N为小于或等于M的正整数，Q为大于或等于N的正整数；接收所述用户针对所述Q个事件配置的业务控制模块。实施本发明实施例，可以根据客户的需求灵活的进行页面资产的配置或选择，从而实现业务页面的灵活定制。

在一种可能的设计中，所述对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，包括：获取所述配置文件中包含的布局文件，遍历所述配置文件中包含的所述业务页面的组件配置，将所述用户为所述业务页面选择的组件填入所述布局文件中对应的位置；针对所述业务页面的每个组件，遍历所述每个组件的事件配置，将所述每个组件的事件与所述用户为所述每个组件选择的业务控制模块进行绑定，直至遍历完所述每个组件的所有事件。实施本发明实施例，可以直接对配置文件进行解析，最终实现业务页面的生成。

在一种可能的设计中，所述配置文件中还包括应用程序APP的名称；所述将所述业务页面打包发布，包括：将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括件开发包层、数据层、界面框架层中的一种或多种。

在一种可能的设计中，所述配置文件为JavaScript对象标记语言JSON格式文件。

在一种可能的设计中，所述业务控制模块包括但不限于：获取数据、用户操作的响应和跳转到其他页面。

第二方面，本发明实施例提供了一种业务页面定制***，该***包括终端和服务器，所述终端包括页面定制模块，所述服务器包括页面打包发布模块，所述页面定制模块和所述页面打包发布模块用于执行上述第一方面所述的业务页面定制方法。

第三方面，本发明实施例提供了一种终端，所述终端包括页面定制模块和页面打包发布模块，所述页面定制模块和所述页面打包发布模块用于执行上述第一方面所述的业务页面定制方法。

第四方面，本发明实施例提供了一种终端，所述终端包括处理器和存储器，所述存储器用于存储指令和/或数据，所述处理器用于调用所述存储器存储的指令/或数据，执行上述第一方面所述的业务页面定制方法。

第五方面，本发明实施例提供了一种计算机存储介质，用于存储计算机软件程序指令，所述程序指令当被处理器执行时使所述处理器执行上述第一方面所述的业务页面定制方法。

第六方面，本发明实施例提供了一种计算机程序，该程序包括计算机软件程序指令，所述程序指令当被处理器执行时使所述处理器执行上述第一方面所述的业务页面定制方法。

附图说明

图1A是本发明实施例提供的一种万维网页面横向布局示意图；

图1B是本发明实施例提供的一种万维网页面纵向布局示意图；

图2是本发明实施例提供的一种用于实现业务页面定制的***架构图；

图3是本发明实施例提供的一种Web UI应用的组成架构示意图；

图4是本发明实施例提供的一种点播内容页面的布局的示意图；

图5是本发明实施例提供的一种组件的示意图；

图6是本发明实施例提供的一种业务页面定制方法的流程图；

图7是本发明实施例提供的用户组装页面资产的逻辑关系示意图；

图8是本发明实施例提供的一种页面定制界面的示意图；

图9是本发明实施例提供的另一种页面定制界面的示意图；

图10是本发明实施例提供的另一种页面定制界面的示意图；

图11是本发明实施例提供的一种布局、组件和业务控制模块的关联关系示意图；

图12是本发明实施例提供的一种页面打包发布模块生成业务页面文件的步骤示意图；

图13是本发明实施例提供的一种计算机设备的结构示意图；

图14是本发明实施例提供的一种业务页面定制***的示意图；

图15是本发明实施例提供的一种终端的结构示意图。

具体实施方式

请参见图2，是本发明实施例提供的一种用于实现业务页面定制的***架构图。***200包括：终端201、服务器202以及网络203。终端201通过网络203与服务器202通信。

其中，终端201可以包括页面定制模块，服务器202可以包括页面打包发布模块。需要说明的是，终端201包括页面定制模块是指终端201具备下述页面定制模块所对应的功能，服务器202包括页面打包发布模块是指服务器202具备下述页面打包发布模块所对应的功能。

页面定制模块的主要功能是导入和管理页面资产，并以图形化的方式呈现给定制人员，为定制人员提供易学易用的页面定制界面。页面资产包括但不限于布局(Layout)、组件(Component)和业务控制模块(Controller)。具体实现中，页面定制模块可以获取预先开发好的备选布局、组件和业务控制模块，并以图形化的方式呈现。页面定制界面中的候选区可以展示各个页面资产的缩略图、详细信息等，以供定制人员进行选择。可选的，该页面定制模块可以是图形化集成开发环境(Integrated Development Environment，IDE)，页面定制模块在接收到定制人员发送的指令后显示页面定制界面。

定制人员通过对页面定制界面上展示的页面资产进行简单的拖曳和界面交互，即可以组装成一个业务页面，页面定制模块生成该业务页面相关的配置信息。具体的，定制人员通过页面定制界面上展示的页面资产选择一个布局，再根据布局的呈现方式选择组件，将选择的各个组件放入该布局上的相应位置。每次放入一个组件，页面定制模块都会呈现该组件的配置项，并且呈现该组件抛出的事件。定制人员为组件的事件选择合适的业务控制模块，并拖放业务控制模块的顺序以控制不同业务控制模块之间的并联和串联的方式。业务控制模块也支持定制人员配置。页面定制模块根据定制人员对各个页面资产的配置，包括对页面资产的选择和串并联方式描述成配置文件，该配置文件还可以包括应用程序(Application，APP)的名称、APP自身的配置信息、页面路由关系、页面的内部配置以及调用的模板、组件情况等，页面定制模块通过网络203将生成的配置文件以及用户选择的页面资产发送给页面打包发布模块。该配置文件可以为JavaScript对象标记语言(JavaScriptObject Notation，JSON)格式文件，记录了业务页面中所有的页面资产的组合信息。

页面打包发布模块会对页面定制模块发送的配置文件进行编译处理，处理完毕后生成业务页面，将业务页面和应用基础(APP Base)层一起打包形成最终的UI APP。本发明实施例中所描述的业务页面包括但不限于Web页面，相应的，UI应用包括但不限于Web UI应用。

本发明实施例中，是以页面定制模块和页面打包发布模块分别设置在不同设备上为例进行的说明。页面定制模块和页面打包发布模块也可以集成在同一台设备上，例如集成在一个终端上，终端具备页面定制模块和页面打包发布模块的功能。具体实现中，还可以是由一个模块实现上述页面定制模块和页面打包发布模块的功能。分成两个独立的模块是为了增加灵活性，方便云化部署和对公众提供服务。

这里介绍一下业务页面和APP基础层的关系。参见图3，是本发明实施例提供的一种Web UI应用的组成架构示意图。如图3所示，Web UI APP的最上层为业务页面定制层，该层包括了主要业务页面，并开放定制。下层的APP的基础层为稳定的基础部分，包括软件开发包层(Software Development Kit，SDK)、数据层(Data Layer)、界面框架层(UIFramework)。SDK层封装了应用需要的所有开发包资源，数据层封装了数据的存取和缓存调用，界面框架层封装了界面窗口管理的能力和事件的分发管理。业务页面定制层包含了资产化可配置的UI页面，这个层将运行在APP Base之上。APP Base的版本定期发布并维护。面向客户交付WebUI产品时，定制活动主要发生上一层，即业务页面定制层。定制人员根据不同客户对UI和业务的不同要求，通过上层的业务页面定制层进行业务页面的组装定制。

下面介绍一下本申请的发明构思。本申请根据复杂业务页面的构成特性，将业务页面开发过程抽象统一，形成了基于资产库的定制方案，通过资产重用和组合实现业务页面的灵活和低成本组装生成。将业务页面进行分解，拆分成可资产化的基本单元，包括布局、组件、业务控制模块等基本元素。这些拆分后的基本单元统一称为页面资产。这些页面资产逻辑清晰，可以分别发布，组装使用。页面资产面向第三方和开发者开放，可以不断得到补充和增强，并作为资产丰富和沉淀。在后续的页面定制中，业务页面的定制就变成了定制人员对这些页面资产的组装和发布，不同的组合生成不同业务页面，该方案大大降低了页面定制的难度和工作量，提升定制效率。

其中，布局为业务页面的布局描述，用于放置组件，布局可以描述各个组件的布放位置。一个业务页面只能选择一种布局。组件用于响应用户的操作或实现页面数据的展示。组件与页面数据建立双向绑定，业务控制模块与页面数据是单向绑定的，业务控制模块执行后会刷新了页面数据，页面数据绑定的组件也会自动刷新。组件变化影响页面数据的改变的例子可例如：1、当进入某一业务页面时，组件上显示影片的平均分，如当前为3星(所有观众的评分平均值)。2、用户也可以提交自己的评分，用鼠标或者遥控器选择星标，并按下OK键确认。3、提交完成，自动刷新最新的平均分。这里抽象组件_评分为S，数据_影片分值为D，业务控制_提交评分为C，业务控制_获取平均评分为E，则上面描述的1、2、3如下实现：进入页面，触发初始化事件Init，执行E，E更新数据D，S随之变化。用户在S上选择评分星级，S会修改D(双向绑定，相互影响)，确认后提交，执行C(C将D取出来提交到计分***)，C执行完又执行E，修改D，S变化了显示实时平均分。

业务控制模块封装了业务，用于实现业务逻辑功能。业务控制模块可以是获取数据，用户操作的响应或者跳转到其他页面等。组件通过事件关联一个或者多个业务控制模块，多个业务控制模块的执行顺序可以是并联或者串联，组件与业务控制模块是单向绑定的。其中，若业务控制模块包括的用户操作的响应可以包括但不限于：用户点击收藏按钮后，内容海报加上已收藏的标识；用户点击购买，内容的介绍上从未订购状态显示为已订购状态。

下面介绍一下上述布局、组件和业务控制模块的特征和表现形式，也提供了JSON格式文件的参考。本发明实施例可以在基于Angular2.0的WebUI产品上落地，为了使各方开发的页面资产在同一个应用平台上能够相互协作，继承复用，组装成业务页面并能正常运行，可以制定页面资产开发规范，遵循该规范的页面资产均可以被资产库IDE导入识别，并在界面展示，供定制人员使用。在实际开发中，每个页面资产都是一个zip包，包中含有对应的超级文本标记语言(Hyper Text Markup Language，HTML)、层叠样式表(CascadingStyle Sheets，CSS)、JavaScript和图片等资源文件，还含有一个JSON文件。该文件描述了当前页面资产的信息、描述、输入、输出、可配置属性等信息。该文件被IDE读取识别，并以表单的方式呈现给定制人员查看或配置。

例如，布局描述了业务页面中各功能区域的基本布局。布局包含展示框架的HTML和基本的CSS。每一个页面都需要使用一个布局来确定该页面的布局，最终页面是横向扩展还是纵向扩展是由布局决定的。在布局中定义了若干可配置区域。这些可配置区域中，可以配置各类组件，用于用户操作或者数据展示。如图4所示，是本发明实施例提供的一种点播内容页面的布局的示意图，点播内容页面的横向模板中，定义若干配置区域用于控件部署(虚线框部分)，例如，包括配置区域1、配置区域2和配置区域3，其中，配置区域1用于放置一个组件，配置区域2用于放置一个组件，配置区域3为一个2×3的列表，可以用于放置6个组件。布局的JSON描述格式可以参见如下格式1所示。

格式1

组件是业务页面中呈现内容的基本元素，是响应用户操作的基本单元。例如按钮控件、电视指南(TV Guide)控件。组件需要部署到布局中定义的配置区域中使用。组件实现对应数据的页面展示，以及内部的相关逻辑。例如TV Guide控件支持节目单的展示，以及上下左右切换节目单，这些都是控件内部实现的逻辑。如图5所示，是本发明实施例提供的一种组件的示意图，图5中共包括8个组件，其中，组件1对应图4中的配置区域1，放置的是视频“猫和老鼠”的海报，组件2对应图4中的配置区域2，放置的是播放按钮，组件3-组件8是对应图4中的配置区域3，放置的与视频“猫和老鼠”相似内容推荐的6个视频的海报。

为了适应更广泛的灵活定制场景，组件对外提供若干属性，供外部修改。定制人员可以在IDE上通过图表直观修改这些属性(例如展示的行数列数等)，也支持将组件处理逻辑绑定到组件的事件中(如按键事件)。组件的JSON描述格式可以参见如下格式2所示。

格式2

其中的attributes节点描述了组件的输入和控制属性，如上述的VODList的输入为VODList，其数据类型为VOD[]，另外还有两个可配置属性ItemCount和Direction，供定制人员配置。events节点描述了组件的输出，即组件会抛出OK_Key事件，同时将点击的VOD的ID通过事件带出。这样的JSON会转换为可视化的表单，供操作员使用。

不同的业务控制模块封装了不同的接口调用，或业务判断或打开窗口或跳转页面的功能。业务控制模块将业务的复杂操作进行包装屏蔽，对外只暴露简单的调用。其封装的业务，可以是数据处理的方法，也可以是调用远端接口获取数据的方法，也可以是页面跳转的方法。业务控制模块的实现也是javascript脚本代码，和描述的JSON文件一起打包成zip压缩文件。业务控制模块的JSON描述格式可以参见如下格式3所示。

格式3

其中的input节点描述了业务控制模块的输入，output节点描述了业务控制模块的输出。数据的输出可以更新页面中的数据变量，继而通过双向绑定响应业务页面的展示。

基于上述图2所示的***架构示意图，图6是本发明实施例提供的一种业务页面定制方法的流程图。该方法包括但不限于如下步骤S601-S603。

S601：显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种。

具体应用中，页面定制界面上可以展示各个页面资产的缩略图、详细信息等，以供用户，例如定制人员进行选择。页面定制界面上也可以不展示各个页面资产的缩略图、详细信息等。可选的，可以通过终端上的页面定制模块显示页面定制界面。具体实现中，定制人员可以通过页面定制模块触发新建业务页面的指令，页面定制模块根据该指令展示页面定制界面。

S602：接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件。

可选的，可以通过终端上的页面定制模块接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件。

具体应用中，定制人员通过页面定制界面上展示的页面资产选择一个布局，再根据布局的呈现方式选择组件，将选择的各个组件放入该布局上的相应位置。每次放入一个组件，页面定制界面都会呈现该组件的配置项，并且呈现该组件抛出的事件。定制人员为组件的事件选择合适的业务控制模块，并拖放业务控制模块的顺序以控制不同业务控制模块之间的并联和串联的方式。业务控制模块也支持定制人员配置。例如，如图7所示，是本发明实施例提供的用户组装页面资产的逻辑关系示意图。如图7所示，定制人员选择第一个布局Layout，再选择了4个组件Component和5个业务控制模块Controller，将其通过页面定制模块进行组装，最终可以生成一个业务页面实例。定制人员将不同的布局、组件、业务控制模块进行组合，便可以形成表现不一、业务功能不一的业务页面了。这样的组合是多种多样的，可以生成灵活的，多种业务和样式的业务页面。以上三类页面资产都是可以独立开发，并导入到页面定制模块的，因此这样的页面资产不断积累和丰富，作为资产在资产库中保存并后续组装中得到重用，开发成果得到最大程度的继承和复用，大大节约了开发和测试的投入，提升定制效率，加速了产品发布速度。

例如，参见图8，是本发明实施例提供的一种页面定制界面的示意图。如图8所示，页面定制界面上可以显示菜单栏，菜单栏中显示的菜单包括但不限于：文件、编辑、视图、格式、工具、数据、帮助。此外，页面定制界面上还可以显示布局、组件和业务控制模块的缩略图。例如，如图8所示，定制人员可以点击“布局”按钮，触发页面定制界面显示所有的布局。如图9所示，定制人员可以点击“组件”按钮，触发页面定制界面显示所有的组件。如图10所示，定制人员可以点击“业务控制”按钮，触发页面定制界面显示所有的业务控制模块。例如，定制人员想要定制一个点播内容页面，如图8所示，定制人员首先可以点击“布局”按钮，页面定制界面显示出所有的布局，定制人员选择第一个横向布局作为该点播内容页面的布局。定制人员可以通过拖曳操作将第一个布局拖到页面中央的编辑区域，进而在选中的该布局中填充组件。然后，如图9所示，定制人员点击“组件”按钮，页面定制界面显示出所有的组件，定制人员选择页面左上区域展示点播海报展示(Poster)组件，下方区域展示运行按钮(Play)组件，右侧的2×3区域展示推荐列表(RecmList)组件。当定制人员为左上区域选择Poster组件后，页面定制界面会弹出该组件的配置界面，定制人员可以配置该Poster组件绑定的数据变量，假设定制人员配置的数据变量为一个点播视频标识(Video On DemandIdentity，VODID)对应的点播视频数据$vod，因此，当点播内容已经订购时，该Poster组件会展示VODID对应的视频内容。若点播内容已经订购，Play组件展示播放的字样，若点播内容没有订购，Play组件展示订购字样。当定制人员为下方区域选择Play组件后，页面定制界面会弹出该组件对应的事件，定制人员可以为该Play组件选择相应的事件，例如，OK按键(OK_Key)事件，之后定制人员为OK_Key事件绑定业务控制模块，例如，定制人员对Play组件的OK_Key事件绑定“运行点播内容”的业务控制模块。因此，当用户点击点播内容页面上的Play组件时，Play组件会抛出一个OK_Key事件，与该OK_Key事件关联的业务控制模块“运行点播内容”会被触发，该业务控制模块的功能就是根据当前VOD是否订购，跳转到播放页面或者订购页面。当定制人员为右侧区域选择RecmList组件后，页面定制界面会弹出该组件的配置界面，定制人员可以配置该RecmList组件绑定的数据变量，假设定制人员配置的数据变量为VODID对应的相似推荐内容数据$recmVODList，该RecmList组件会展示VODID对应的相似推荐内容列表。当定制人员为右侧区域选择RecmList组件后，页面定制界面会弹出该组件对应的事件，定制人员可以为该RecmList组件选择相应的事件，例如，OK按键(OK_Key)事件，之后定制人员为OK_Key事件绑定业务控制模块，例如，定制人员对RecmList组件的OK_Key事件绑定“跳转到指定页面”的业务控制模块。因此，当用户点击点播内容页面上的RecmList组件时，RecmList组件会抛出一个OK_Key事件，与该OK_Key事件关联的业务控制模块“跳转到指定页面”会被触发，该业务控制模块的功能就是根据事件中的推荐内容ID，跳转到对应的内容页面。需要说明的是，图8-图10只是作为一种示例来介绍页面定制界面，并非用于限定页面定制界面的组成结构。

此外，业务页面可以带入参数，如上述点播内容页面支持接收一个点播视频内容ID参数：VODID。当点播内容页面初始化时，会自动触发初始化(Init)事件，该初始化事件可以触发两个并行的业务控制模块的执行，分别是内容详情(ContentDetail)和查询推荐(QueryRecm)，这两个业务控制模块的功能分别是到内容平台查询VODID对应的信息(包括是否订购，海报信息)和到内容平台查询VODID对应的相似推荐内容列表。这两个业务控制模块执行完毕，会根据返回结果刷新页面中的数据变量$vod和$recmVODList。数据变量$vod和$recmVODList与Poster、PlayBtn和RecmList等组件建立了双向绑定，当$vod和$recmVODList变化了，Poster、PlayBtn和RecmList等组件会自行刷新自身的展示，此时页面即可见到VOD的海报、播放按钮和推荐的VOD列表。这里，点播内容页面接收的参数、点播内容页面的初始化事件、以及初始化事件绑定的业务控制模块可以是点播内容页面自身设置的，也可以是由页面定制人员设置的，本发明实施例不作具体限定。上述点播内容页面中的布局、组件和业务控制模块的关联关系可以参见图11。

页面定制模块根据定制人员对各个页面资产的配置，包括对页面资产的选择和串并联方式描述成配置文件，该配置文件还可以包括APP的名称、APP自身的配置信息、页面路由关系、页面的内部配置以及调用的模板、组件情况等，这些信息也支持定制人员配置。页面定制模块将生成的配置文件发送给页面打包发布模块。该配置文件可以为JSON格式文件，记录了业务页面中所有的页面资产的组合信息。

终端上的页面定制模块将生成的配置文件以及用户选择的页面资产发送给终端上的页面打包发布模块。或者，终端上的页面定制模块将生成的配置文件以及用户选择的页面资产发送给服务器上的页面打包发布模块。

S603：对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布。

可选的，可以通过终端或服务器上的页面打包发布模块对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布。

本发明实施例中，页面打包发布模块可以对配置文件进行编译处理，并根据所述配置文件中涉及的用户选择的页面资产生成业务页面，处理完毕后，将业务页面和APPBase一起打包形成最终的UI应用(application，APP)。本发明实施例中所描述的业务页面包括但不限于Web页面，相应的，UI应用包括但不限于Web UI应用。这里，用户选择的页面资产可以相当于业务页面的元数据，只有拿到这些元数据之后，才能将对应的页面资产填入到业务页面的相应文件中。

具体的，页面打包发布模块遍历配置文件中的页面配置，针对每一个业务页面，页面打包发布模块会做如下处理，以下针对业务页面A来进行描述。页面打包发布模块获取业务页面A的布局文件，将业务页面A的初始化事件与对应的业务控制模块绑定，例如，针对上述点播内容页面来说，页面打包发布模块将业务页面的初始化事件绑定两个业务控制模块，分别为内容详情和查询推荐。之后，页面打包发布模块遍历业务页面A中的组件配置，将组件填入业务页面A的布局文件对应的位置，针对业务页面A中的每个组件，遍历该组件的事件配置，将事件与对应的业务控制模块进行绑定，直至遍历完该组件的所有事件，至此，业务页面A的文件即可以生成。如果配置文件中包括多个业务页面的配置文件，则采用上述流程针对每个业务页面执行上述步骤，最终生成所有的业务页面的文件。业务页面的文件生成后，终端运行该文件，就可以展现出该业务页面。该过程可以参考图12。

需要说明的是，绑定是指代码层面的绑定，具体到实现是，发起对某个事件的监听(观察者模式)。位置是指将组件代码放置到布局代码中特定的位置，又称为挂载点，就是说将组件代码放到布局代码中的指定位置，最终生成的页面在执行呈现时，组件即可在操作员预期的位置出现。

需要说明的是，图6所示业务页面定制方案虽然是以Web UI产品为例进行的说明，但是该业务页面定制方案不仅仅适用于Web UI产品的业务页面编排，也可以用于软件即服务(Software-as-a-Service，SAAS)、平台即服务(Platform-as-a-Service，PAAS)云服务相关领域的页面灵活化定制领域。

需要说明的是，在一种实现方式中，终端包括页面定制模块和页面打包发布模块，上述步骤S601-S603均是由终端执行的。

在另一种实现方式中，页面定制模块可以是设置在终端上，页面打包发布模块设置在服务器上。步骤S601和S602是由终端执行的，步骤S603是由服务器执行的。这里，页面定制模块和页面打包发布模块的名称不作具体限定。

通过实施图6所示方法实施例，可以根据客户的需求实现灵活的页面定制，以上三类页面资产都是可以独立开发，并导入到IDE的，因此这样的元素不断积累和丰富，作为资产在资产库中保存并后续组装中得到重用，开发成果得到最大程度的继承和复用，节约了开发和测试的投入，只需要定制人员通过图形化的界面对页面资产进行排列组合，即可快速生成业务页面。通过流水线的整合打包，快速发布上线，节约成本，提升效率。

图13所示为本发明实施例提供的计算机设备的结构示意图。计算机设备1300包括至少一个处理器1301，通信总线1302，存储器1303以及至少一个通信接口1304。

处理器1301可以是一个通用中央处理器(Central Processing Unit，CPU)，微处理器，特定应用集成电路(Application-Specific Integrated Circuit，ASIC)，或一个或多个用于控制本发明方案程序执行的集成电路。

通信总线1302可包括一通路，在上述组件之间传送信息。所述通信接口1304，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如以太网，无线接入网(RadioAccessTechnology，RAN)，无线局域网(Wireless Local Area Networks，WLAN)等。

存储器1303可以是只读存储器(Read-Only Memory，ROM)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(Random Access Memory，RAM)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(ElectricallyErasable Programmable Read-Only Memory，EEPROM)、只读光盘(CompactDisc Read-OnlyMemory，CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过总线与处理器相连接。存储器也可以和处理器集成在一起。

其中，所述存储器1303用于存储执行本发明方案的程序代码，并由处理器1301来控制执行。所述处理器1301用于执行所述存储器1303中存储的程序代码。

在具体实现中，作为一种实施例，处理器1301可以包括一个或多个CPU，例如图13中的CPU0和CPU1。

在具体实现中，作为一种实施例，计算机设备1300可以包括多个处理器，例如图13中的处理器1301和处理器1308。这些处理器中的每一个可以是一个单核(single-CPU)处理器，也可以是一个多核(multi-CPU)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。

在具体实现中，作为一种实施例，计算机设备1300还可以包括输出设备1305和输入设备1306。输出设备1305和处理器1301通信，可以以多种方式来显示信息。例如，输出设备1305可以是液晶显示器(英文：Liquid Crystal Display，简称：LCD)，发光二级管(英文：Light Emitting Diode，简称：LED)显示设备，阴极射线管(英文：Cathode Ray Tube，简称：CRT)显示设备，或投影仪(projector)等。输入设备1306和处理器1301通信，可以以多种方式接受用户的输入。例如，输入设备1306可以是鼠标、键盘、触摸屏设备或传感设备等。

上述的计算机设备1300可以是一个通用计算机设备或者是一个专用计算机设备。在具体实现中，计算机设备1300可以是台式机、便携式电脑、网络服务器、掌上电脑(英文：Personal Digital Assistant，简称：PDA)、移动手机、平板电脑、无线终端设备、通信设备、嵌入式设备或有图13中类似结构的设备。本发明实施例不限定计算机设备1300的类型。

如图2中的终端201可以为图13所示的设备，终端201的存储器中存储了一个或多个软件模块(如交互模块和处理模块)。如图2中的服务器202也可以为图13所示的设备，服务器的存储器中存储了一个或多个软件模块(如交互模块和处理模块)。终端或者服务器可以通过处理器以及存储器中的程序代码来实现软件模块，实现业务页面的定制。

请参见图14，是本发明实施例提供的一种业务页面定制***的示意图。如图14所示，业务页面定制***140包括：终端141和服务器142，其中，终端141包括页面定制模块1411，服务器142包括页面打包发布模块1421。

其中，页面定制模块1411，用于显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；

页面定制模块1411，还用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；

页面打包发布模块1421，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布。

可选的，页面定制模块1411，用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，包括：

接收用户在所述页面定制界面上选择的布局；

接收所述用户针对所述选择的布局配置的M个组件，M为正整数；

接收所述用户针对所述M个组件中的N个组件配置的Q个事件，N为小于或等于M的正整数，Q为大于或等于N的正整数；

接收所述用户针对所述Q个事件配置的业务控制模块。

可选的，页面打包发布模块1421，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，包括：

获取所述配置文件中包含的布局文件，遍历所述配置文件中包含的所述业务页面的组件配置，将所述用户为所述业务页面选择的组件填入所述布局文件中对应的位置；

针对所述业务页面的每个组件，遍历所述每个组件的事件配置，将所述每个组件的事件与所述用户为所述每个组件选择的业务控制模块进行绑定，直至遍历完所述每个组件的所有事件。

可选的，所述配置文件中还包括应用程序APP的名称；所述将所述业务页面打包发布，包括：

将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括件开发包层、数据层、界面框架层中的一种或多种。

可选的，所述配置文件为JavaScript对象标记语言JSON格式文件。

需要说明的是，本发明实施例所描述的页面定制模块1411和页面打包发布模块1421的功能可参见上述方法实施例中的相关描述，此处不再赘述。

请参见图15，是本发明实施例提供的一种终端的结构示意图。如图15所示，终端150包括：页面定制模块151和页面打包发布模块152。

其中，页面定制模块151，用于显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；

页面定制模块151，还用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；

页面打包发布模块152，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布。

可选的，页面定制模块151，用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，包括：

接收用户在所述页面定制界面上选择的布局；

接收所述用户针对所述选择的布局配置的M个组件，M为正整数；

接收所述用户针对所述M个组件中的N个组件配置的Q个事件，N为小于或等于M的正整数，Q为大于或等于N的正整数；

接收所述用户针对所述Q个事件配置的业务控制模块。

可选的，页面打包发布模块152，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，包括：

获取所述配置文件中包含的布局文件，遍历所述配置文件中包含的所述业务页面的组件配置，将所述用户为所述业务页面选择的组件填入所述布局文件中对应的位置；

针对所述业务页面的每个组件，遍历所述每个组件的事件配置，将所述每个组件的事件与所述用户为所述每个组件选择的业务控制模块进行绑定，直至遍历完所述每个组件的所有事件。

可选的，所述配置文件中还包括应用程序APP的名称；所述将所述业务页面打包发布，包括：

将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括件开发包层、数据层、界面框架层中的一种或多种。

可选的，所述配置文件为JavaScript对象标记语言JSON格式文件。

需要说明的是，本发明实施例所描述的页面定制模块151和页面打包发布模块152的功能可参见上述方法实施例中的相关描述，此处不再赘述。

结合本发明实施例公开内容所描述的方法或者算法的步骤可以硬件的方式来实现，也可以是由处理器执行软件程序指令的方式来实现。软件程序指令可以由相应的软件模块组成，软件模块可以被存放于RAM、闪存、ROM、可擦除可编程只读存储器(ErasableProgrammable ROM，EPROM)、电可擦可编程只读存储器(Electrically EPROM，EEPROM)、寄存器、硬盘、移动硬盘、只读光盘(CD-ROM)或者本领域熟知的任何其它形式的存储介质中。一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。当然，存储介质也可以是处理器的组成部分。处理器和存储介质可以位于ASIC中。

本领域技术人员应该可以意识到，在上述一个或多个示例中，本发明实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个程序指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。

以上的具体实施方式，对本发明实施例的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上仅为本发明实施例的具体实施方式而已，并不用于限定本发明实施例的保护范围，凡在本发明实施例的技术方案的基础之上，所做的任何修改、等同替换、改进等，均应包括在本发明实施例的保护范围之内。

Claims (13)

1.一种业务页面定制方法，其特征在于，包括：

显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；

接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；

对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布；

其中，所述对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，包括：

获取所述配置文件中包含的布局文件，遍历所述配置文件中包含的所述业务页面的组件配置，将所述用户为所述业务页面选择的组件填入所述布局文件中对应的位置；

针对所述业务页面的每个组件，遍历所述每个组件的事件配置，将所述每个组件的事件与所述用户为所述每个组件选择的业务控制模块进行绑定，直至遍历完所述每个组件的所有事件。

2.根据权利要求1所述的方法，其特征在于，所述接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，包括：

接收用户在所述页面定制界面上选择的布局；

接收所述用户针对所述选择的布局配置的M个组件，M为正整数；

接收所述用户针对所述M个组件中的N个组件配置的Q个事件，N为小于或等于M的正整数，Q为大于或等于N的正整数；

接收所述用户针对所述Q个事件配置的业务控制模块。

3.根据权利要求1至2任一项所述的方法，其特征在于，所述配置文件中还包括应用程序APP的名称；所述将所述业务页面打包发布，包括：

将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括软件开发包层、数据层、界面框架层中的一种或多种。

4.根据权利要求1至2任一项所述的方法，其特征在于，所述配置文件为JavaScript对象标记语言JSON格式文件。

5.一种业务页面定制方法，其特征在于，包括：

显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；

接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；

对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布；

其中，

所述配置文件中还包括应用程序APP的名称；所述将所述业务页面打包发布，包括：

将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括软件开发包层、数据层、界面框架层中的一种或多种；

其中，所述软件开发包层封装了应用需要的所有开发包资源，所述数据层封装了数据的存取和缓存调用，所述界面框架层封装了界面窗口管理的能力和事件的分发管理。

6.一种业务页面定制***，其特征在于，包括页面定制模块和页面打包发布模块，其中，

所述页面定制模块，用于显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；

所述页面定制模块，还用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；

所述页面打包发布模块，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布；

其中，所述页面打包发布模块，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，具体为：

所述页面打包发布模块，用于获取所述配置文件中包含的布局文件，遍历所述配置文件中包含的所述业务页面的组件配置，将所述用户为所述业务页面选择的组件填入所述布局文件中对应的位置；

所述页面打包发布模块，用于针对所述业务页面的每个组件，遍历所述每个组件的事件配置，将所述每个组件的事件与所述用户为所述每个组件选择的业务控制模块进行绑定，直至遍历完所述每个组件的所有事件。

7.根据权利要求6所述的***，其特征在于，所述页面定制模块，还用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，具体为：

所述页面定制模块，还用于接收用户在所述页面定制界面上选择的布局；

所述页面定制模块，还用于接收所述用户针对所述选择的布局配置的M个组件，M为正整数；

所述页面定制模块，还用于接收所述用户针对所述M个组件中的N个组件配置的Q个事件，N为小于或等于M的正整数，Q为大于或等于N的正整数；

所述页面定制模块，还用于接收所述用户针对所述Q个事件配置的业务控制模块。

8.根据权利要求6至7任一项所述的***，其特征在于，所述配置文件中还包括应用程序APP的名称；所述页面打包发布模块，用于将所述业务页面打包发布，具体为：

所述页面打包发布模块，用于将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括软件开发包层、数据层、界面框架层中的一种或多种。

9.根据权利要求6至7任一项所述的***，其特征在于，所述配置文件为JavaScript对象标记语言JSON格式文件。

10.一种业务页面定制***，其特征在于，包括页面定制模块和页面打包发布模块，其中，

所述页面定制模块，用于显示页面定制界面，所述页面定制界面用于用户选择页面资产，所述页面资产包括布局、组件以及业务控制模块中的一种或多种，其中，所述布局用于描述业务页面中各组件的布放位置，所述组件用于响应用户的操作或实现页面数据的展示，所述业务控制模块用于实现业务逻辑功能；

所述页面定制模块，还用于接收用户在所述页面定制界面上选择的页面资产，以及针对所述页面资产进行的配置，根据所述用户针对所述页面资产的配置生成业务页面的配置文件；

所述页面打包发布模块，用于对所述配置文件进行解析，并根据所述用户选择的页面资产生成业务页面，并将所述业务页面打包发布；

其中，

所述配置文件中还包括应用程序APP的名称；所述页面打包发布模块，用于将所述业务页面打包发布，具体为：

所述页面打包发布模块，用于将所述业务页面与所述APP的基础层一并打包形成用户界面UI产品进行发布，所述APP的基础层包括软件开发包层、数据层、界面框架层中的一种或多种；

其中，所述软件开发包层封装了应用需要的所有开发包资源，所述数据层封装了数据的存取和缓存调用，所述界面框架层封装了界面窗口管理的能力和事件的分发管理。

11.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器用于存储指令和/或数据，所述处理器用于调用所述存储器存储的指令/或数据，执行权利要求1至5任意一项所述的方法。

12.一种计算机存储介质，其特征在于，用于存储计算机软件程序指令，所述程序指令当被处理器执行时使所述处理器执行权利要求1至5任意一项所述的方法。

13.一种计算机程序，其特征在于，

所述计算机程序包括计算机软件程序指令，所述计算机软件程序指令当被处理器执行时使所述处理器行权利要求1至5任意一项所述的方法。

Images