[發(fā)明專(zhuān)利]網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201410648064.2
• 申請(qǐng)日: 2014-11-14
• 公開(kāi)（公告）號(hào): CN105608084B
• 公開(kāi)（公告）日: 2019-03-19
• 發(fā)明（設(shè)計(jì)）人: 劉陽(yáng)
• 申請(qǐng)（專(zhuān)利權(quán)）人: 北大方正集團(tuán)有限公司;北京北大方正電子有限公司
• 主分類(lèi)號(hào): G06F16/958
• 分類(lèi)號(hào): G06F16/958
• 代理公司: 北京同立鈞成知識(shí)產(chǎn)權(quán)代理有限公司 11205
• 代理人: 馬爽;黃健

本發(fā)明提供一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法及裝置，其中，該方法包括：根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁(yè)頁(yè)面劃分為網(wǎng)格單元；將第一模塊元素從第一網(wǎng)格移動(dòng)至目標(biāo)網(wǎng)格，第一網(wǎng)格包括至少一個(gè)網(wǎng)格單元，第一模塊元素用于承載第一網(wǎng)格上的數(shù)據(jù)內(nèi)容；若第一網(wǎng)格的大小與目標(biāo)網(wǎng)格的大小不一致，則移動(dòng)目標(biāo)網(wǎng)格對(duì)應(yīng)的目標(biāo)模塊元素，并調(diào)整目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個(gè)數(shù)，以放置第一模塊元素。實(shí)現(xiàn)了將第一模塊元素移動(dòng)到目標(biāo)模塊元素所在的目標(biāo)網(wǎng)格處的時(shí)候，而第一模塊元素與目標(biāo)模塊元素的大小不一致，第一模塊元素不會(huì)與目標(biāo)模塊元素產(chǎn)生重疊，不妨礙網(wǎng)頁(yè)上模塊元素的內(nèi)容的展示。

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)頁(yè)技術(shù)，尤其涉及一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法及裝置。

背景技術(shù)

所有的網(wǎng)站都需要定義其網(wǎng)頁(yè)的外觀，即進(jìn)行網(wǎng)頁(yè)頁(yè)面布局。在網(wǎng)頁(yè)頁(yè)面上，將需要顯示的內(nèi)容放入模塊元素中，從而進(jìn)行網(wǎng)頁(yè)頁(yè)面布局的時(shí)候，可以更改網(wǎng)頁(yè)中各個(gè)模塊對(duì)象的位置、大小。

現(xiàn)有技術(shù)中，進(jìn)行網(wǎng)頁(yè)頁(yè)面布局的過(guò)程中，終端通過(guò)改變當(dāng)前模塊元素在網(wǎng)頁(yè)頁(yè)面上的位置，來(lái)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)頁(yè)面的布局。

但是，現(xiàn)有技術(shù)中，將模塊元素移動(dòng)到目標(biāo)位置的時(shí)候，當(dāng)前模塊元素會(huì)與目標(biāo)位置處的模塊元素相互重疊，阻礙了目標(biāo)位置處的模塊元素的內(nèi)容的展示。從而造成模塊元素之間相互重疊的現(xiàn)象，不利于網(wǎng)頁(yè)上模塊元素的內(nèi)容的展示。

發(fā)明內(nèi)容

本發(fā)明提供一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法及裝置，用以解決現(xiàn)有技術(shù)中的在將模塊元素移動(dòng)到目標(biāo)位置的時(shí)候，當(dāng)前模塊元素會(huì)與目標(biāo)位置處的模塊元素相互重疊，而不利于網(wǎng)頁(yè)上模塊元素的內(nèi)容的展示的問(wèn)題。

本發(fā)明的第一個(gè)方面是提供一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法，包括：

根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁(yè)頁(yè)面劃分為網(wǎng)格單元；

將第一模塊元素從第一網(wǎng)格移動(dòng)至目標(biāo)網(wǎng)格，所述第一網(wǎng)格包括至少一個(gè)所述網(wǎng)格單元，所述第一模塊元素用于承載所述第一網(wǎng)格上的數(shù)據(jù)內(nèi)容；若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小不一致，則移動(dòng)所述目標(biāo)網(wǎng)格對(duì)應(yīng)的目標(biāo)模塊元素，并調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個(gè)數(shù)，以放置所述第一模塊元素。

本發(fā)明的另一個(gè)方面是提供一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整裝置，包括：

網(wǎng)格劃分模塊，用于根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁(yè)頁(yè)面劃分為網(wǎng)格單元；

移動(dòng)模塊，用于將第一模塊元素從第一網(wǎng)格移動(dòng)至目標(biāo)網(wǎng)格，所述第一網(wǎng)格包括至少一個(gè)所述網(wǎng)格單元，所述第一模塊元素用于承載所述第一網(wǎng)格上的數(shù)據(jù)內(nèi)容；

網(wǎng)格調(diào)整模塊，用于若所述第一網(wǎng)格的大小與所述目標(biāo)網(wǎng)格的大小不一致，則移動(dòng)所述目標(biāo)網(wǎng)格對(duì)應(yīng)的目標(biāo)模塊元素，并調(diào)整所述目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個(gè)數(shù)，以放置所述第一模塊元素。

本發(fā)明通過(guò)根據(jù)預(yù)設(shè)的網(wǎng)格的大小，將網(wǎng)頁(yè)頁(yè)面劃分為網(wǎng)格單元；然后將第一模塊元素從第一網(wǎng)格移動(dòng)至目標(biāo)網(wǎng)格，第一網(wǎng)格包括至少一個(gè)網(wǎng)格單元，第一模塊元素用于承載第一網(wǎng)格上的數(shù)據(jù)內(nèi)容；若第一網(wǎng)格的大小與目標(biāo)網(wǎng)格的大小不一致，則移動(dòng)目標(biāo)網(wǎng)格對(duì)應(yīng)的目標(biāo)模塊元素，并調(diào)整目標(biāo)網(wǎng)格所占用網(wǎng)格單元的個(gè)數(shù)，以放置第一模塊元素。實(shí)現(xiàn)了將當(dāng)前需要移動(dòng)的第一模塊元素放置到目標(biāo)模塊元素所在的目標(biāo)網(wǎng)格處的時(shí)候，而第一模塊元素與目標(biāo)模塊元素的大小不一致，第一模塊元素不會(huì)與目標(biāo)模塊元素產(chǎn)生重疊，不妨礙網(wǎng)頁(yè)上模塊元素的內(nèi)容的展示。

附圖說(shuō)明

圖1為本發(fā)明實(shí)施例一提供的一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法的流程圖；

圖2為本發(fā)明實(shí)施例二提供的一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整方法的流程圖；

圖3為本發(fā)明實(shí)施例三提供的一種網(wǎng)頁(yè)頁(yè)面布局的調(diào)整裝置的結(jié)構(gòu)示意圖。

具體實(shí)施方式