CN101807209A - 网页制作的方法和系统，客户端、服务端 - Google Patents

Abstract

本发明提供了一种网页制作的方法和系统，该系统包括客户端和服务端。本发明还同时公开了一种客户端和服务端。所述网页制作的方法和系统，通过预设具有可视化效果且采用脚本语言进行标准化封装的组件，使得在网页制作过程中，能够利用统一的接口对组件进行参数配置，减少了模板代码编写过程中非标准代码的产生，便于提高代码的重复利用率和正确率；此外，通过将现有技术中分散由多个环节分别进行的网页制作流程改由在网页开发工具中一站式完成，缩短了网页制作的流程，降低了出错的可能性和纠错的时间成本，而且，组件进行参数配置后能够即时获得所述组件的可视化效果，因此进一步降低了网页制作的时间成本和提高了网页开发的效率。

Description

网页制作的方法和系统，客户端、服务端

技术领域

本发明涉及互联网技术，特别涉及一种网页制作的方法和系统，一种客户端以及服务端。

背景技术

目前，网页制作使用的主流编程语言是超文本链接标示语言(HypertextMarkup Language，HTML)。其中，静态html页面由于其响应速度快，安全性高，网络带宽要求低等特点，一直作为直接展示信息时的较佳选择而广泛应用于诸如大型门户网站、数字电视机顶盒等场合。

生成静态html页面的方式有多种：比如，直接编写html源代码并通过所述源代码生成html页面，或者使用模板引擎结合动态数据生成html源代码并通过所述源代码生成html页面等。直接编写html源代码的方式生成静态html页面时，由于一旦对网页结构或内容需要进行改动时，原有的源代码就必须重新编写而无法重复利用，导致这种方法的灵活性太差、时间成本过高，因此目前广泛使用的方式为使用模板引擎结合动态数据来生成html页面，其中，普遍采用的模板引擎包括freemarker、velocity等。

在现有技术中，这种通过模板引擎结合动态数据来生成html页面的方法按照开发流程可以大致分为三个阶段：

1.html基础页面制作阶段：将网页上不会发生变动的部分直接用html表示，这些不会变动的部分构成的就是网页的主体框架，通常将此时的网页称作html基础页面；

2.模板代码编写阶段：将内容经常发生变化或是在网页最终生成的时候才能确定内容的部分(这些部分通常称为动态内容)用模板代码表示，如网页中的广告图片等；

3.模板解析和html页面生成阶段：html基础页面在添加完模板代码后即变成网页模板，此网页模板可被模板引擎的解析程序解析。所述的解析是指解析程序在页面上找到并识别出添加的模板代码，利用该模板代码指示需要填充到此的数据对所述模板代码进行替换、或者在页面上的特定位置(该位置由所述模板代码指示)插入某些标准html代码的段落以实现所述模板代码需要达到的效果——例如动画、幻灯片等。

在现有技术中，所述的三个阶段是三个不同的过程，在流程上相互独立，且分别由不同的开发人员或开发工具分别完成：Html基础页面的制作主要依赖于网页开发工具(常见的如frontpage和dreamweaver)并由页面编辑人员完成，页面编辑人员在编辑完基础html页面后交给模板代码编写人员，由模板代码编写人员在基础html页面中插入模板代码得到网页模板，最后，再将网页模板交给模板解析程序处理得到最终的网页。

在这种开发模式下，从最初的基础html页面到最终的网页，所述网页制作不是一个连续的过程，且各个环节之间耦合性很高，一旦开发环节的某个流程出现错误没有及时发现，就会导致最终得到的网页的页面效果与预期的不同，而且难于发现和定位错误的具体位置，导致纠错的时间成本很高；另一方面，html基础页面与模板代码相结合的方式导致网页源代码中存在html代码与模板代码混合的情况，而模板代码所使用的语言并非标准语言，不同的模板代码编写人员编写的模板代码差异可能会很大，因此这种方式开发得到的网页的源代码可读性不高，一旦需要修改或用于第三方开发时，重复利用已有代码比较困难，因此降低了模板代码的利用率；最后，在添加模板代码得到网页模板后，由于还需要模板解析程序处理才能够得到最终网页，因此添加模板代码后的网页模板不具有即时可见的效果，这就会导致模板代码编写人员难以把握最终生成网页的页面效果，如果解析后发现需要进行修改，就需要后退到网页代码编写阶段再进行修改，开发效率较低。

发明内容

本发明提供了一种网页制作的方法和系统、以及一种客户端和服务端，能够提高网页源代码的可读性和重复利用率，便于保证源代码正确率，同时还能够即时得到网页模板的页面效果，提高网页开发效率。

为实现上述目的，本发明的技术方案具体是这样实现的：

一种网页制作的方法，该方法包括：

客户端向服务端请求获取预设的组件；

服务端保存有预设的组件配置文件，根据客户端的请求向其返回所请求的组件；

客户端将获取的组件插入当前编辑的页面，对所述组件进行参数配置并将配置后的参数通知服务端；

服务端接收客户端发来的配置后的组件参数并进行同步更新，对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端，客户端利用自身所在的网页开发工具中包含的浏览器插件即时获得所述组件的可视化效果；

客户端将所述组件与网页中的固定内容组合得到完成的网页模板。

一种客户端，用于向服务端请求获取预设的组件，将获取的组件插入当前编辑的页面并对所述组件进行参数配置，将配置后的参数通知服务端并接收服务端返回的所述组件对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得参数配置后的组件的可视化效果；将所述组件与网页中的固定内容组合得到完成的网页模板。

一种服务端，用于保存预设的组件配置文件，根据客户端的请求向其返回所请求的组件，接收客户端发来的配置后的组件参数并进行同步更新，对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端。

一种网页制作的系统，包括所述客户端，和连接客户端的所述服务端。

由上述的技术方案可见，本发明提供的网页制作的方法和系统，以及客户端、服务端，首先预设了与各种类型的动态内容对应的具有可视化效果的组件，且所述组件采用脚本语言进行标准化封装从而具有统一的配置接口，在网页制作过程中，通过统一的配置接口对所述组件进行参数配置，能够减少模板代码编写过程中非标准代码的产生，便于提高代码的重复利用率和正确率；此外，本发明实施例将现有技术中分散由多个环节分别进行的网页制作流程改由在网页开发工具中一站式完成，从而缩短了网页制作的流程，降低了出错的可能性和纠错的时间成本，而且，由于所述组件进行参数配置后能够即时获得所述组件的可视化效果，因此进一步降低了网页制作的时间成本和提高了网页开发的效率。

附图说明

图1为本发明实施例中与广告元素对应的广告组件的原始可视化效果示意图；

图2为对图1所示的广告组件，触发其参数配置事件后弹出的参数配置界面的示意图；

图3为本发明实施例中广告组件在完成参数配置后得到的可视化效果示意图；

图4为本发明实施例中网页制作的系统的组成结构示意图；

图5为本发明实施例中网页制作的方法的流程示意图。

具体实施方式

为使本发明的目的、技术方案、及优点更加清楚明白，以下参照附图并举实施例，对本发明进一步详细说明。

本发明实施例首先提供一种网页制作的系统，该系统包括客户端和服务端两部分，其中，客户端集成于网页开发工具当中，除了能够对网页进行基本的编辑操作(即生成html基础页面)，还能够对页面进行具有“所见即所得”效果的可视化编辑处理，从而在网页开发时就能够直接观察得到的网页模板的可视化效果；而服务端则用于对客户端生成模板的处理、管理和其他相关的操作。以下对所述系统进行进一步地详细说明：

本发明实施例对客户端所在的网页开发工具进行了扩展开发，首先，将网页页面上经常发生变动的动态内容划分成不同种类的元素——比如数据库输出元素，广告元素和用户交互元素等，同时，对于每一种元素，预先定义一些工具插件(在本发明实施例下文中称之为可视化组件)用来对所述元素的参数(比如所述元素在页面中的位置、宽高尺寸、背景色、附注的文字内容等)进行配置，元素在页面中的最终可视化效果由这些参数决定。所述的可视化组件，是利用脚本语言编写并预先封装好的一段标准代码——比如在frontpage中通过开发activeX控件或者利用其它脚本语言开发的控件进行实现，并保存在服务端中。

所述可视化组件在页面上具有原始的可视化效果——即，该组件在页面上显示为占据一定范围的图标，如图1所示，图中为与广告元素对应的一种可视化组件(下文中简称为广告组件)，此时该广告组件尚未进行参数配置，故显示为空白组件(即组件内容为空)，虚线部分为所述组件对应的图标在页面中的边界。在客户端的网页开发工具中，双击该组件图标可以触发组件的参数配置事件。对于不同类型的组件，触发参数配置事件后弹出的参数配置界面各不相同，图2所示为双击所述图1中的广告组件后弹出的对应的参数配置界面，由图可见，在所述参数配置界面中可以对该组件的各种参数进行配置和修改。配置完毕的参数通过与服务端的通信协议被上传到服务端，服务端则根据所述配置的参数向客户端返回该组件的html代码，使得客户端能够即时得到该组件的参数配置后的可视化效果，如图3所示，图3中虚线部分为所述广告组件对应的图标在页面中的边界。

引入上述的可视化组件概念后，接下来再详细介绍本发明实施例所提供的网页制作的系统，其组成结构如图4所示，包括客户端410和服务端420；

客户端410，用于向服务端420请求获取预设的组件，将获取的组件插入当前编辑的页面并对所述组件进行参数配置，将配置后的参数通知服务端420并接收服务端420返回的所述组件对应的html代码，利用自身的网页开发工具中包含的浏览器插件即时获得参数配置后的组件的可视化效果；如果所述可视化效果不满足设计要求，则再次执行对所述组件进行参数配置，直到最终得到的可视化效果达到设计要求；将所述可视化效果达到设计要求的组件与网页中的固定内容组合得到最终的网页模板；

服务端420，用于保存预设的组件配置文件，根据客户端410的请求向其返回所请求的组件，接收客户端410发来的配置后的组件参数并进行同步更新，对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端410。

其中，所述客户端410包括组件获取模块411，组件属性配置模块412和组件预览模块413；

组件获取模块411，用于向服务端420请求获取预设的组件，接收服务端420返回的所请求的组件并将其插入当前编辑的页面中；

组件属性配置模块412，用于对所述组件进行参数配置，将配置后的参数通知服务端420；还用于接收组件预览模块413的通知，继续执行对所述组件进行参数配置并将配置后的参数发送到服务端420；

组件预览模块413，用于接收服务端420返回的所述组件对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得参数配置后的组件的可视化效果；如果所述可视化效果不满足设计要求，则通知组件属性配置模块412继续对所述组件进行参数配置。

所述服务端420包括组件请求处理模块421，组件参数同步模块422和代码生成模块423；

组件请求处理模块421，用于保存预设的组件配置文件，根据客户端410的请求向其返回所请求的组件；

组件参数同步模块422，用于接收客户端410发来的配置后的组件参数并进行同步更新；

代码生成模块423，用于对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端410。

较佳地，为了提高数据传输及预设组件数据的安全性，避免非法客户端对服务端的组件属性进行恶意或非法篡改，还可以进一步在所述系统中引入鉴权、授权机制，以保证只有经过授权的客户端才有资格对所述组件参数进行配置修改，此时：

所述客户端410中进一步包括鉴权请求模块414，用于在客户端410连接到服务端420时向其发起鉴权请求，在得到服务端420的授权后再通知组件获取模块411向服务端420请求获取预设的组件；

同时，所述服务端420中进一步包括鉴权模块424，用于在接收到客户端410发起的鉴权请求时，根据预设的安全策略或鉴权算法判断该客户端410的合法性，当判断该客户端410合法时，则向该客户端410返回鉴权通过的消息，否则拒绝该客户端的连接请求。

容易理解，当经过参数配置后的组件的可视化效果达到设计要求后，所述组件加上网页上那些不会发生变动的固定内容(即html基础页面所确定的内容)就得到了一个完成的网页模板。为了节约重复开发的时间成本和提高代码重复利用率，对于具有重复利用价值的网页模板，当在客户端410所在的网页开发工具中编辑完成后，可以进一步将其上传到服务端420中进行保存，当下一次需要进行网页制作时，就可以不必从头开始进行网页制作，而能够直接从服务端420中下载该保存的网页模板，直接使用或者在此基础上进行二次开发——比如对相关组件的位置、大小、动态数据来源等参数进行必要的重新配置即可再次使用，从而能够大大节约开发者的时间和提高效率；而且，在网络环境下，客户端410可以采用分布式结构，从而多个用户分别使用的客户端410都可以向服务端420上传其编辑完成的网页模板，而任何一个客户端410上传的网页模板都可以被整个网络中的其它各客户端410下载和使用，从而能够进一步提高网页模板的重复利用率。相应地，此时所述客户端410中进一步包括：

模板上传下载模块415，用于将完成的模板上传到服务端420，或者从服务端420请求下载已存在的模板并将其作为当前编辑页面提供给组件获取模块411；还用于接收服务端420返回的所述完成的模板或已存在的模板所对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得所述模板的可视化效果。

相应地，此时服务端420中则进一步包括：

模板处理模块425，用于接收和保存客户端410上传的已完成的模板，对所述模板进行解析生成该模板当前对应的具有可视化效果的html代码并返回给客户端410；或者接收客户端410的下载请求，对客户端410请求下载的已存在的模板进行解析生成该模板对应的具有可视化效果的html代码并返回给客户端410。

最后，当网页制作完毕，需要将完成的网页模板结合其动态数据在网络上进行发布，该发布动作既可以由客户端发起，也可以由服务端发起，以下分别进行详细说明：

a)当所述网页发布动作由服务端发起时，则此时服务端420中进一步包括：

网页发布处理模块426，用于选择需要发布的模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置。

需要指出的是，网页在最终发布时需要将各组件与为其配置的参数所指示的动态数据进行结合，因此所述网页发布处理模块426需要将各组件与其对应的数据源进行匹配，所述数据源既可以保存在网页发布处理模块426当中，也可以专门设置一个数据库模块来保存这些数据，本发明实施例对此不做限定。

b)当所述网页发布动作由客户端发起时，则此时服务端420的结构与a中所述相同，不同的只是此时客户端410进一步包括：

网页发布请求模块416，用于选择需要发布的模板并向服务端420发起网页发布请求；

相应地，所述网页发布处理模块426，进一步用于接收客户端410的网页发布请求，根据该请求中指定的网页模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置。

本发明实施例还同时提供一种网页制作的方法，流程如图5所示，其中包括：

步骤501：客户端向服务端请求获取预设的组件，服务端保存有预设的组件配置文件，根据客户端的请求向其返回所请求的组件；

步骤502：客户端将获取的组件插入当前编辑的页面；

步骤503：对所述组件进行参数配置并将配置后的参数通知服务端；

步骤504：服务端接收客户端发来的配置后的组件参数并进行同步更新，对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端，客户端利用自身所在的网页开发工具中包含的浏览器插件即时获得所述组件的可视化效果；

步骤505：当所述可视化效果不满足设计要求时，返回步骤503继续执行，直到所述可视化效果满足设计要求；客户端将所述可视化效果达到设计要求的组件与网页中的固定内容组合得到完成的网页模板。

为了提高数据传输及预设组件数据的安全性，避免非法客户端对服务端的组件属性进行恶意或非法篡改，还可以进一步在所述系统中引入鉴权、授权机制，以保证只有经过授权的客户端才有资格对所述组件参数进行配置修改，此时，所述方法在步骤501之前进一步包括：

步骤500a：客户端连接到服务端并向其发起鉴权请求，服务端接收到客户端发起的鉴权请求后，根据预设的安全策略或鉴权算法判断该客户端的合法性；当判断该客户端合法时，则向该客户端返回鉴权通过的授权消息，否则拒绝该客户端的连接请求；

步骤500b：客户端得到服务端授权后，继续执行步骤501；否则，则终止该流程。

此外，当经过参数配置后的组件的可视化效果达到设计要求后，所述组件加上网页上那些不会发生变动的固定内容(即html基础页面所确定的内容)就得到了一个完成的网页模板。为了节约重复开发的时间成本和提高代码重复利用率，对于具有重复利用价值的网页模板，当在客户端所在的网页开发工具中编辑完成后，可以进一步将其上传到服务端中进行保存，当下一次需要进行网页制作时，就可以不必从头开始进行网页制作，而能够直接从服务端中下载该保存的网页模板，直接使用或者在此基础上进行二次开发——比如对相关组件的位置、大小、动态数据来源等参数进行必要的重新配置即可再次使用，从而能够大大节约开发者的时间和提高效率；而且，在网络环境下，客户端可以采用分布式结构，从而多个用户分别使用的客户端都可以向服务端上传其编辑完成的网页模板，而任何一个客户端上传的网页模板都可以被整个网络中的其它各客户端下载和使用，从而能够进一步提高网页模板的重复利用率。相应地，此时所述方法在步骤505之后还可以进一步包括：

步骤506a：客户端将完成的模板上传到服务端，或者从服务端请求下载已存在的模板并将其作为当前编辑页面；

步骤506b：服务端接收和保存客户端上传的已完成的模板，对所述模板进行解析生成该模板当前对应的具有可视化效果的html代码并返回给客户端；或者接收客户端的下载请求，对客户端请求下载的已存在的模板进行解析生成该模板对应的具有可视化效果的html代码并返回给客户端；

步骤506c：客户端接收服务端返回的所述完成的模板或已存在的模板所对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得所述模板的可视化效果；

步骤506d：如果对此时得到的可视化效果满意，可以直接进入后续的网页发布阶段；而如果不满意，则可以从步骤501开始重新设置新的组件，或者从步骤503开始对组件的参数进行重新配置，具体可以根据用户的需要而定。

最后，当网页制作完毕，需要将完成的网页模板结合其动态数据在网络上进行实际发布(即进行网页发布)，该发布动作既可以由客户端发起，也可以由服务端发起，以下分别进行详细说明：

1)当所述网页发布动作由服务端发起时，则此时所述方法中进一步包括：

服务端选择需要发布的模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置。

2)当所述网页发布动作由客户端发起时，则此时所述方法中进一步包括：

客户端选择需要发布的模板并向服务端发起网页发布请求；

服务端接收客户端的网页发布请求，根据该请求中指定的网页模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置。

由上述可见，本发明实施例提供的网页制作的系统和方法，首先预设了与各种类型的动态内容对应的具有可视化效果的组件，且所述组件采用脚本语言进行标准化封装从而具有统一的配置接口，在网页制作过程中，通过统一的配置接口对所述组件进行参数配置，能够减少模板代码编写过程中非标准代码的产生，便于提高代码的重复利用率和正确率；此外，本发明实施例将现有技术中分散由多个环节分别进行的网页制作流程改由在网页开发工具中一站式完成，从而缩短了网页制作的流程，降低了出错的可能性和纠错的时间成本，而且，由于所述组件进行参数配置后能够即时获得所述组件的可视化效果，因此进一步降低了网页制作的时间成本和提高了网页开发的效率。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (16)

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

客户端向服务端请求获取预设的组件；

服务端保存有预设的组件配置文件，根据客户端的请求向其返回所请求的组件；

客户端将获取的组件插入当前编辑的页面，对所述组件进行参数配置并将配置后的参数通知服务端；

服务端接收客户端发来的配置后的组件参数并进行同步更新，对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端，客户端利用自身所在的网页开发工具中包含的浏览器插件即时获得所述组件的可视化效果；

客户端将所述组件与网页中的固定内容组合得到完成的网页模板。

2.根据权利要求1所述的方法，其特征在于，所述客户端向服务端请求获取预设的组件之前，该方法进一步包括：

客户端连接到服务端并向其发起鉴权请求；

服务端接收到客户端发起的鉴权请求后，根据预设的安全策略或鉴权算法判断该客户端的合法性；当判断该客户端合法时，向该客户端返回鉴权通过的授权消息，否则拒绝该客户端的连接请求；

客户端得到服务端授权后，继续执行所述向服务端请求获取预设的组件的步骤；否则，终止该流程。

3.根据权利要求1所述的方法，其特征在于，得到完成的网页模板之后，该方法进一步包括：

客户端将完成的模板上传到服务端，或者从服务端请求下载已存在的模板并将其作为当前编辑页面；

服务端接收和保存客户端上传的已完成的模板，对所述模板进行解析生成该模板当前对应的具有可视化效果的html代码并返回给客户端；或者接收客户端的下载请求，对客户端请求下载的已存在的模板进行解析生成该模板对应的具有可视化效果的html代码并返回给客户端；

客户端接收服务端返回的所述完成的模板或已存在的模板所对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得所述模板的可视化效果；

若对此时的可视化效果不满意，返回所述客户端向服务端请求获取预设的组件的步骤开始重新获取新的组件，或者返回对所述组件进行参数配置的步骤对组件的参数进行重新配置。

4.根据权利要求1至3中任一项所述的方法，其特征在于，当网页发布由服务端发起时，所述方法中进一步包括：

服务端选择需要发布的模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置。

5.根据权利要求1至3中任一项所述的方法，其特征在于，当网页发布由客户端发起时，所述方法中进一步包括：

客户端选择需要发布的模板并向服务端发起网页发布请求；

服务端接收客户端的网页发布请求，根据该请求中指定的网页模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置。

6.一种客户端，其特征在于，用于向服务端请求获取预设的组件，将获取的组件插入当前编辑的页面并对所述组件进行参数配置，将配置后的参数通知服务端并接收服务端返回的所述组件对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得参数配置后的组件的可视化效果；将所述组件与网页中的固定内容组合得到完成的网页模板。

7.根据权利要求6所述的客户端，其特征在于，所述客户端包括：

组件获取模块，用于向服务端请求获取预设的组件，接收服务端返回的所请求的组件并将其插入当前编辑的页面中；

组件属性配置模块，用于对所述组件进行参数配置，将配置后的参数通知服务端；还用于接收组件预览模块的通知，继续执行对所述组件进行参数配置并将配置后的参数发送到服务端；

组件预览模块，用于接收服务端返回的所述组件对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得参数配置后的组件的可视化效果；如果所述可视化效果不满足设计要求，则通知组件属性配置模块继续对所述组件进行参数配置。

8.根据权利要求7所述的客户端，其特征在于，所述客户端中进一步包括鉴权请求模块，用于在客户端连接到服务端时向其发起鉴权请求，在得到服务端的授权后再通知组件获取模块向服务端请求获取预设的组件。

9.根据权利要求7或8所述的客户端，其特征在于，所述客户端中进一步包括模板上传下载模块，用于将完成的模板上传到服务端，或者从服务端请求下载已存在的模板并将其作为当前编辑页面提供给组件获取模块；还用于接收服务端返回的所述完成的模板或已存在的模板所对应的html代码，利用自身所在的网页开发工具中包含的浏览器插件即时获得所述模板的可视化效果；所述模板为经过参数配置后的组件的可视化效果达到设计要求后，所述组件加上网页中不会发生变动的固定内容得到完成的网页模板。

10.一种服务端，其特征在于，用于保存预设的组件配置文件，根据客户端的请求向其返回所请求的组件，接收客户端发来的配置后的组件参数并进行同步更新，对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端。

11.根据权利要求10所述的服务端，其特征在于，所述服务端包括：

组件请求处理模块，用于保存预设的组件配置文件，根据客户端的请求向其返回所请求的组件；

组件参数同步模块，用于接收客户端发来的配置后的组件参数并进行同步更新；

代码生成模块，用于对参数更新后的组件进行解析生成该组件当前对应的具有可视化效果的html代码并返回给客户端。

12.根据权利要求11所述的服务端，其特征在于，所述服务端中进一步包括鉴权模块，用于在接收到客户端发起的鉴权请求时，根据预设的安全策略或鉴权算法判断该客户端的合法性，当判断该客户端合法时，则向该客户端返回鉴权通过的消息，否则拒绝该客户端的连接请求。

13.根据权利要求11所述的服务端，其特征在于，所述服务端中进一步包括模板处理模块，用于接收和保存客户端上传的已完成的模板，对所述模板进行解析生成该模板当前对应的具有可视化效果的html代码并返回给客户端；或者接收客户端的下载请求，对客户端请求下载的已存在的模板进行解析生成该模板对应的具有可视化效果的html代码并返回给客户端。

14.根据权利要求11、12或13所述的服务端，其特征在于，当所述网页发布动作由服务端发起时，服务端中进一步包括网页发布处理模块，用于选择需要发布的模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置；所述数据源保存在所述网页发布处理模块当中，或保存在服务端预先设置的数据库模块当中。

15.根据权利要求11、12或13所述的服务端，其特征在于，当所述网页发布动作由客户端发起时，客户端选择需要发布的模板并向服务端发起网页发布请求；

服务端中进一步包括网页发布处理模块，用于接收客户端的网页发布请求，根据该请求中指定的网页模板，依次分析模板中包含的各组件并得到组件当前配置的参数，根据参数确定出与所述各组件匹配的数据源；对每一个组件，将该组件的组件代码替换成标准的html代码并将数据源中包含的数据插入到该组件对应的页面位置，完成对所有组件的处理后利用得到的整个页面的标准html代码将网页发布到网络中的指定位置；所述数据源保存在所述网页发布处理模块当中，或保存在服务端预先设置的数据库模块当中。

16.一种网页制作的系统，其特征在于，该系统包括如权利要求6至9任一项所述的客户端，和连接客户端的如权利要求10至15任一项所述的服务端。

Images