[发明专利]简化网页制作的通用方法及系统

权利要求书

1.一种简化网页制作的通用方法，其特征在于，包括：

步骤1：定义数据标准；所述数据标准包括前后台交互的标准及页面标准；

步骤2：定义组件所需要的各种元素；所述元素包括文本框、下拉框、复选框、图片列表、文字列表；

步骤3：定义组件需要暴露的属性；所述属性包括显示的字数、行数、是否显示日期、背景颜色、背景图片；

步骤4：创建通用后台接口，根据接口输入参数和接口输出参数返回任意类型的数据；

步骤5：在style.css中提前定义组件的各种样式；所述样式包括body的样式、外链的样式、DIV的样式、特定页面标签的结构对应的样式；

步骤6：在custom.js中提前定义组件的各种特效；所述特效包括自动滚动特效、下拉框联动特效、同一区域的多标签特效；

步骤7：定义组件类别；所述组件类别包括布局组件和非布局组件；所述布局组件用于对网页模板进行分割，以放入非布局类组件；所述非布局组件包括登录组件、搜索组件、分页组件、文字列表；

步骤8：按照数据标准拖拽元素进行不同类别组件的组装；并根据创建的通用后台接口、style.css和custom.js选择组件的接口、样式和特效；

步骤9：自定义布局组件对网页模板进行分割；

步骤10：拖拽非布局组件到分割后的网页模板内；

步骤11：根据定义的组件需要暴露的属性设置非布局组件的属性；

步骤12：根据编辑设置好的组件，通过创建的通用后台接口加载和渲染页面，预览、保存生成静态页。

2.根据权利要求1所述的简化网页制作的通用方法，其特征在于，所述步骤1中，所述前后台交互的标准包括数据的类型、名称、传输格式的标准；所述页面标准包括HTML标签、CSS样式、JS特效的标准。

3.根据权利要求2所述的简化网页制作的通用方法，其特征在于，所述步骤2中，所述元素由HTML标签、CSS样式、JS特效组成。

4.根据权利要求1所述的简化网页制作的通用方法，其特征在于，所述步骤4中，所述接口输入参数为组件中内置的常量或通过用户自行输入的变量；所述接口输出参数为任意类型的数据，接口输出参数所代表的意义通过组件后台接口类的自定义注解返回给用户。

5.根据权利要求1所述的简化网页制作的通用方法，其特征在于，所述步骤7中，所述布局组件包含单行多列和多行多列两种形式。

6.根据权利要求1所述的简化网页制作的通用方法，其特征在于，所述步骤8还包括：对设置好的组件进行代码的编辑和预览。

7.根据权利要求1所述的简化网页制作的通用方法，其特征在于，所述网页模板具有全局唯一编号。

8.一种简化网页制作的通用系统，其特征在于，包括：

数据标准定义模块，用于定义数据标准；所述数据标准包括前后台交互的标准及页面标准；

组件元素定义模块，用于定义组件所需要的各种元素；所述元素包括文本框、下拉框、复选框、图片列表、文字列表；

组件属性定义模块，用于定义组件需要暴露的属性；所述属性包括显示的字数、行数、是否显示日期、背景颜色、背景图片；

通用接口创建模块，用于创建通用后台接口，根据接口输入参数和接口输出参数返回任意类型的数据；

样式定义模块，用于在style.css中提前定义组件的各种样式；所述样式包括body的样式、外链的样式、DIV的样式、特定页面标签的结构对应的样式；

特效定义模块，用于在custom.js中提前定义组件的各种特效；所述特效包括自动滚动特效、下拉框联动特效、同一区域的多标签特效；

组件类别定义模块，用于定义组件类别；所述组件类别包括布局组件和非布局组件；所述布局组件用于对网页模板进行分割，以放入非布局类组件；所述非布局组件包括登录组件、搜索组件、分页组件、文字列表；

组件组装模块，用于按照数据标准拖拽元素进行不同类别组件的组装；并根据创建的通用后台接口、style.css和custom.js选择组件的接口、样式和特效；

网页模板分割模块，用于自定义布局组件对网页模板进行分割；

非布局组件添加模块，用于拖拽非布局组件到分割后的网页模板内；

组件属性设置模块，用于根据定义的组件需要暴露的属性设置非布局组件的属性；

网页生成模块，用于根据编辑设置好的组件，通过创建的通用后台接口加载和渲染页面，预览、保存生成静态页。