本发明专利技术提出了一种网页与文档对象模型的对应装置和方法，属于计算机技术领域。本发明专利技术实施例在文档对象模型模块存储每一框体的内容，并存储每一框体对应的在页面中的绝对位置，以将内容与Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式，可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本发明专利技术实施例可以解决现有技术中Portal布局的网页中应用Flash后，拖动框体会造成Flash失效的问题，且能够使Portal布局的网页结构更为简单，提高系统的灵活性。
【技术实现步骤摘要】
本专利技术涉及计算机
，特别涉及。
技术介绍
Portal是一种互联网页面编程语言，通常用来提供个性化、单次登录、聚集各个信息源的内容，并作为信息系统表现层的宿主。文档对象模型(Docuement Object Model, DOM)是W3C组织推荐的处理XML的标准适配器。传统的Portal布局是利用HTML网页中不同层(DIV)之间的位置互斥实现的，当Portal的应用程序框体移动的时候，就会产生相对 DOM文档流的节点移动。页面“相对DOM文档流的节点移动”就是指一个DOM节点(如XML 元素、HTML标签)相对于它在文档中的原本位置移至其他DOM节点的前后或者里面，并不是指这个DOM节点在图形界面上的坐标移动。现有的DOM采用以下结构<div><div class =〃 coll" ><div id =" contentl" >. . . </div><div id =" content2〃 >. . . </div></div><div class =〃 col2〃 ><div id =" contents" >. . . </div><div id =" content4〃 >. . . </div></div></div>其中，每一个ID对应的是一个框体，以及该框体在Portal页面的第χ行第y列的位置。因此一旦该框体被拖动、删除，或是增加了一个框体，框体在DOM中的相对位置就会改变。用户拖拽框体时，实质上是在改变该DOM文档的结构。例如若contentl的文档结构位置被移动至content2后或者col2内，那contentl即产生了相对文档流的节点移动。 而该种DOM文档结构，就是传统的Portal页面的DOM文档结构，它使用一些样式(如浮动、 边距等)使得该文档结构展示成Portal式的框体页面。Flash是一种交互式矢量多媒体技术，Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。Flash控件可以将Flash内部的一些函数(使用ActionScript编写) 向网页上的JavaScript暴露成一个该Flash控件所在的DOM节点的对象的一个函数，借此达到JavaScript可控制Flash控件的目的。当页面中包含有Flash插件时，一旦在页面中拖动框体移动时，被移动的了 DOM节点的Flash控件会重新载入内容，Flash控件内用户填写、创建的内容将会丢失。而主流浏览器的Flash插件并未考虑这样的问题例如MozillaFirefox系列00147浏览器，Flash控件内用户填写、创建的内容将会丢失。而在Microsoft Internet Explorer系列浏览器， 则会丢失该Flash控件的Flash回调函数，网页将无法跟Flash控件进行交互。为了避免这种问题，现有的一些支持Portal的内容管理系统采用了前后台分治的模式来让用户自主布局。在默认的前台模式，所有页面内容都载入，但应用程序的框体不可以拖拽；在后台模式，框体能够拖拽，但页面上的框体内容将不被载入，只留下占位用的示意框体。这种分治的模式就避免了有Flash内容的框体的移动。在实现本专利技术的过程中，专利技术人发现现有技术至少存在以下问题现有技术中的这种前后台分治的模式，当用户要移动框体时，要切换页面到不同的模式，操作过后还要保存，冗余的步骤太多。同时，开发人员必须写两套甚至多套页面来进行管理。
技术实现思路
为了解决现有技术中存在的在应用Portal布局的页面中使用Flash时，采用前后台分治带来的系统复杂和编程效率低的问题，本专利技术实施例提出了。所述技术方案如下本专利技术实施例提出了一种网页与文档对象模型的对应装置，包括文档对象模型模块，用于存储所述页面中每一框体的内容以及每一框体对应的绝对位置。作为上述技术方案的优选，所述装置还包括绝对位置计算模块，用于获取每一框体的宽度和高度，并根据页面中的每一框体的宽度和高度计算每一框体在页面中的绝对像素位置。作为上述技术方案的优选，所述装置还包括位置更改计算模块，用于根据框体的位置更改，获取框体新的绝对位置，并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。作为上述技术方案的优选，所述绝对位置计算模块包括框体宽度获取单元，用于根据预设的每一列的宽度比及页面的宽度，计算每一框体的宽度；框体高度获取单元，用于通过扫描方式获取每个框体的高度；绝对像素坐标计算单元，用于根据每个框体的宽度和高度，计算每个框体位于网页中的绝对像素横坐标和纵坐标。作为上述技术方案的优选，所述绝对位置计算模块还包括行列关系映射单元，用于存储网页中每一框体的行、列、高度，以及每一框体的框体内容ID。作为上述技术方案的优选，所述装置还包括位置更改计算模块，用于根据框体的位置更改，获取框体新的绝对位置，并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。本专利技术实施例提出了一种网页与文档对象模型的对应方法，包括将页面中每一框体与文档对象模型对应条目之间通过该框体在页面中的绝对位置建立对应关系。作为上述技术方案的优选，所述方法还包括获取所述每一框体的宽度和高度，并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置。作为上述技术方案的优选，所述获取所述每一框体的宽度和高度，并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置包括根据预设的每一列的宽度比及页面的宽度，计算每一框体的宽度；通过扫描方式获取每个框体的高度；根据每个框体的宽度和高度，计算每个框体位于网页中的绝对像素横坐标和纵坐标。作为上述技术方案的优选，所述获取所述每一框体的宽度和高度，并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置还包括设置行列关系映射矩阵，并将网页中每一框体的行、列、高度，以及每一框体的框体内容ID存储到所述行列关系映射矩阵中。作为上述技术方案的优选，所述方法还包括在框体的位置更改时，获取框体新的绝对位置，并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。本专利技术实施例提供的技术方案带来的有益效果是本专利技术实施例在文档对象模型模块存储每一框体的内容，并存储每一框体对应的在页面中的绝对位置，以将内容与 Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式，可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本专利技术实施例可以实现在Portal布局的网页中拖动框体时， 不产生相对DOM文档流的节点移动，这样就可以解决现有技术中Portal布局的网页中应用 Flash后，拖动框体会造成Flash失效的问题，且能够使Portal布局的网页结构更为简单， 提高系统的灵活性。附图说明图1为本专利技术第一实施例的业务对象类型与科目的对应装置的结构示意图；图2为本专利技术第二实施例的业务对象类型与科目的对应装置的结构示意图；图3为本专利技术的业务对象类型与科目的对应装置的一个具体本文档来自技高网...
【技术保护点】
１．一种网页与文档对象模型的对应装置，包括：文档对象模型模块，用于存储所述页面中每一框体的内容以及每一框体对应的绝对位置。
【技术特征摘要】
【专利技术属性】
技术研发人员：谢伟幸，
申请(专利权)人：深圳市金蝶中间件有限公司，
类型：发明
国别省市：94
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。