[发明专利]响应式网页生成方法和装置

说明书

技术领域

本发明涉及互联网技术领域，特别是涉及响应式网页生成方法和装置。

背景技术

响应式网站能够智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局，响应式网站已经成为时下热门的网站架构。

传统响应式网页开发难度较大，往往需要耗费较高的人力成本和时间成本。

发明内容

基于此，有必要针对传统响应式网页开发难度较大，往往需要耗费较高的人力成本和时间成本的缺陷，提供一种响应式网页生成方法和装置。

一种响应式网页生成方法，包括：

基于流式布局显示设计区；

获取拖拽指令，响应所述拖拽指令，在所述设计区内显示区块；

获取对所述区块的设置指令，根据所述设置指令获取区块参数；

根据所述区块参数，生成HTML文件、JS文件和CSS文件；

根据所述HTML文件、所述JS文件和所述CSS文件生成网页。

在其中一个实施例中，所述获取拖拽指令，响应所述拖拽指令，在所述设计区内显示区块的步骤包括：

获取拖拽指令；

获取基本参数；

响应所述拖拽指令，根据所述基本参数在所述设计区内显示所述区块。

在其中一个实施例中，所述区块参数包括特效参数；

所述获取对所述区块的设置指令，根据所述设置指令获取区块参数的步骤包括：

获取对所述区块的下拉框的下拉指令；

根据所述下拉指令获取所述特效参数。

在其中一个实施例中，所述区块参数还包括表单参数；

所述获取对所述区块的设置指令，根据所述设置指令获取区块参数的步骤还包括：

创建表单；

获取对所述表单的表单指令；

根据所述表单指令获取所述表单参数。

在其中一个实施例中，所述生成HTML文件、JS文件和CSS文件的步骤之后还包括：

输出包含所述HTML文件、所述JS文件和所述CSS文件的文本文件，并保存所述文本文件。

一种响应式网页生成装置，包括：

设计区显示模块，用于基于流式布局显示设计区；

区块显示模块，用于获取拖拽指令，响应所述拖拽指令，在所述设计区内显示区块；

区块参数获取模块，用于获取对所述区块的设置指令，根据所述设置指令获取区块参数；

文件生成模块，用于根据所述区块参数，生成HTML文件、JS文件和CSS文件；

网页生成模块，用于根据所述HTML文件、所述JS文件和所述CSS文件生成网页。

在其中一个实施例中，所述区块显示模块包括：

拖拽指令获取单元，用于获取拖拽指令；

基本参数获取单元，用于获取基本参数；

区块显示单元，用于响应所述拖拽指令，根据所述基本参数在所述设计区内显示所述区块。

在其中一个实施例中，所述区块参数包括特效参数；

所述区块参数获取模块包括：

下拉指令获取单元，用于获取对所述区块的下拉框的下拉指令；

特效参数获取单元，用于根据所述下拉指令获取所述特效参数。

在其中一个实施例中，所述区块参数还包括表单参数；

所述区块参数获取模块还包括：

表单创建单元，用于创建表单；

表单指令获取单元，用于获取对所述表单的表单指令；

表单参数获取单元，用于根据所述表单指令获取所述表单参数。

在其中一个实施例中，还包括：

文件保存模块，用于输出包含所述HTML文件、所述JS文件和所述CSS文件的文本文件，并保存所述文本文件。

上述响应式网页生成方法和装置，通过拖拽指令将区块拖拽至设计区并显示，通过对区块的设置指令获取到区块的区块参数，从而根据区块参数生成网页，而无需对网页进行复杂的样式设计以及编程，使得响应式网页生成更为便捷，有效降低了网页开发难度，降低了人力成本和时间成本。

附图说明

图1A为一实施例的响应式网页生成方法的流程示意图；

图1B为另一实施例的响应式网页生成方法的流程示意图；

图1C为另一实施例的响应式网页生成方法的流程示意图；

图1D为另一实施例的响应式网页生成方法的流程示意图；

图1E为另一实施例的响应式网页生成方法的流程示意图；