一種網頁顯示頁面的配置方法
2023-05-12 21:53:11
專利名稱:一種網頁顯示頁面的配置方法
技術領域:
本發明涉及圖像數據處理技術,特別是涉及一種網頁顯示頁面的配置方法。
背景技術:
隨著信息技術的發展,用戶對網頁的要求越來越高,不僅對於內容而且對頁面效果也有需求。因此滿足大部分用戶的需求,如滿足他們的個性、喜好、以及他們隨時變化的心情就顯得尤為重要。
現有技術中,對於頁面效果的處理,使用得最廣泛的就是JavaScript(簡稱js)代碼和Css樣式控制。具體地說,就是為了達到一定的效果,設計人員事先將js代碼以及Css樣式定義嵌入網頁;從而在用戶瀏覽的網頁達到預計的效果,如動態圖片、漂浮物、滑鼠方案。
該現有技術的缺陷在於頁面效果都是網頁設計人員事先定義好一套方案,每個用戶瀏覽的時候都是按照一定模式去變化,對用戶來說沒有新意,用戶不能控制只能一味接受,這樣就產生了局限性。
有鑑於此,需要提供一種可配製網頁方式的技術。
發明內容
本發明解決的技術問題在於提供一種網頁顯示頁面的配置方法,可以根據用戶的需求實現特定的網頁顯示效果。
為此,本發明解決技術問題的技術方案是提供一種網頁顯示頁面的配置方法,包括步驟1)接收用戶對網頁顯示效果的設置信息;2)根據前述設置信息生成顯示頁面的效果配置方案並保存。
優選地,還包括在用戶登陸時提取所述配置方案,根據該配置方案生成網頁的顯示效果。
優選地,所述步驟1)具體包括
11)接收用戶啟動頁面設置的請求;12)顯示多個類別的項目樣式圖;13)接收用戶選定項目圖片的指令;所述步驟2)具體包括21)獲取該圖片的信息並加載到網頁中;22)根據該圖片的信息生成顯示頁面的效果配置方案並保存在本地;23)將當前的效果配置方案保存在資料庫中。
優選地,在所述步驟13)和步驟21)之間還包括根據該圖片的信息中的類別信息判斷當前是否存在對應的層;如果是,則改變層的屬性,替換原先加載的圖片;如果否,則增加新的層來加載該圖片。
優選地,所述步驟22)和步驟23)之間還包括判斷是否結束方案的配置;如果是,則進入步驟23);如果否,則返回步驟13)。
優選地,所述步驟23)的保存是從本地獲取配置方案並寫入資料庫;或者是在用戶退出設置時比較本地的配置方案和當前的配置方案,如果不一致則提示用戶進行保存。
優選地,還包括當用戶登陸時向伺服器請求該用戶的配置方案;根據伺服器返回的配置方案的信息生成對應的頁面效果。
優選地,還包括從伺服器返回的配置方案的信息中獲取用戶級別,根據該用戶級別顯示對應的圖片。
優選地,還包括接收用戶設置自定義圖標的信息;根據該設置信息增加層並加載相應的自定義圖標。
優選地,所述步驟13)在接收指令時生成點擊事件,採用該點擊事件觸發js文件中的js函數。
相對於現有技術,本發明的有益效果是由於本發明為用戶提供設置接口,接收用戶對網頁顯示效果的設置信息;根據前述設置信息生成顯示頁面的效果配置方案並保存;因此,可以根據用戶的自己選擇,以及用戶的心情,在頁面上做出相應的變化,達到用戶展示自己的效果。
此外,本發明的優選方案中,向用戶顯示多個項目樣式圖,在用戶指定項目圖片後獲取圖片的信息並根據所述信息來加載圖片,生成頁面的配置方案並保存。還可以將用戶的自定義圖標在網頁上顯示,讓訪問者不僅感受到用戶的個性,還能及時感受到用戶的變化。
本方明將應用層、頁面特效和資料庫技術結合給用戶提供了配置自己網頁的接口,以展現個性,滿足廣大用戶的需求。同時該技術中配置網頁大部分操作是通過js函數加載到客戶端的計算機上去執行,將操作由伺服器轉交給個人計算機來執行,達到一個很好的效率分工。給用戶提供便捷的同時對伺服器不造成過大的壓力。
圖1是本發明方法中配製網頁的流程圖;圖2是本發明方法中用戶登錄加載網頁方案的流程圖。
具體實施例方式
本發明的主要構思在於可配製網頁要實現個人網頁中不需要網頁設計人員預先設置網頁效果,而是給用戶提供配製自己網頁效果的接口,用戶設置自己的心情,組合多種效果方式來設計自己的網頁方式,並且在以後登陸的時候能自動按照設計顯示效果,從而達到展現個性的效果。
請參閱圖1,是本發明方法的流程圖。
步驟S11,用戶進入設置窗口,設置窗口顯示所有顯示出後臺中包含的所有類別的項目(item)樣式圖(僅供用戶預覽的圖片)。用戶點擊item的小圖片。
所述item樣式圖可以是上傳在後臺的成千上萬個item圖片,將這些item圖片按照一定規律存儲在某個路徑中;並且在資料庫中保存item圖片的屬性(例如item編號,item類別等)。
步驟S12,利用圖片的點擊事件(onclick)觸發調用js函數addItem(type,itemno,……)。
其中type用於標識點擊item的類別(類別中包括皮膚類,漂浮物類,滑鼠方案類,掛件類等幾個大類。而掛件類中又包含不同的小類別)。每種類別的item實現方式不一致,需要調用不同的js函數來實現。例如漂浮物就是實現幾個小圖片在網頁上漂浮,而滑鼠方案則是將滑鼠隱藏,用一個ani格式的圖片來替代滑鼠。
所述js函數用於實現各種模式特效。這些js函數能根據傳入的參數,如itemid(item編號),itemtype(item類別)來在頁面上實現網頁效果。
將js函數保存在一個js文件中。並在網頁中將js文件包含進來,這樣在打開網頁的時候只是將js文件加載進來,並不去執行js文件中的js函數。
步驟S13,js函數根據item編號獲取實際的item圖片並加載。
在本發明的js函數中多次利用了層加載網頁配置中需要的圖片。層是Css樣式中的一種對象,可以加載圖片,可以通過js語句控制其顯示或隱藏,還可以通過調整層的位移將圖片定位在預設的位置上。
步驟S14,用戶每次操作,js函數會在本地cookie中獲取到當前方案的字符串(形如itemno1_itemtype1_itemleft1_itemright1|itemno2_itemtype2_itemleft2_itemright2|itemno3……的字符串),通過解析字符串判斷當前方案中是否存在同種類別的item。
步驟S15,如果存在(表明存在對應的層加載該類item),則只需要替換原先加載的圖片;即改變層屬性。
步驟S16,如果不存在,則新增相應的層用於加載此類別的圖片。
步驟S17,同時修改當前方案字符串保存在本地cookie中。
步驟S18,判斷是否結束方案配製,如果是,則進入步驟S19;如果否,則返回步驟S11。
也就是說,用戶可以點擊多個樣式圖,調用不同的js函數實現多個效果疊加。
步驟S19,當用戶退出設置窗口時,觸發一個js函數,js腳本程序從cookie中取出用戶的原始方案和用戶當前方案的字符串進行比較,如果字符串不一致則提醒用戶保存方案。
步驟S20,用戶點擊保存,調用一個cgi,將cookie中當前方案的字符串存儲到資料庫中。
點擊保存方案,判斷方案已經修改則獲取cookie中的值存儲到資料庫中,作為用戶網頁方案,其他用戶訪問該用戶網頁的時候,按照此方案顯示,可以顯示該用戶的個性。
請參閱圖2,是本發明的方法中用戶登錄加載網頁方案的流程圖。
步驟S21,用戶登錄到伺服器。
步驟S22,提示用戶選擇當日心情。
所述的當日心情可以包括多種類別,如開心,悲傷,鬱悶,憤怒……等。
步驟S23,根據心情圖標的類別到伺服器中取到相應的圖片,增加一個層加載圖片,並在網頁特定位置顯示。
步驟S24,向伺服器請求該用戶的等級及用戶網頁方案的字符串。
步驟S25,伺服器返回等級以及用戶網頁方案字符串,js程序解析字符串,調用不同的函數加載網頁效果。
步驟S26,根據返回的等級選擇不同長勢的植物圖片用層加載顯示在頁面上。
當然,所述方法並不限於當日心情的設置,還可以是其他的自定義圖標,此不贅述。
綜上所述,本發明就是實現這樣功能的,提供給用戶配置自己網頁效果的入口。根據用戶的自己選擇,以及用戶的心情,在頁面上做出相應的變化,達到用戶展示自己的效果。
以上所述僅僅是本發明的優選實施方式,應當指出,對於本技術領域的普通技術人員來說,在不脫離本發明原理的前提下,還可以做出若干改進和潤飾,這些改進和潤飾也應視為本發明的保護範圍。
權利要求
1.一種網頁顯示頁面的配置方法,其特徵在於,包括步驟1)用戶設置網頁的顯示效果;2)根據前述設置網頁的顯示效果信息生成顯示頁面的效果配置方案並保存。
2.根據權利要求1所述的網頁顯示頁面的配置方法,其特徵在於,所述步驟1)還包括在用戶登陸時提取配置方案,根據該配置方案生成網頁的顯示效果。
3.根據權利要求1所述的網頁顯示頁面的配置方法,其特徵在於,所述步驟1)之後還包括11)接收用戶啟動頁面設置的請求;12)顯示多個類別的項目樣式圖;13)接收用戶選定項目圖片的指令;所述步驟2)具體包括21)獲取該圖片的信息並加載到網頁中;22)根據該圖片的信息生成顯示頁面的效果配置方案並保存在本地;23)將當前的效果配置方案保存在資料庫中。
4.根據權利要求3所述的網頁顯示頁面的配置方法,其特徵在於,在所述步驟13)和21)之間還包括根據該圖片的信息中的類別信息判斷當前是否存在對應的層;如果是,則改變層的屬性,替換原先加載的圖片;如果否,則增加新的層來加載該圖片。
5.根據權利要求3所述的網頁顯示頁面的配置方法,其特徵在於,所述步驟22)和步驟23)之間還包括判斷是否結束方案的配置;如果是,則進入步驟23);如果否,則返回步驟13)。
6.根據權利要求3所述的網頁顯示頁面的配置方法,其特徵在於,所述步驟23)的保存是從本地獲取配置方案並寫入資料庫;或者是在用戶退出設置時比較本地的配置方案和當前的配置方案,如果不一致則提示用戶進行保存。
7.根據權利要求3所述的網頁顯示頁面的配置方法,其特徵在於,還包括當用戶登陸時向伺服器請求該用戶的配置方案;根據伺服器返回的配置方案的信息生成對應的頁面效果。
8.根據權利要求7所述的網頁顯示頁面的配置方法,其特徵在於,還包括從伺服器返回的配置方案的信息中獲取用戶級別,根據該用戶級別顯示對應的圖片。
9.根據權利要求7所述的網頁顯示頁面的配置方法,其特徵在於,還包括接收用戶設置自定義圖標的信息;根據該設置信息增加層並加載相應的自定義圖標。
10.根據權利要求1至9任一項所述的網頁顯示頁面的配置方法,其特徵在於,所述步驟13)在接收指令時生成點擊事件,採用該點擊事件觸發js文件中的js函數。
全文摘要
本發明公開一種網頁顯示頁面的配置方法,包括步驟接收用戶對網頁顯示效果的設置信息;根據前述設置信息生成顯示頁面的效果配置方案並保存。在本發明的優選方案中,還包括在用戶登陸時提取所述配置方案,根據該配置方案生成網頁的顯示效果。本發明的一個優選例具體包括接收用戶啟動頁面設置的請求;顯示多個類別的項目樣式圖;接收用戶選定項目圖片的指令;獲取該圖片的信息並加載到網頁中;根據該圖片的信息生成顯示頁面的效果配置方案並保存在本地;將當前的效果配置方案保存在資料庫中。
文檔編號G06F17/30GK1841369SQ200510033900
公開日2006年10月4日 申請日期2005年3月29日 優先權日2005年3月29日
發明者林松濤 申請人:騰訊科技(深圳)有限公司