一种自适应页面的生成方法及装置制造方法及图纸

本发明专利技术公开了一种自适应页面的生成方法及装置，确定待处理页面；根据待处理页面的要求，构建以块状页面元素组成的目标页面；建立目标页面中的块状页面元素的宽度、布局与浏览器宽度的关联关系。本发明专利技术通过块状页面元素组成目标页面，并通过建立目标页面中的块状页面元素的宽度、布局与浏览器宽度的关联关系的方式生成自适应页面，开发人员无需进行大量的源码编辑和修改，即可生成自适应页面，大幅提高了自适应页面的开发效率。

An Adaptive Page Generation Method and Device

The invention discloses an adaptive page generation method and device, determines the pages to be processed, constructs a target page composed of block page elements according to the requirements of the pages to be processed, and establishes the relationship between the width, layout and browser width of the block page elements in the target page. The invention composes the target page by the block page elements, and generates the adaptive page by establishing the relationship between the width, layout and browser width of the block page elements in the target page. The developer can generate the adaptive page without a lot of source code editing and modification, thus greatly improving the development efficiency of the adaptive page.

【技术实现步骤摘要】
一种自适应页面的生成方法及装置
本专利技术涉及页面处理领域，具体为一种自适应页面的生成方法及装置。
技术介绍
自适应页面是指页面可以根据终端设备大小来自动调节页面布局显示的页面设计。自适应页面具有能够使相同的网页页面可以通过不同尺寸大小的显示屏进行显示的功效，已经广泛应用到各种需要页面展示的软件之中。现有的自适应页面的生成是大多是通过页面源码进行开发，再通过浏览器进行调试，直到完成符合要求的自适应页面。由于页面源码复杂且数量庞大，极易出现错误，一旦出现错误就需要重新修改源码，并重新进行调试，导致开发效率极其低下。
技术实现思路
本专利技术提供了一种自适应页面的生成方法及装置，可以解决现有技术中由于页面源码复杂且数量庞大导致自适应页面开发效率低的问题。为达到上述目的，本专利技术提供了如下技术方案：一种自适应页面的生成方法，包括：确定待处理页面；根据所述待处理页面的要求，构建以块状页面元素组成的目标页面；建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系。可选的，若所述待处理页面为空白页面，所述确定待处理页面，包括：确定空白页面的页面构建要求。可选的，若所述待处理页面为空白页面，则所述根据所述待处理页面的要求，构建以块状页面元素组成的目标页面，包括：获取所述空白页面的页面构建要求对应的块状页面元素；组合所述获取的块状页面元素，得到所述目标页面。可选的，若所述待处理页面为绝对定位页面，所述确定待处理页面，包括：确定所述绝对定位页面的页面构建要求以及所述绝对定位页面的源码。可选的，若所述待处理页面为绝对定位页面，则所述根据所述待处理页面的要求，构建以块状页面元素组成的目标页面，包括：确定出所述绝对定位页面的源码对应的块状页面元素；根据所述绝对定位页面的页面构建要求组合所述确定出的块状页面元素，得到所述目标页面。一种自适应页面的生成组件，包括：第一确定单元，用于确定待处理页面；构建单元，用于根据所述待处理页面的要求，构建以块状页面元素组成的目标页面；建立单元，用于建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系。可选的，若所述待处理页面为空白页面，则所述确定单元，用于确定空白页面的页面构建要求。可选的，若所述待处理页面为空白页面，则所述构建单元，包括：获取单元，用于获取所述空白页面的页面构建要求对应的块状页面元素；第一组合单元，用于组合所述获取的块状页面元素，得到所述目标页面。可选的，若所述待处理页面为绝对定位页面，所述确定单元，用于确定所述绝对定位页面的页面构建要求以及所述绝对定位页面的源码。可选的，若所述待处理页面为绝对定位页面，则所述构建单元，包括：第二确定单元，用于确定出所述绝对定位页面的源码对应的块状页面元素；第二组合单元，用于根据所述绝对定位页面的页面构建要求组合所述确定出的块状页面元素，得到所述目标页面。经由上述技术方案可知，本专利技术公开了一种自适应页面的生成方法及装置，确定待处理页面；根据待处理页面的要求，构建以块状页面元素组成的目标页面；建立目标页面中的块状页面元素的宽度、布局与浏览器宽度的关联关系。本专利技术通过块状页面元素组成目标页面，并通过建立目标页面中的块状页面元素的宽度、布局与浏览器宽度的关联关系的方式生成自适应页面，开发人员无需进行大量的源码编辑和修改，即可生成自适应页面，大幅提高了自适应页面的开发效率。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1为本专利技术实施例公开的一种自适应页面的生成方法的流程图；图2为本专利技术实施例公开的另一种自适应页面的生成方法的流程图；图3为本专利技术实施例公开的另一种自适应页面的生成方法的流程图；图4为本专利技术实施例公开的一种自适应页面的生成装置的示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术提供了一种自适应页面的生成方法及装置，可以解决现有技术中由于页面源码复杂且数量庞大导致自适应页面开发效率低的问题。如图1所示，本专利技术实施例公开了一种适应页面的生成方法，包括以下步骤：S101、确定待处理页面。需要说明的是，所述待处理页面可以是一个空白页面、一个绝对定位页面或一个采用现有技术生成的自适应页面，其中，所述绝对定位页面是指通过控制页面中的某元素的坐标原点将该元素固定在页面中的某一点，不随页面的变化而变化，在绝对定位页面的源码中记录该点位置的语句称为定位信息。S102、根据所述待处理页面的要求，构建以块状页面元素组成的目标页面。需要说明的是，所述块状页面元素是将页面源码在浏览器中实现的页面元素单独以块状的方式进行预储存，当需要某一页面元素时，直接将预备好的块状页面元素加入到页面当中，从而根据目标页面的要求将所有需要的块状页面元素组成目标页面，省去了大量的源码编写工作也不易出错，增加了页面生成效率的同时实现了能够可视化操作的页面开发。其中，可视化操作是指，开发人员拖拽块状页面元素到开发界面后，拖拽完成可直接看到加入页面元素后的页面，开发人员可直接手动拖拽调整块状页面元素的位置、大小、直接在属性框中修改部分属性，修改后即生效可见，并可通过脚本绑定页面控制逻辑，而同样的操作采用现有技术的方法需要通过编写源码再到浏览器中调试才可见到相同的页面。S103、建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系。具体的，通过修改块状页面元素的源码中的样式和脚本，控制所述目标页面中的所述块状页面元素的宽度、布局，建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系，实现目标页面随着浏览器大小自适应的改变页面布局和页面元素宽度。本实施例公开了一种自适应页面的生成方法，确定待处理页面；根据待处理页面的要求，构建以块状页面元素组成的目标页面；建立目标页面中的块状页面元素的宽度、布局与浏览器宽度的关联关系。本专利技术通过块状页面元素组成目标页面，并通过建立目标页面中的块状页面元素的宽度、布局与浏览器宽度的关联关系的方式生成自适应页面，开发人员无需进行大量的源码编辑和修改，即可生成自适应页面，大幅提高了自适应页面的开发效率。如图2所示，本专利技术实施例公开了另一种适应页面的生成方法，其中，所述待处理页面为空白页面，所述方法包括以下步骤：S201、确定空白页面的页面构建要求。S202、获取所述空白页面的页面构建要求对应的块状页面元素。S203、组合所述获取的块状页面元素，得到所述目标页面。S204、建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系。本实施例公开的自适应页面的生成方法，为当所述待处理页面为空白页面时的生成方法，由于空白页面中没有内容，可以直接将页面构建要求所需的块状页面元素加入到空白页面当中，得到目标页面，再建立所述目标页面中的所述块状页面元素本文档来自技高网...

【技术保护点】
1.一种自适应页面的生成方法，其特征在于，包括：确定待处理页面；根据所述待处理页面的要求，构建以块状页面元素组成的目标页面；建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系。

【技术特征摘要】
1.一种自适应页面的生成方法，其特征在于，包括：确定待处理页面；根据所述待处理页面的要求，构建以块状页面元素组成的目标页面；建立所述目标页面中的所述块状页面元素的宽度、布局与浏览器宽度的关联关系。2.根据权利要求1所述的生成方法，其特征在于，若所述待处理页面为空白页面，所述确定待处理页面，包括：确定空白页面的页面构建要求。3.根据权利要求2所述的生成方法，其特征在于，若所述待处理页面为空白页面，则所述根据所述待处理页面的要求，构建以块状页面元素组成的目标页面，包括：获取所述空白页面的页面构建要求对应的块状页面元素；组合所述获取的块状页面元素，得到所述目标页面。4.根据权利要求1所述的生成方法，其特征在于，若所述待处理页面为绝对定位页面，所述确定待处理页面，包括：确定所述绝对定位页面的页面构建要求以及所述绝对定位页面的源码。5.根据权利要求4所述的生成方法，其特征在于，若所述待处理页面为绝对定位页面，则所述根据所述待处理页面的要求，构建以块状页面元素组成的目标页面，包括：确定出所述绝对定位页面的源码对应的块状页面元素；根据所述绝对定位页面的页面构建要求组合所述确定出的块状页面元素，得到所述目标页面。...

【专利技术属性】
技术研发人员：张媛媛，马灵通，汪德华，李元菊，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：北京,11