一种页面生成方法及系统与流程

本发明实施例涉及数据处理技术领域，尤其涉及一种页面生成方法及系统。

背景技术：

随着计算机技术的发展，越来越多的行业通过网页页面进行信息的传播和业务推广，很多网页页面在内容上具有一定的相似性，都是由很多不同的组件组合构成。

但是现有的页面开发流程都是需要熟练掌握Java或者其他技术的开发人员针对每个页面开发一套完整的程序才能实现，开发效率低；并且当页面内容需要调整时，需要通过修改源程序代码的方式实现，操作繁琐，修改工作量大。

技术实现要素：

本发明实施例提供了一种页面生成方法及系统，以实现对页面组件模板的重复利用，提高页面生成效率。

第一方面，本发明实施例提供了一种页面生成方法，该方法包括：

向服务器发送页面生成请求；

接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板；

从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板；

将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面。

进一步地，所述页面生成请求包括页面属性信息，以使服务器返回期望的页面模板文件。

进一步地，所述页面模板文件还包括：页面整体样式风格模板。

进一步地，所述方法还包括：

从所述页面模板文件根据需求选取相应的页面整体样式风格模板；

将所述相应的页面整体样式风格模板发送到服务器。

进一步地，所述将所述相应的交互组件模板以及交互组件样式模板发送到服务器之前，还包括：

根据需求对所述相应的交互组件样式模板的配置数据进行编辑，所述配置数据包括交互组件的大小、形状以及背景颜色。

第二方面，本发明实施例还提供了一种页面生成系统，该系统包括：

请求发送模块，用于向服务器发送页面生成请求；

接收模块，用于接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板；

模板选取模块，用于从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板；

模板发送模块，用于将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面。

进一步地，所述页面生成请求包括页面属性信息，以使服务器返回期望的页面模板文件。

进一步地，所述页面模板文件还包括：页面整体样式风格模板。

进一步地，所述系统还包括：风格模板选取模块，用于从所述页面模板文件根据需求选取相应的页面整体样式风格模板；

风格模板发送模块，用于将所述相应的页面整体样式风格模板发送到服务器。

进一步地，所述系统还包括：

编辑模块，用于在所述将所述相应的交互组件模板以及交互组件样式模板发送到服务器之前，根据需求对所述相应的交互组件样式模板的配置数据进行编辑，所述配置数据包括交互组件的大小、形状以及背景颜色。

本发明实施例提供的一种页面生成方法，通过向服务器发送页面生成请求；并接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板；然后从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板；最后将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面的技术手段，实现了对页面组件模板的重复利用，提高了页面生成效率。

附图说明

图1是本发明实施例一提供的一种页面生成方法流程示意图；

图2是本发明实施例二提供的一种页面生成方法流程示意图；

图3是本发明实施例三提供的一种页面生成系统结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各项步骤的顺序可以被重新安排。当其步骤完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。

实施例一

图1为本发明实施例一提供的一种页面生成方法流程图，该方法可适用于终端开发者根据自己的开发需求开发终端页面的情况，可以由页面生成系统来执行。该系统可通过硬件和/或软件的方式实现。该方法具体包括如下步骤：

步骤110、向服务器发送页面生成请求。

具体的，步骤110为通过终端向服务器发送页面生成请求，所述终端具体可以是手机、平板电脑等，但并不局限于此。所述页面具体是指呈现文字、图形等信息的可视化的信息载体，可以是网页页面，还可以是客户端页面等，根据开发语言和开发环境的不同，可以为不同类型的页面。当需要生成页面时，通过终端向服务器发送页面生成请求，优选地，所述页面生成请求中可以包括页面属性信息，以使服务器返回期望的页面模板文件；所述页面属性信息是指表征页面特征的信息，例如，页面中需要呈现的文字、表格、视频、音频等内容信息，或者页面类型信息，如购物页面、抽奖页面、培训页面等，或者页面适用的人群年龄、性别以及职业特征等信息；服务器接收到这些信息后，以这些信息为依据返回与所述这些信息匹配度相对较高的页面模板文件，即期望的页面模板文件。

步骤120、接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板。

其中，所述本地可以是指终端的硬件存储空间，将服务器返回的页面模板文件保存到本地的目的是为了方便开发人员根据自己的开发需求选取相应的交互组件模板以及对应的交互组件样式模板；每个交互组件都有对应的脚本，通过执行脚本实现组件的效果展示。这种通过直接选取相应的交互组件模板的方法，相比于传统的通过一一编写程序代码的方法，不仅使得开发人员开发页面变的更方便、更快捷，同时更重要地是大大提高了开发效率，节省了资源，对编好的组件模板进行了重复利用。

当然，开发人员还可以在已有的交互组件模板以及交互组件样式模板的基础上进行个性化的编辑操作，例如改变交互组件的背景图、颜色以及字体字号的大小或者组件的大小等。

步骤130、从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板。

优选地，可以通过JavaScript技术选取相应的交互组件模板以及交互组件样式模板。

步骤140、将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面。

服务器根据开发人员选取的交互组件模板以及交互组件样式模板按照默认的页面整体结构样式风格进行页面的生成；当然开发人员也可以自行设置页面的整体结构样式风格，并发送给服务器，服务器将按照开发人员自行设置的页面整体结构样式风格去生成页面。

本实施例提供的一种页面生成方法，通过向服务器发送页面生成请求；并接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板；然后从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板；最后将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面的技术手段，实现了对页面组件模板的重复利用，提高了页面生成效率。

实施例二

图2为本发明实施例二提供的一种页面生成方法流程示意图，在实施例一的基础上，本实施例进行了进一步优化，优化的好处是实现了在重复利用交互组件模板的基础上使生成的页面更加个性化，具体参见图2所示，该方法具体如下：

步骤210、向服务器发送页面生成请求。

步骤220、接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板、交互组件样式模板以及页面整体样式风格模板。

具体的，所述页面整体样式风格指页面上多个交互组件之间的位置关系。

步骤230、从所述页面模板文件根据需求选取相应的交互组件模板、交互组件样式模板以及页面整体样式风格模板。

步骤240、根据需求对所述相应的交互组件样式模板的配置数据进行编辑，所述配置数据包括交互组件的大小、形状以及背景颜色。

例如，所述配置数据具体可以是交互组件的大小、形状、背景颜色、字体字号等；若所述交互组件为下拉列表，所述配置数据具体可以是指下拉列表的列数等；优选地，可以通过CSS(Cascading Style Sheets，级联样式表)、CSS3技术对所述相应的交互组件样式模板的配置数据进行编辑。

步骤250、将所述相应的交互组件模板、交互组件样式模板、页面整体样式风格模板以及编辑好的配置数据发送到服务器，以使服务器生成匹配的页面。

本实施例提供的一种页面生成方法，在实施例一技术方案的基础上，通过在所述页面模板文件中增加页面整体样式风格模板，以及增加“根据需求对所述相应的交互组件样式模板的配置数据进行编辑”的操作，实现了在重复利用交互组件模板的基础上，使得个性化的页面生成更加快捷、高效。

实施例三

图3为本发明实施例三提供的一种页面生成系统的结构框图，典型地，该系统可以集成到终端中，例如手机、平板电脑等；具体参见图3所示，该系统具体包括如下：

请求发送模块310、接收模块320、模板选取模块330和模板发送模块340；其中，请求发送模块310，用于向服务器发送页面生成请求；接收模块320，用于接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板；模板选取模块330，用于从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板；模板发送模块340，用于将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面。

示例性地，所述页面生成请求包括页面属性信息，以使服务器返回期望的页面模板文件。

进一步地，所述页面模板文件还可以包括：页面整体样式风格模板。

进一步地，所述系统还可以包括：风格模板选取模块，用于从所述页面模板文件根据需求选取相应的页面整体样式风格模板；

风格模板发送模块，用于将所述相应的页面整体样式风格模板发送到服务器。

进一步地，所述系统还可以包括：编辑模块，用于在所述将所述相应的交互组件模板以及交互组件样式模板发送到服务器之前，根据需求对所述相应的交互组件样式模板的配置数据进行编辑，所述配置数据包括交互组件的大小、形状以及背景颜色。

本发明实施例提供的一种页面生成系统，通过向服务器发送页面生成请求；并接收服务器根据所述页面生成请求返回的页面模板文件，并保存到本地，其中，所述页面模板文件包括交互组件模板以及交互组件样式模板；然后从所述页面模板文件根据需求选取相应的交互组件模板以及交互组件样式模板；最后将所述相应的交互组件模板以及交互组件样式模板发送到服务器，以使服务器生成匹配的页面的技术手段，实现了对页面组件模板的重复利用，提高了页面生成效率。

上述产品可执行本发明任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例所提供的方法。

本领域技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。