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

权利要求书

1.一种移动端页面生成方法，其特征在于，所述方法包括：

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

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

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

S4、为控件设置数据；

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

2.根据权利要求1所述的移动端页面生成方法，其特征在于，控件的类型包括图片控件、文字控件、导航控件和幻灯片控件；每一类控件对应一个默认模板代码和默认样式，默认样式为控件适应移动终端设备的样式；

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

3.根据权利要求1所述的移动端页面生成方法，其特征在于，所述为控件设置控件模板包括：从系统内置的控件模板中为控件选择相应的控件模板，或者由用户为控件编写相应的控件模板。

4.根据权利要求1-3中任意一项所述的移动端页面生成方法，其特征在于，所述根据页面上的控件、控件模板和设置数据进行页面渲染包括：

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

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

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

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

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

S26、分别把得到的代码加载到页面上，得到完整页面。

5.根据权利要求4所述的移动端页面生成方法，其特征在于，所述步骤S24中调用每个控件的渲染流程，获取每个控件渲染出的HTML代码具体包括：

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

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

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

6.一种移动端页面生成系统，其特征在于，包括：

控件数据库，用于存储各个类型的控件和控件模板；

加载模块，用于将控件加载到页面，调整控件在页面中的展示位置；

设置模块，用于设置控件的控件模板；

数据添加模块，用于供用户为控件设置数据；

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

7.根据权利要求6所述的移动端页面生成系统，其特征在于，控件的类型包括图片控件、文字控件、导航控件和幻灯片控件；每一类控件对应一个默认模板代码和默认样式，默认样式为控件适应移动终端设备的样式；

所述控件模板用来展示控件的样式和动画效果；

所述加载模块具体用于将控件拖动到页面，并通过拖动方式调整控件在页面中的位置。

8.根据权利要求6所述的移动端页面生成系统，其特征在于，所述设置模块包括：

选择单元，用于供用户从所述控件数据库中为控件选择相应的控件模板，

自定义单元，用于供用户为控件编写相应的控件模板。

9.根据权利要求6－8中任意一项所述的移动端页面生成系统，其特征在于，所述渲染模块包括，

第一获取单元，用于获取页面设置的公共信息，所述公共信息包括页面设置的title、meta数据；

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

组装单元，用于按顺序获取页面上所有的控件，把控件组装成一个列表；

渲染单元，用于调用每个控件的渲染流程，获取每个控件渲染出的HTML代码；

第一加载单元，用于把渲染得到的所有控件的HTML代码加载到页面上；

第二加载单元，用于分别把得到的代码加载到页面上，得到完整页面。

10.根据权利要求9所述的移动端页面生成系统，其特征在于，所述渲染单元包括：

第一获取子单元，用于获取用户为控件设置的数据；

第二获取子单元，用于获取控件的控件模板数据；

生成子单元，用于把控件模板中的变量数据替换成用户为控件设置的数据来组装成一段html5代码。