[發明專利]一種頁面布局調整方法、裝置和數字終端

在審

• 申請號: 201410675644.0
• 申請日: 2014-11-21
• 公開（公告）號: CN104461514A
• 公開（公告）日: 2015-03-25
• 發明（設計）人: 溫尚卓;姜卓;鮑東;張青;張樂奎
• 申請（專利權）人: 山東中創軟件工程股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 王寶筠

技術領域

本申請涉及網頁開發領域，更具體地說，涉及一種頁面布局調整方法和裝置。

背景技術

目前企業應用系統中，前端頁面開發主要采用html、JavaScript、CSS技術，其中html主要負責頁面的框架，JavaScript負責一些頁面事件的處理，CSS主要用于實現頁面樣式。

對于一個表單類的頁面，通常會采用html元素table，對頁面布局進行管理，根據客戶不同的要求，對頁面輸入項設置為兩列或者三列進行展示，設置完成后，在頁面展示時便固定不變。然而由于頁面的大小不同，因而在進行展示時無法完整的對頁面輸入項進行展示。

發明內容

有鑒于此，本申請提供一種頁面布局調整方法和裝置，根據頁面大小調整頁面輸入項的展示列數，以對頁面輸入項進行完整展示。

為了實現上述目的，現提出的方案如下：

一種頁面布局調整方法，包括：

獲取當前頁面的頁面大小；

根據預設的所述頁面大小和頁面展示列數的對應關系，確定當前頁面輸入項的展示列數；

根據所述當前頁面輸入項的展示列數，對當前頁面布局進行調整。

優選的，所述獲取當前頁面的頁面大小，包括：

獲取當前頁面的像素值；

根據所述像素值的大小確定當前頁面的頁面類型，所述頁面類型包括大頁面、中頁面和小頁面。

優選的，所述根據所述像素值的大小確定當前頁面的頁面類型，包括：

將像素值大于等于1200px的頁面劃分為大頁面；

將像素值大于等于992px且小于1200px的頁面劃分為中頁面；

將像素值小于992px的頁面劃分為小頁面。

優選的，所述根據預設的所述頁面大小和頁面展示列數的對應關系，確定當前頁面輸入項的展示列數，包括：

當前頁面為大頁面時，確定當前頁面輸入項的展示列數為6列；

當前頁面為中頁面時，確定當前頁面輸入項的展示列數為3列；

當前頁面為小頁面時，確定當前頁面輸入項的展示列數為2列。

一種頁面布局調整裝置，包括：

信息采集單元，用于獲取當前頁面的頁面大小；

展示列數確定單元，用于根據預設的所述頁面大小和頁面展示列數的對應關系，確定當前頁面輸入項的展示列數；

頁面布局調整單元，用于根據所述當前頁面輸入項的展示列數，對當前頁面布局進行調整。

優選的，信息采集單元包括：

頁面像素采集子單元，用于獲取當前頁面的像素值；

頁面類型確定單元，用于根據當前頁面像素值的大小確定當前頁面的頁面類型，其中所述頁面類型包括大頁面、中頁面和小頁面。

優選的，所述頁面類型確定單元具體用于將像素值大于等于1200px的頁面劃分為大頁面；將像素值大于等于992px且小于1200px的頁面劃分為中頁面；將像素值小于992px的頁面劃分為小頁面。

優選的，所述展示列數確定單元具體用于當前頁面為大頁面時，確定當前頁面輸入項的展示列數為6列；當前頁面為中頁面時，確定當前頁面輸入項的展示列數為3列；當前頁面為小頁面時，確定當前頁面輸入項的展示列數為2列。

一種數字終端，包括：以上所述的頁面布局調整裝置。

優選的，所述數字終端包括：手機和電腦。

經由上述技術方案可知，本申請公開一種頁面布局調整方法和裝置以及配置有該裝置的數字終端。本申請先獲取當前頁面的頁面大小，進而根據預設的頁面大小與頁面展示列數的對應關系，確定當前頁面輸入項的展示列數，從而對頁面的布局進行調整。由此可見，本申請可根據頁面的大小自行調整頁面輸入項的展示列數，從而在任何頁面中都能夠對頁面輸入項進行完整的展示。

附圖說明

為了更清楚地說明本發明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的實施例，對于本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據提供的附圖獲得其他的附圖。

圖1示出了本發明一種頁面布局調整方法的一個實施例流程示意；

圖2示出了本發明一種頁面布局調整方法的另一個實施例的流程示意圖；

圖3示出了本發明一種頁面布局調整裝置的一個實施例的結構示意圖。

具體實施方式