[发明专利]一种移动端页面生成方法及系统

说明书

技术领域

本发明涉及互联网技术领域，特别是一种移动终端页面生成方法及系统。

背景技术

近年来，移动互联网迅猛发展、智能设备呈爆发式增长并展现出巨大的潜力，互联网已经进入了移动智能时代。从终端方面来看，除了智能手机外，智能手表、智能眼镜、智能手环等可穿戴智能设备逐渐步入人们的视野，人与人、人与网络、人与设备之间的交互方式正在改变；互联网接入速度方面，我们正步入4G时代，无论是从接入的便捷性还是传输速度都得到了大幅度的提升。截至2014年6月，我国网民规模达6.32亿，互联网普及率为46.9％，手机上网比例首次超越传统PC上网比例。同时，社会化媒体极大丰富，从微博、微信到社交网站、论坛等等，人们获取信息和服务、交流感情的渠道极大扩展，呈现出多样化的形态。

据不完全统计目前移动端网页浏览量已经达到整体浏览量60％以上，通过移动端成交记录也在慢慢增多，这也从侧面证明了移动端未来的发展前景和巨大的市场。移动端页面制作已经成为当今互联网必不可缺的要素之一。HTML5“一次开发，多处兼容”的特性，使得企业能以最小的开发成本，设计、创造和管理更加先进也更加复杂的应用，并且可以横跨多种平台和设备。业界向HTML5的转变，不仅仅是因为这门编程语言本身的连贯表现和功能创新，还要归功于运行网络应用的浏览器的大幅度改进。越来越多的企业开始放弃使用InternetExplorer，在工作中转而使用Chrome和Firefox—后两者HTML5都有着更好支持。

目前HTML5页面的生成一般是由美术设计师进行整体页面设计，然后由前端工程师对美术设计的页面进行切图、编码然后再到web服务器中发布。但是目前这种流程存在一些问题：第一，HTML5是一种相对新兴的技术目前技术人员比较少，企业很难招到合适的技术人员；第二，HTML5开发相对比较难，前端的工作对开发人员的要求比较高。第三，目前这种先由美术设计，再由前端技术人员开发的实施周期比较长，无法满足当今移动互联网发展的速度。

以上问题导致很多企业创建移动站点速度比较慢，无法追赶高速前进的移动互联网的浪潮，影响企业宣传和移动业务的发展。

发明内容

为了能够提高移动终端页面的生成效率，降低用户构建移动站点的门槛，本发明提出一种基于HTML5的控件渲染模板技术的移动端页面生成方法，其基本构思为：在移动端页面的构建中引入“控件”概念，设置控件模板，通过控件和控件模板自由组装来得到一个页面，最后页面的公式：页面＝N＊(控件+控件模板)，N≥1。

本发明提供一种移动端页面生成方法，所述方法包括：

S1、根据用户需求选取对应类型的控件；

S2、将控件加载到页面，调整控件在页面中的展示位置；

S3、为控件设置控件模板；

S4、为控件设置数据；

S5、根据页面上的控件、控件模板和设置数据进行页面渲染。

具体地，控件的类型包括图片控件、文字控件、导航控件和幻灯片控件；每一类控件对应一个默认模板代码和默认样式，默认样式为控件适应移动终端设备的样式；

所述将控件加载到页面，并调整控件在页面中的展示位置具体为：将控件拖动到页面，并通过拖动方式调整控件在页面中的位置。

具体地，所述为控件设置控件模板包括：从系统内置的控件模板中为控件选择相应的控件模板，或者由用户为控件编写相应的控件模板。

具体地，所述根据页面上的控件、控件模板和设置数据进行页面渲染包括：

S21、获取页面设置的公共信息，所述公共信息包括页面设置的title、meta数据；

S22、获取页面设置的展示样式信息，所述展示样式信息包括页面中所有控件的公共css、js代码；

S23、按顺序获取页面上所有的控件，把控件组装成一个列表；

S24、调用每个控件的渲染流程，获取每个控件渲染出的HTML代码；

S25、把步骤S24得到的所有控件的HTML代码加载到页面上；

S26、分别把得到的代码加载到页面上，得到包含head、title、mete、css、js、body的完整页面。

进一步地，所述步骤S24中调用每个控件的渲染流程，获取每个控件渲染出的HTML代码具体包括：

S11、获取用户为控件设置的数据；

S12、获取控件的控件模板数据；

S13、把控件模板中的变量数据替换成用户为控件设置的数据来组装成一段html5代码。

相应地，本发明还提供了一种移动端页面生成系统，包括：