[发明专利]移动设备网页窗体生成方法

说明书

技术领域

本发明涉及网页窗体生成方法，特别涉及一种移动设备网页窗体生成的方法。

背景技术

随着移动设备如智能手机的功能提升、购入门坎降低、3G与WiFi等无线通信的普及，移动上网的人数已越来越多，通过移动浏览器浏览网页已成为移动用户接收信息的重要管道。

移动设备如手机(mobile phone)、平板计算机(tablet PC)或个人数字助理(PDA)等上的浏览器（以下简称移动浏览器）种类多，支持的网页技术（如：HTML、JavaScript、CSS等）标准不一，而且移动设备的显示屏尺寸多样，造成网页在不同的移动浏览器内有着不同的呈现结果。

企业数据储存于数据库，为结构化数据。针对企业移动用户所发展的应用，例如：客户查询、商品查询、订单查询/修改等，为了让用户的用户容易阅读及修改数据，必须清楚显示字段卷标与字段内容，并且排列整齐，所以通常以窗体（form）方式呈现。

为了提高易用性（usability），窗体的呈现以不出现横向滚动条为前提。在表单域数较多的情况下，出现纵向滚动条是有其必要的，但是如果同时出现横向滚动条，使用者必定难以操作。

为了达到窗体式呈现的最佳效果，通常采用表格式布局（table layout）。如果不用表格式布局，而用绝对寻址方式设定控件显示位置与大小，因为移动浏览器特性不同，呈现出来的结果往往不一致。

采用表格式布局，就是在网页设计时使用Table（如HTML<table>tag），将页面控件放置在表格内适当的Cell（即HTML<tr><td>tag），并且在设计时间将窗体定义完成。目前某些高级手机如iPhone、Android Phone可支持这样的布局方式，达到窗体正常显示的效果，但仍有以下缺点：

1、在设计时间完成窗体排版，需要较多的开发工时。

2、因为执行时不得出现横向滚动条，在设计时间，必须对每一种移动设备，根据其屏幕大小（特别指宽度）做针对性的设计。

对于企业应用软件开发者而言，如果不能有效克服网页窗体在不同移动浏览器内的呈现一致性问题，而必须对个别移动浏览器做针对性的设计，那么势必会降低软件开发的生产力。

有鉴于此，寻求一种移动设备网页窗体生成方法成为该领域技术人员的追求目标。

发明内容

本发明的任务是提供一种移动设备网页窗体生成方法，它克服了上述现有技术的缺点，针对网页窗体在不同移动浏览器内呈现的一致性要求，提出一种解决方案：藉由复合控件的设计，可避免因移动浏览器解译方式差异造成网页窗体呈现不一致的问题，可适应不同的移动浏览器。

本发明的技术解决方案如下：

一种移动设备网页窗体生成方法，包括以下步骤：

提供至少一复合控件，所述每一复合控件系由一第一子控件及至少一第二子控件卷标组合而成，所述复合控件应用于一移动设备网页；

将所述所有复合控件的所述第一子控件设定为靠单边对齐；以及

根据所述移动设备网页的宽度及所述所有复合控件的宽度，将所述第二子控件进行折行。

将所述复合控件显示于所述移动设备网页。

所述靠单边对齐的步骤，包括以下步骤：

取出所述所有复合控件的所述第一子控件宽度，计算出其中的最大值；以及

将所述所有复合控件的所述第一子控件的宽度设定为所述最大值，且设定为靠单边对齐。

将所述第二子控件进行折行的步骤，包括以下步骤：

根据所述最大值，计算所述每一复合控件的所述第一子控件及所述第二子控件的一总宽度；以及

当所述总宽度超过该移动设备网页的宽度时，则将所述第二子控件进行折行，且同时增加所述复合控件第一子控件的一个行跨度。

计算所述每一复合控件的所述总宽度步骤，包括以下步骤：

加总所述第一子控件的宽度及所述一第一个第二子控件的宽度为所述总宽度；以及

当所述总宽度未超出所述移动设备网页的宽度时，则加总所述总宽度及所述一第二个第二子控件的宽度为所述总宽度。

所述靠单边对齐为左边对齐。

所述靠单边对齐为右边对齐。