CN115238218A - 网页设计方法及网页设计装置 - Google Patents

Abstract

本发明实施例公开了一种网页设计方法，方法包括：获取构建网页所需要的多个候选组件；根据多个候选组件和多个候选组件的参数得到多组组件元数据；根据多组组件元数据得到参数编辑表单；以及，根据参数编辑表单生成网页。本发明实施例还公开了一种网页设计装置。

Description

网页设计方法及网页设计装置

技术领域

本发明涉及网页设计技术领域，尤其涉及一种网页设计方法及网页设计装置。

背景技术

现在主流的可视化网页的设计器通常作为平台的一部分，不能分离独立使用，生成的代码也不能离开平台运行。现有技术中，需要先对网页中需要用到的数据建立模型，然后设计网页界面，网页界面通常由多个组件构成，组件的参数可以是静态的字符串或数字，也可以使用预先建立的候选组件中编辑器对组件进行修改，最后结合生成网页。这样导致表单和候选组件之间的关系不直观，分开编辑候选组件和表单使得网页设计变得复杂，而且表单必须和候选组件一起使用，使用情景有限，自由度不高。

发明内容

基于此，有必要针对上述问题，提出了一种网页设计方法及网页设计装置。

一种网页设计方法，方法包括：

获取构建网页所需要的多个候选组件；

根据多个候选组件和多个候选组件的参数得到多组组件元数据；

根据多组组件元数据得到参数编辑表单；以及，

根据参数编辑表单生成网页。

可选地，根据多个候选组件和多个候选组件的参数得到多组组件元数据，具体包括：

获取每一个候选组件的组件类型和组件参数；

将每一个组件类型和对应的组件参数进行匹配得到多组组件元数据。

可选地，将每一个组件类型和对应的组件参数进行匹配得到多组组件元数据，具体包括：

获取组件类型的静态参数和动态参数；

获取动态参数中与其他组件类型相关的动态关联参数；

获取动态参数和动态关联参数之间的转化关系；

根据静态参数、动态参数、动态关联参数以及转化关系得到组件元数据。

可选地，在根据多组组件元数据得到参数编辑表单之后，方法还包括：

配置参数编辑表单的可选属性，可选属性包括只读、禁用和文本模式；

配置每一组组件元数据可选属性。

可选地，参数编辑表单为JSON格式。

可选地，候选组件包括表单组件、布局组件和功能组件。

可选地，转化关系以JavaScript字符串的形式表示。

一种网页设计装置，装置包括：

组件模块：用于获取构建网页所需要的多个候选组件；

组件元数据模块：用于根据多个候选组件和多个候选组件的参数得到多组组件元数据；

表单模块：用于根据多组组件元数据得到参数编辑表单；

渲染模块：用于根据参数编辑表单生成网页。

可选地，组件元数据模块具体包括：

第一获取模块：用于获取每一个候选组件的组件类型和组件参数；

匹配模块：用于将每一个组件类型和对应的组件参数进行匹配得到多组组件元数据。

可选地，匹配模块具体包括：

第二获取模块：用于获取组件类型的静态参数和动态参数；

第三获取模块：用于获取动态参数中与其他组件类型相关的动态关联参数；

第四获取模块：用于获取动态参数和动态关联参数之间的转化关系；

转化模块：用于根据静态参数、动态参数、动态关联参数以及转化关系得到组件元数据。

采用本发明实施例，具有如下有益效果：

获取构建网页所需要的多个候选组件，根据多个候选组件和多个候选组件的参数构建参数编辑表单，参数编辑表单包括多组组件元数据，使得表单和候选组件之间的关系更加直观，然后通过一个表单编辑网页中所有候选组件的参数，使得网页的编辑变得简单，提升网页开发人员的开发效率。调节参数编辑表单中的组件元数据得到最终的网页。在本发明中，表单是独立进行编辑的无需和候选组件一起使用。因此，自由度更高，从而可以在更多的场景中使用。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

其中：

图1为本发明第一个实施例中网页设计方法的流程图；

图2为本发明第一个实施例中步骤S102的流程图；

图3为本发明第一个实施例中步骤S1022的流程图；

图4为本发明第一个实施例中参数双向绑定示意图；

图5为本发明第二个实施例中网页设计方法的流程图；

图6为本发明第一个实施例中网页设计装置的结构示意图；

图7为本发明第一个组件元数据模块的结构示意图；

图8为本发明第一个匹配模块的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请结合参看图1，其为本发明第一个实施例中网页设计方法的流程图。其中，本发明实施例提供的网页设计方法具体包括下面步骤。

步骤S101，获取构建网页所需要的多个候选组件。在本实施例中，通过设计器来得到多个候选组件，多个候选组件是在设计器中可以供拖放的组件。其中，多个候选组件可以用 React 或 Vue 组件编写。具体地，候选组件包括表单组件、布局组件和功能组件。

表单组件包括单行文本框、多行文本框、下拉选择框、单选框、复选框、选择人员、组织机构框、富文本编辑器、穿梭框等。富文本编辑器（Multi-function Text Editor，MTE，）是一种可内嵌于浏览器，所见即所得的文本编辑器。富文本编辑器不同于文本编辑器，程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里方便用户编辑文章或信息。

布局组件包括表格布局、标签页、折叠面板、左右布局、上下布局和弹框等

功能组件是在页面上几乎不看到的组件，功能组件用于提供特定的功能，例如右键菜单、Ajax等，其中，Ajax即Asynchronous JavaScript And XML用来描述一种使用现有技术集合的新方法，包括: HTML 或 XHTML， CSS， JavaScript， DOM， XML， XSLT，以及最重要的XMLHttpRequest。使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要刷新整个页面，这使得程序能够更快地回应用户的操作。

步骤S102，根据多个候选组件和多个候选组件的参数得到多组组件元数据。在本实施例中，根据网页的设计需求将多个候和多个候选组件的参数得到多组组件元数据，再根据多组组件元数据得到参数编辑表单，参数编辑表单用于编辑多个候选组件的各种参数，可以理解地，参数编辑表单包括多组组件元数据。具体内容请参照步骤S1021-步骤S1022。

候选组件的参数通常由组件的类型决定，不同组件类型的参数也不同。例如文本框组件有校验规则、占位符、等参数。在一些可行的实施例中，不同的组件类型也有共同参数，比如组件元数据都包括设置只读、禁用和文本模式等参数。在本实施例中，编辑组件参数的表单使用JSON格式的配置文件定义。

步骤S103，根据多组组件元数据得到参数编辑表单。具体地，将多组组件元数据存储在同一文件中，该文件为JSON格式，其他可用于存储大量数据的文件格式也可以应用于本发明。在本实施例中，参数编辑表单调整组件时，可以传额外的参数。因此可以按照约定的参数名给组件传递参数，组件内也可以按照约定的参数名取出参数。所有在参数编辑表单中的组件有唯一的id，按照约定，组件把这个id反映在元素上，例如一个div元素的data-id属性上。那么参数编辑表单如果需要寻找特定id的组件在文档中的位置，只需要找到data-id的值和特定id一致的元素即可。例如，元素的属性就是data-id。

步骤S104，根据参数编辑表单生成网页。具体地，将参数编辑表单中参数之间的表达式转换成方法，就是把组件元数据里字符串形式的JavaScript代码转换成可以执行的代码目，在一些可行的实施例中，在页面处理的参数使用eval()或newFunction()方法。在服务器处理参数时，把组件元数据转换成JavaScript代码或以JSONP形式传给正在进行编辑的页面的参数编辑表单。在本实施例中，组件的行为和表现由参数决定，所以如果组件的默认参数不能让组件的行为和表现满足要求，调整参数编辑表单中参数可使其满足要求。例如一个单行文本框组件，现在需要它的宽度为200个像素，那么需要调整宽度参数为200像素，另一方面，组件的参数可以通过编辑设计器右边的表单调整。最终利用渲染器将参数编辑表单中数据转为网页页面进行显示。

本实施例通过获取构建网页所需要的多个候选组件，根据多个候选组件和多个候选组件的参数构建参数编辑表单，参数编辑表单包括多组组件元数据，使得表单和候选组件之间的关系更加直观，然后通过一个表单编辑网页中所有参数，使得网页的编辑变得简单，提升网页开发人员的开发效率。调节参数编辑表单中的组件元数据得到最终的网页。在本发明中，表单是独立进行编辑的。因此，本发明的自由度更高，从而可以在更多的场景中使用。

在一些可行的实施例中，根据用户的需求从多个候选组件中选取若干用于构建网页的组件。具体地，首先从设计器中确认诸如当前的网页是否处于编辑状态，当当前网页处于编辑状态时，通过拖拽用于构建网页的组件至编辑页面，进行网页的编辑工作。

请结合参看图2，其为本发明第一个实施例中步骤S102的流程图。其中，根据多个候选组件和多个候选组件的参数得到多组组件元数据。具体包括下面步骤。

步骤S1021，获取每一个候选组件的组件类型和组件参数。获取每一个用于构建网页的组件类型和组件参数。在本实施例中，当编辑页面进行更新时，定位组件在网页中的位置的元素属性等参数，同时更新参数编辑表单。在本实施例中，候选组件使用 React 或Vue 编写。具体内容请参照步骤S301-步骤S304。在本实施例中，一个组件类型的参数可能和其他另外的组件的参数有关联，通过将参数和组件进行双向绑定，当参数编辑表单中的参数进行变化时，编辑界面显示的对应组件也会发生变化。当对编辑界面显示的对应组件进行更改时，参数编辑表单中的参数也会相应进行变化。

步骤S1022，将每一个组件类型和对应的组件参数进行匹配得到多组组件元数据。根据多组组件元数据得到参数编辑表单。在本实施例中，通过组件与参数对应的组件元数据得到参数编辑表单。上述实施例中，把组件的参数和组件的名称组合成组件元数据，实现了组件与参数解耦的网页开发方式，使得网页的编辑能够更加灵活应对复杂的使用情景，简化使用方法。

请结合参看图3，其为本发明第一个实施例中步骤S1022的流程图。其中，步骤S1022，将每一个组件类型和对应的组件参数进行匹配得到多组组件元数据。具体包括下面步骤。

步骤S301，获取组件类型的静态参数和动态参数。在本实施例中，静态参数是预先设置好的参数。静态参数在组件确认后不会进行更改。动态参数是根据网页变化以及组件参数变化进行变化的参数，动态参数实时更新。动态参数与组件双向绑定。

步骤S302，获取动态参数中与其他组件类型相关的动态关联参数，动态关联参数根据其他组件类型的参数进行更新。具体地，请结合参看图4，过程1表示组件甲的参数A控制组件甲。

步骤S303，获取动态参数和动态关联参数之间的转化关系。请再次结合参看图4，过程2表示组件甲的动态参数A 使用了表达式动态计算，表达式中引用了组件乙的参数B。过程3表示组件乙的参数B控制组件乙。过程4表示组件乙可在获取研发人员输入时修改自身的参数B。转化关系可以是公式也可以是其他形式的关联关系。本实施例中提到的组件以及参数仅为示例不做限定。在实际应用中组件可以根据需要绑定指定的动态参数或者是静态参数。

步骤S304，根据静态参数、动态参数、动态关联参数以及转化关系得到组件元数据。具体地，转化关系以JavaScript字符串的形式表示，将参数与组件之间的关系，以及参数与参数之间的关系通过JavaScript字符串的形式表示。在第一次渲染网页时，组件甲的参数A的表达式引用组件乙的参数B。组件乙把组件甲的参数A标记为监听者。当组件乙更新参数B，组件甲的参数A被标记为待更新，在下次渲染时重新计算。

在本实施例中，参数 value1 和 参数 value2 可以在同一个组件上， 也可以分别在两个组件上。当两个双向绑定的动态参数分别叫做 value3和 value4， 如果修改value3的值， value4 的值也会跟着修改， 修改 value4 的值 value3的值也同时改变。

上述实施例中，利用双向绑定的动态参数快速调整网页上的内容，通过对指定参数的调整能够快速的对网页上的组件进行修改，提升了修改网页的灵活性。

请结合参看图5，其为本发明第二个实施例中网页设计方法的子流程图。第二实施例提供的网页设计方法与第一实施例提供的网页设计方法的差异在于在根据多组组件元数据得到参数编辑表单之后，第二实施例提供的网页设计方法还包括下面步骤。

步骤S501，配置参数编辑表单的可选属性，可选属性包括只读、禁用和文本模式。

步骤S502，配置每一组组件元数据可选属性。

在本实施例中，添加一些参数编辑表单的属性，例如属性为只读的参数编辑表单的参数无法进行修改。例如，单行文本框的宽度。在本实施例中是不可以进行修改的静态参数。这样能够保证网页显示界面一些一致性。例如，属性为文本模式的参数编辑表单的参数进行修改。具有修改权限的用户，在确认用户身份后对参数编辑表单一些属性和参数进行修改，用户数据的数据可以作为输入的参数，也作为输出的参数， 即组件内部可以对参数进行修改，例如单行文本框中显示的值。

在一些可行的实施例中，网页上显示一个单行文本框时，可以通过修改参数编辑表单中对应的参数来修改它里面的显示值。在另一些可行的实施例中，也可以在单行文本框里使用键盘修改它的值。

上述实施例中，提供了多种对网页进行修改的方式，大大提高了网页设计的灵活性，从而提升研发人员的开发效率。

本实施例还提供一种网页设计装置800，网页设计装置800包括，组件模块810、组件元数据模块820、表单模块830和渲染模块840。

组件模块810用于获取构建网页所需要的多个候选组件。在本实施例中，通过设计器来得到多个候选组件，多个候选组件是在设计器中可以供拖放的组件。其中，多个候选组件可以用 React 或 Vue 组件编写。具体地，候选组件包括表单组件、布局组件和功能组件。

表单组件包括单行文本框、多行文本框、下拉选择框、单选框、复选框、选择人员、组织机构框、富文本编辑器、穿梭框等。富文本编辑器（Multi-function Text Editor，MTE，）是一种可内嵌于浏览器，所见即所得的文本编辑器。富文本编辑器不同于文本编辑器，程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里方便用户编辑文章或信息。

布局组件包括表格布局、标签页、折叠面板、左右布局、上下布局和弹框等

功能组件是在页面上几乎不看到的组件，功能组件用于提供特定的功能，例如右键菜单、Ajax等，其中，Ajax即Asynchronous JavaScript And XML用来描述一种使用现有技术集合的新方法，包括: HTML 或 XHTML， CSS， JavaScript， DOM， XML， XSLT，以及最重要的XMLHttpRequest。使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要刷新整个页面，这使得程序能够更快地回应用户的操作。

组件元数据模块820用于根据多个候选组件和多个候选组件的参数得到多组组件元数据。在本实施例中，根据网页的设计需求将多个候和多个候选组件的参数得到多组组件元数据，再根据多组组件元数据得到参数编辑表单，参数编辑表单用于编辑多个候选组件的各种参数，可以理解地，参数编辑表单包括多组组件元数据。具体内容请参照步骤S1021-步骤S1022。

候选组件的参数通常由组件的类型决定，不同组件类型的参数也不同。例如文本框组件有校验规则、占位符、等参数。在一些可行的实施例中，不同的组件类型也有共同参数，比如组件元数据都包括设置只读、禁用和文本模式等参数。在本实施例中，编辑组件参数的表单使用JSON格式的配置文件定义。

表单模块830用于根据多组组件元数据得到参数编辑表单。具体地，将多组组件元数据存储在同一文件中，该文件为JSON格式，其他可用于存储大量数据的文件格式也可以应用于本发明。在本实施例中，参数编辑表单调整组件时，可以传额外的参数。因此可以按照约定的参数名给组件传递参数，组件内也可以按照约定的参数名取出参数。所有在参数编辑表单中的组件有唯一的id，按照约定，组件把这个id反映在元素上，例如一个div元素的data-id属性上。那么参数编辑表单如果需要寻找特定id的组件在文档中的位置，只需要找到data-id的值和特定id一致的元素即可。例如，元素的属性就是data-id。

渲染模块840用于根据参数编辑表单生成网页。具体地，将参数编辑表单中参数之间的表达式转换成方法，就是把组件元数据里字符串形式的JavaScript代码转换成可以执行的代码目，在一些可行的实施例中，在页面处理的参数使用eval()或newFunction()方法。在服务器处理参数时，把组件元数据转换成JavaScript代码或以JSONP形式传给正在进行编辑的页面的参数编辑表单。在本实施例中，组件的行为和表现由参数决定，所以如果组件的默认参数不能让组件的行为和表现满足要求，调整参数编辑表单中参数可使其满足要求。例如一个单行文本框组件，现在需要它的宽度为200个像素，那么需要调整宽度参数为200像素，另一方面，组件的参数可以通过编辑设计器右边的表单调整。最终利用渲染器将参数编辑表单中数据转为网页页面进行显示。

本实施例通过获取构建网页所需要的多个候选组件，根据多个候选组件和多个候选组件的参数构建参数编辑表单，参数编辑表单包括多组组件元数据，使得表单和候选组件之间的关系更加直观，然后通过一个表单编辑网页中所有参数，使得网页的编辑变得简单，提升网页开发人员的开发效率。调节参数编辑表单中的组件元数据得到最终的网页数据，根据网页数据得到网页。在本发明中，表单是独立进行编辑的。因此，本发明的自由度更高，从而可以在更多的场景中使用。

在一些可行的实施例中，根据用户的需求从多个候选组件中选取若干用于构建网页的组件。具体地，首先从设计器中确认诸如当前的网页是否处于编辑状态，当当前网页处于编辑状态时，通过拖拽用于构建网页的组件至编辑页面，进行网页的编辑工作。

在本实施例中，组件的行为和表现由参数决定，所以如果组件的默认参数不能让组件的行为和表现满足要求，调整参数可使其满足要求. 例如一个单行文本框组件，现在需要它的宽度为200个像素，那么需要调整宽度参数为200像素，另一方面，组件的参数可以通过编辑设计器右边的表单调整。

渲染模块840：用于根据所述网页数据得到所述网页。具体地，将参数之间的表达式转换成方法，就是把组件元数据里字符串形式的JavaScript代码转换成可以执行的代码目在一些可行的实施例中，在页面处理的参数使用 eval() 或 new Function 方法。在服务器端处理参数中，把组件元数据转换成 JavaScript 代码或以 JSONP形式传给正在进行编辑的页面。

进一步地，请结合参看图7，其为本发明第一个组件元数据模块的结构示意图。组件元数据模块820具体包括第一获取模块821和匹配模块822。

其中，第一获取模块821：用于获取每一个候选组件的组件类型和组件参数。在本实施例中，当编辑页面进行更新时，定位组件在网页中的位置的元素属性等参数，同时更新参数编辑表单。在本实施例中，候选组件使用 React 或 Vue 编写。一个组件类型的参数可能和其他另外的组件的参数有关联，通过将参数和组件进行双向绑定，当参数编辑表单中的参数进行变化时，编辑界面显示的对应组件也会发生变化。当对编辑界面显示的对应组件进行更改时，参数编辑表单中的参数也会相应进行变化。

匹配模块822：用于将每一个组件类型和对应的组件参数进行匹配得到多组组件元数据。在本实施例中，通过组件与参数对应的组件元数据得到参数编辑表单。上述实施例中，把组件的参数和组件的名称组合成组件元数据，实现了组件与参数解耦的网页开发方式，使得网页的编辑能够更加灵活应对复杂的使用情景，简化使用方法。

更近一步地，请结合参看图8，其为本发明第一个匹配模块的结构示意图。匹配模块822具体包括第二获取模块8221、第三获取模块8222、第四获取模块8223以及转化模块8224。

第二获取模块8221用于获取组件类型的静态参数和动态参数。在本实施例中，静态参数是预先设置好的参数。静态参数在组件确认后不会进行更改。动态参数是根据网页变化以及组件参数变化进行变化的参数，动态参数实时更新。动态参数与组件双向绑定。

第三获取模块8222用于获取动态参数中与其他组件类型相关的动态关联参数。具体地，请结合参看图4，过程1表示组件甲的参数A控制组件甲。

第四获取模块8223用于获取动态参数和动态关联参数之间的转化关系。请再次结合参看图4，过程2表示组件甲的动态参数A 使用了表达式动态计算，表达式中引用了组件乙的参数B。过程3表示组件乙的参数B控制组件乙。过程4表示组件乙可在获取研发人员输入时修改自身的参数B。转化关系可以是公式也可以是其他形式的关联关系。本实施例中提到的组件以及参数仅为示例不做限定。在实际应用中组件可以根据需要绑定指定的动态参数或者是静态参数。

转化模块8224用于根据静态参数、动态参数、动态关联参数以及转化关系得到组件元数据。具体地，转化关系以JavaScript字符串的形式表示，将参数与组件之间的关系，以及参数与参数之间的关系通过JavaScript字符串的形式表示。在第一次渲染网页时，组件甲的参数A的表达式引用组件乙的参数B。组件乙把组件甲的参数A标记为监听者。当组件乙更新参数B，组件甲的参数A被标记为待更新，在下次渲染时重新计算。

上述实施例中，利用双向绑定的动态参数快速调整网页上的内容，通过对指定参数的调整能够快速的对网页上的组件进行修改，提升了修改网页的灵活性。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种网页设计方法，其特征在于，所述方法包括：

获取构建网页所需要的多个候选组件；

根据所述多个候选组件和所述多个候选组件的参数得到多组组件元数据；

根据所述多组组件元数据得到参数编辑表单；以及，

根据所述参数编辑表单生成所述网页。

2.根据权利要求1所述的网页设计方法，其特征在于，所述根据所述多个候选组件和所述多个候选组件的参数得到多组组件元数据，具体包括：

获取每一个候选组件的组件类型和组件参数；

将每一个组件类型和对应的组件参数进行匹配得到所述多组组件元数据。

3.根据权利要求2所述的网页设计方法，其特征在于，将每一个组件类型和对应的组件参数进行匹配得到所述多组组件元数据，具体包括：

获取所述组件类型的静态参数和动态参数；

获取所述动态参数中与其他组件类型相关的动态关联参数；

获取所述动态参数和所述动态关联参数之间的转化关系；

根据所述静态参数、所述动态参数、所述动态关联参数以及所述转化关系得到所述组件元数据。

4.根据权利要求1所述的网页设计方法，其特征在于，在根据所述多组组件元数据得到参数编辑表单之后，所述方法还包括：

配置所述参数编辑表单的可选属性，所述可选属性包括只读、禁用和文本模式；

配置每一组组件元数据的可选属性。

5.根据权利要求1至4中任一项所述的网页设计方法，其特征在于，所述参数编辑表单为JSON格式。

6.根据权利要求1至4中任一项所述的网页设计方法，其特征在于，所述候选组件包括表单组件、布局组件和功能组件。

7.根据权利要求3所述的网页设计方法，其特征在于，所述转化关系以JavaScript字符串的形式表示。

8.一种网页设计装置，其特征在于，所述装置包括：

组件模块：用于获取构建网页所需要的多个候选组件；

组件元数据模块：用于根据多个候选组件和多个候选组件的参数得到多组组件元数据；

表单模块：用于根据多组组件元数据得到参数编辑表单；

渲染模块：用于根据参数编辑表单生成网页。

9.根据权利要求8所述的网页设计装置，其特征在于，所述组件元数据模块具体包括：

第一获取模块：用于获取每一个候选组件的组件类型和组件参数；

匹配模块：用于将每一个组件类型和对应的组件参数进行匹配得到所述多组组件元数据。

10.根据权利要求9所述的网页设计装置，其特征在于，所述匹配模块具体包括：

第二获取模块：用于获取所述组件类型的静态参数和动态参数；

第三获取模块：用于获取所述动态参数中与其他组件类型相关的动态关联参数；

第四获取模块：用于获取所述动态参数和所述动态关联参数之间的转化关系；

转化模块：用于根据所述静态参数、所述动态参数、所述动态关联参数以及所述转化关系得到所述组件元数据。

Images