专利名称：以微技方式开发及访问网页的方法、装置、终端和系统的制作方法
技术领域：
本发明涉及通讯技术领域，特别是涉及一种以微技(Widget)方式开发及访问网页的方法、装置、终端和系统。
背景技术：
随着互联网的不断发展，当前网站的页面已经变得越来越复杂。网页功能的目的性越来越明确，同时功能的重复性越来越高,添加功能变成重复性很高的劳动。但开发人员往往只对某个业务模块或功能模块熟悉，却相对欠缺整体网站部署能力。这会导致网站为了修改某项功能时，而需要动用更多人力财力资源，开发效率低下，维护成本高起。例如，网站更新新闻版块的内容时，也需要其它版块(娱乐、体育等版块)的开发人员一起修改。而普通网站的代码也常常越来越庞大，一个网页涉及的代码关联性常 常很难理解，网页元素之间耦合过于紧密，一旦网页某部分做修改，小则耗时耗力，大则导致网页崩溃。另外一方面,Widget作为一种基于互联网web技术的小工具应用，本身具有web的基本特征,不但能实现普通网页功能，还可以实现用户平台特征的扩展功能，用户体验显著。随着Widget应用的越来越多，互联网上成千上万开发者制作各种丰富多彩的Widget应用，如何有效在网页上重用这些同样是web语言开发的Widget成为一种隐形需求，也是一种商业价值。
发明内容
本发明要解决的技术问题是提供一种以微技方式开发及访问网页的方法、装置、终端和系统，用以解决现有技术由于各版块彼此关联造成网页开发效率低下的问题。为解决上述技术问题，一方面，本发明提供一种以微技方式开发网页的方法，所述方法包括将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个微技Widget包实现；将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包。进一步,在所述Widget包以标签形式嵌入到所述网页中之后,指定所述Widget包的属性。进一步,所述Widget包的属性包括以下属性的一项或多项Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。另一方面，本发明还提供一种访问网页的方法，所述方法包括通过统一资源定位符URL获取网页，解析所述网页的Widget标签，获取Widget包；解析所述Widget包,获取所述Widget包的实际大小,调整布局网页；将所述widget包的内容加载到所述网页中进行显示。再一方面，本发明还提供一种以微技方式开发网页的装置，所述装置包括
功能划分单元，用于将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个Widget包实现；Widget包处理单元,用于将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包。进一步，所述装置还包括属性指定单元，用于指定所述Widget包的属性。进一步,所述Widget包的属性包括以下属性的一项或多项Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。再一方面，本发明还提供一种访问网页终端，所述访问网页终端包括Widget包获取单元,用于通过统一资源定位符URL获取网页，解析所述网页的Widget标签，获取Widget包；Widget包解析单元,用于解析所述Widget包,获取所述Widget包的实际大小,调整布局网页；显示单元,用于将所述widget包的内容加载到所述网页中进行显示。再一方面，本发明还提供一种网页开发及访问系统，包括以微技方式开发网页的装置和访问网页终端；其中，所述装置包括功能划分单元，用于将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个Widget包实现；Widget包处理单元,用于将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包；所述访问网页终端包括Widget包获取单元,用于通过统一资源定位符URL获取网页，解析所述网页的Widget标签，获取Widget包；Widget包解析单元,用于解析所述Widget包,获取所述Widget包的实际大小,调 整布局网页；显示单元,用于将所述widget包的内容加载到所述网页中进行显示。进一步，所述装置还包括属性指定单元，用于指定所述Widget包的属性；所述Widget包的属性包括以下属性的一项或多项=Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。本发明有益效果如下本发明将网页的内容按照功能进行模块化划分，每个功能由一个或若干个Widget包组成，实现了模块化开发网页；网页大部分的资源和代码都放在Widget包中，Widget包以子资源文件的形式存放在客户端缓存中，网页只负责布局这些Widget功能包，从而降低网页开发难度和功能模块的耦合度并提高网页开发代码的重用性，提升网页的部署效率和维护成本；同时达到节省流量的目的。
图I是本发明实施例中一种以微技方式开发网页的方法的流程图2是本发明实施例中一种访问网页的方法的流程图；图3是本发明实施例中一种以微技方式开发网页的装置的结构示意图；图4是本发明实施例中一种访问网页终端的结构示意图。
具体实施例方式为了解决现有技术由于各版块彼此关联造成网页开发效率低下的问题，本发明提供了一种以微技方式开发及访问网页的方法、装置、终端和系统，以下结合附图以及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不限定本发明。
本发明的主要设计思想概括如下首先,选择Widget包并以Widget标签名称加入到HTML网页中，并加上属性描述。通过公开一组扩展HTML (Hypertext Markup Language,超文本标记语言)标签，将网页的内容按照功能进行模块化划分，每个功能由一个或若干个Widget包组成，网页只负责布局这些Widget功能包。其次，实现Widget包的功能,使Widget标签所引用到的Widget包具有指定的功能,具体Widget包的组成模型可以参考现有成熟的Widget规范。最后，终端设备应该能够解析Widget标签并能正确布局渲染Widget标签，最终把具备Widget功能的网页呈现给用户。该发明使开发者容易把开发的Widget包共享、修改、嵌入到网页中。Widget包之间，以及包与网页之间耦合性降低，提高开发效率，形成新的网页开发模型。如图I所示，本发明实施例涉及一种以微技方式开发网页的方法，包括步骤S101，将网页(主网页)的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个Widget包实现。本步骤中，例如，将网页的内容按照功能划分为新闻、体育、娱乐、房产等模块，将涉及新闻的内容封装在一个或多个Widget包里。同理，其它功能模块也可以通过一个或多个Widget包实现。步骤S102,将Widget包以标签形式嵌入到网页中，网页负责布局Widget包。本步骤中，开发主网页，建立网页框架，将Widget包以标签形式嵌入到主网页，力口入在合适的布局中，并指定Widget包的属性。Widget包的属性包括以下属性的一项或多项=Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。可以定义标签名称为Widget,但也不能排除具有类似功能的名称。在开发Widget包中,Widget包以属性中指定的规范实现它的功能，并且配合主网页对该标签的功能需求。主网页合理布局Widget包的位置和显示特色，也可以加入脚本语言对其进行控制。主网页应该按照具体网页功能需求，分别引用不同的Widget包，即引用功能各异的Widget包。Widget包实现对应功能可以采用具体明确的文件格式，该文件符合某种规范，并能实现主网页所需求的功能。Widget包除了能实现普通标准网页的功能之外，还可以实现特定规范的功能，比如调用本系统设备的能力。该Widget包的实现业界已经有成熟的规范采用，比如万维网联盟(World Wide Web Consortium,)制订的W3C标准,联合创新实验室(JIL)制订的WAC(Wholesale Application Community,)标准,开放移动终端平台组织(OMTP)制订BONDI标准等。把Widget包和主网页一起部署发布到网站。该网站会把具体Widget包当作一个资源路径加以管理，供其他模块引用。终端设备用客户端下载网页并能显示。客户端包括浏览器等具备浏览网页功能的客户端软件。除此之外，该客户端还必须支持Widget包的解析，显示等扩展功能。该方案把Widget包当作网页中的资源加以管理，网站非常容易对特定的Widget包进行替换，修改，删除。主网页设计思路主要是布局和管理Widget包的显示，容易实现对网页元素增加好看的特效。而网站开发者则可以把开发的Widget包以文件形式授权给有需求的网页或网站，共享使用，如同使用一张图像一样方便。终端浏览器像下载普通资源一样下载Widget包所实现的文件，并可以缓冲管理，不需重复下载相同的Widget包资源。终 端浏览器需要在标准浏览器功能上扩展功能以应对Widget标签和运行Widget包的支持。以下是以Widget方式开发的一个网页，具体如下
<html>
<head>
〈title〉Widget develop</title>
</head>
<body>
〈Widget src=” first.wgt” >
The browse can’ t support Widget tag</Widget>
〈Widget src=，，second.wgt” >
The browse can’ t support Widget tag</Widget>
</body>
</html>在这个html网页中，包含一个或两个以Widget为标签名的元素，元素属性src指明元素的文件来源，该文件以wgt为后缀名。Widget元素累加显示在body主体元素中。Widet元素作为DOM接口定义为interface HTMLWidgetElement: HTMLElement {
attribute DOMString src;
attribute DOMString xmlns;
attribute unsigned long width;
attribute unsigned long height;
readonly attribute unsigned long WidgetWidth;
readonly attribute unsigned long WidgetHeight;
attribute DOMString poster;
}；HTMLElement为标准的HTML的规范元素，DOM必须支持，它具有标准的属性，以及对应的事件响应。HTMLWidgetElement继承HTMLElement元素的属性，以及对应的事件响应，并增加了特有的附加属性。在这个实施例中，Widget元素的附加属性定义为src,该 Widget 的源文件xmlns,该Widget的规范命名空间width,该Widget的显示窗口宽度height,该Widget的显示窗口高度Widgetffidth, 该Widget本身的实际宽度WidgetHeight 该Widget本身的实际高度poster该Widget发生错误时显示的图片从Widget元素的定义可知，Widget元素具有普通元素的属性，网页开发者可以通过DOM接口用脚本操作普通元素一样对它进行操作，包括CSS的定义以及触发JavaScript函数的事件等。另外，Widget元素的附加属性增加了指定Widget模块的信息，通过这些附加属性，Widget元素可以引用到具体的Widget模块，并以它的内容为渲染结果。如，完整的Widget元素描述为
〈Widget src=” first.wgt” id =，，sampelld”
xmlns=，，http://www.w3 .org/nsAWidgets” width=100 height=200 poster = “error .jpg’’>
The browse can’ t support Widget tag </Widget>上述元素表示在网页布局一个100X200的窗口，窗口内显示一个支持WACWidget规范的first, wgt的内容，如果加载first, wgt失败，则显示error, jpg图片。Widgetffidth和WidgetHeight是从first, wgt文件中读取到的Widget包描述文件的实际尺寸。此外，JS脚本可以通过getElementByld函数获取Widget元素属性，开发者可以静态修改属性也可以通过脚本修改源文件的位置及属性。Widget标签使用src属性引用Widget包,默认扩展名为wgt,应该不限制扩展名，允许使用其他有意义的扩展名。在上述例子中，Widget包引用到的源文件为first.wgt.该文件符合WAC规范，规范全称为，该规范描述了 wgt文件的组成结构。该文件可以在支持WAC规范的网页渲染引擎中显示运行。如图2所示,本发明还涉及一种访问网页的方法,包括步骤S2Ol,通过 URL (Uniform/Universal Resource Locator,统一资源定位符)获取网页(主网页)，浏览器解析主网页HTML，解析Widget标签。Widget只是主网页中的一个元素，具备普通htmlelement的属性。解析网页的Widget标签,通过Widget标签属性请求下载子资源Widget文件。Widget的src属性会指出Widget包文件的路径,可以通过它去下载该文件包。获得Widget包。步骤S202，利用Widget引擎解析Widget包，获取Widget包的实际大小，调整布局网页，使整个页面更合适。步骤S203，主网页依次显示各个元素，遇到Widget元素则利用Widget引擎运行Widget包，widget包的内容加载到网页中进行显示。如图3所示，本发明还涉及一种以微技方式开发网页的装置，包括功能划分单元301，用于将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个Widget包实现；Widget包处理单元302,用于将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包。属性指定单元303，用于指定所述Widget包的属性。Widget包的属性包括以下属性的一项或多项Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。如图4所示,本发明还涉及一种访问网页终端,包括Widget包获取单元401，用于通过统一资源定位符URL获取网页，解析所述网页的Widget标签，获取Widget包；Widget包解析单元402,用于解析所述Widget包，获取所述Widget包的实际大小,调整布局网页；显示单元403,用于将所述widget包的内容加载到所述网页中进行显示。另外，本发明还涉及一种网页开发及访问系统，包括上述实施例涉及的以微技方式开发网页的装置和访问网页终端，由于所述装置和终端之前已经介绍过，则不再重复描述。其中，以微技方式开发网页的装置设置在服务器侧，服务器侧部署采用Widget形式开发的网页，具备提供标准网站的对外服务能力。访问网页终端为客户端，客户端除了具备标准的浏览器功能外，还需要扩展额外Widget引擎功能，主要包括在下载Widget的过程，解析Widget的过程，以及运行Widget的过程。客户端侧的终端采用集成Widget引擎的浏览器。Widget引擎是一种可以解析运行Widget的软件实体，它能跟浏览器无缝连接，它的实现方式即可以单独作为浏览器以外的软件模块，也可以作为浏览器内核中的一个软件模块。该实施例中的主网页“Widget”标签要能被浏览器正确解析，浏览器必须支持WAC运行时，能正确渲染显示Widget元素中的内容。由上述实施例可以看出，本发明将网页的内容按照功能进行模块化划分，每个功能由一个或若干个Widget包组成，实现了模块化开发网页；网页大部分的资源和代码都放在Widget包中，Widget包以子资源文件的形式存放在客户端缓存中，网页只负责布局这些Widget功能包，从而降低网页开发难度和功能模块的耦合度并提高网页开发代码的重用 性，提升网页的部署效率和维护成本；同时达到节省流量的目的。尽管为示例目的，已经公开了本发明的优选实施例，本领域的技术人员将意识到各种改进、增加和取代也是可能的，因此，本发明的范围应当不限于上述实施例。
权利要求
1.一种以微技方式开发网页的方法，其特征在于，所述方法包括 将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个微技Widget包实现； 将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包。
2.如权利要求I所述的以微技方式开发网页的方法，其特征在于，在所述Widget包以标签形式嵌入到所述网页中之后，指定所述Widget包的属性。
3.如权利要求2所述的以微技方式开发网页的方法，其特征在于，所述Widget包的属性包括以下属性的一项或多项 Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。
4.一种访问网页的方法，其特征在于，所述方法包括 通过统一资源定位符URL获取网页，解析所述网页的Widget标签，获取Widget包； 解析所述Widget包,获取所述Widget包的实际大小,调整布局网页； 将所述widget包的内容加载到所述网页中进行显示。
5.一种以微技方式开发网页的装置，其特征在于，所述装置包括 功能划分单元，用于将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个Widget包实现； Widget包处理单元，用于将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包。
6.如权利要求5所述的以微技方式开发网页的装置，其特征在于，所述装置还包括 属性指定单元，用于指定所述Widget包的属性。
7.如权利要求6所述的以微技方式开发网页的装置，其特征在于，所述Widget包的属性包括以下属性的一项或多项 Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。
8.一种访问网页终端，其特征在于，所述访问网页终端包括 Widget包获取单元,用于通过统一资源定位符URL获取网页,解析所述网页的Widget标签，获取Widget包； Widget包解析单元,用于解析所述Widget包,获取所述Widget包的实际大小,调整布局网页； 显示单元，用于将所述widget包的内容加载到所述网页中进行显示。
9.一种网页开发及访问系统，其特征在于，所述系统包括以微技方式开发网页的装置和访问网页终端；其中，所述装置包括 功能划分单元，用于将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个Widget包实现； Widget包处理单元，用于将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包； 所述访问网页终端包括 Widget包获取单元,用于通过统一资源定位符URL获取网页,解析所述网页的Widget标签，获取Widget包； Widget包解析单元,用于解析所述Widget包,获取所述Widget包的实际大小,调整布局网页； 显示单元，用于将所述widget包的内容加载到所述网页中进行显示。
10.如权利要求9所述的网页开发及访问系统，其特征在于，所述装置还包括属性指定单元，用于指定所述Widget包的属性；所述Widget包的属性包括以下属性的一项或多项=Widget包的路径、采用规范、布局大小、渲染模式、更新时间、发布组织和作者。
全文摘要
本发明公开了一种以微技方式开发及访问网页的方法、装置、终端和系统。所述方法包括将网页的内容按照功能划分为不同的模块，每个模块的功能通过一个或多个微技Widget包实现；将所述Widget包以标签形式嵌入到所述网页中，所述网页负责布局所述Widget包。本发明将网页的内容按照功能进行模块化划分，每个功能由一个或若干个Widget包组成，网页大部分的资源和代码都放在Widget包中，Widget包以子资源文件的形式存放在客户端缓存中，网页只负责布局这些Widget功能包，从而降低网页开发难度和功能模块的耦合度并提高网页开发代码的重用性，提升网页的部署效率和维护成本；同时达到节省流量的目的。
文档编号G06F17/30GK102681848SQ20121013446
公开日2012年9月19日 申请日期2012年5月3日 优先权日2012年5月3日
发明者张锐利 申请人:中兴通讯股份有限公司