本發(fā)明涉及Web頁面設(shè)計(jì)技術(shù),特別是指一種微博背景界面的實(shí)現(xiàn)方法和系統(tǒng)。
背景技術(shù):網(wǎng)絡(luò)即時(shí)通訊(IM,InstantMessenger)工具發(fā)展到今天已經(jīng)被大多數(shù)的網(wǎng)民所接受,成為用戶必不可少的通信工具,不僅在平時(shí)的休閑娛樂中,而且在用戶的工作中得到廣泛的使用。特別是微博,由于其信息傳遞效率非常高,已經(jīng)成為主流的IM工具。因此,用戶對(duì)微博的背景界面也提出了更為豐富的需求。微博的背景界面,也可以稱為皮膚,一般包含背景圖片及配色方案。目前,微博皮膚的實(shí)現(xiàn)方式為:將普通的背景圖片上傳通過頁面顯示,并為每張背景圖片搭配層疊樣式表(CSS,CascadingStyleSheet),以控制皮膚的顯示方式。上述實(shí)現(xiàn)方式存在如下問題:1、上述通過頁面顯示時(shí),并不能完全按照上傳的圖片進(jìn)行顯示,而是需要將背景圖片和微博的頁面布置有效的結(jié)合;2、每一套微博系統(tǒng)提供的背景界面的顯示方式都是由相應(yīng)的CSS決定的,因此其顯示方式是固定的,用戶無法自由設(shè)定也無法修改。在實(shí)際應(yīng)用中發(fā)現(xiàn),用戶對(duì)微博皮膚的需求各式各樣,并沒有統(tǒng)一的標(biāo)準(zhǔn),因此,如果能夠?qū)崿F(xiàn)微博的自定義皮膚展示,那么將會(huì)為用戶帶來非常好的體驗(yàn),提升微博的實(shí)用價(jià)值。但是,通過上述分析可以看出,現(xiàn)有的技術(shù)方案中:?jiǎn)渭兊谋尘皥D片以及系統(tǒng)背景界面卻無法滿足微博用戶自定義皮膚展示的需求。
技術(shù)實(shí)現(xiàn)要素:有鑒于此,本發(fā)明的主要目的在于提供一種微博背景界面的實(shí)現(xiàn)方法和系統(tǒng),能夠?qū)崿F(xiàn)微博的自定義背景界面展示。為達(dá)到上述目的,本發(fā)明的技術(shù)方案是這樣實(shí)現(xiàn)的:本發(fā)明提供了一種微博背景界面的實(shí)現(xiàn)方法,該方法包括:上傳背景圖片和相應(yīng)的背景界面參數(shù),生成背景圖片統(tǒng)一資源定位符(URL);將所述背景圖片URL和所述背景界面參數(shù)進(jìn)行關(guān)聯(lián),并生成相應(yīng)的背景界面標(biāo)識(shí)(ID);訪問微博頁面時(shí),根據(jù)獲取的所述背景界面ID獲取相應(yīng)的所述背景圖片URL和背景界面參數(shù);將獲取的所述背景圖片URL和背景界面參數(shù)填入頁面層疊樣式表(CSS)模板,進(jìn)行背景界面展示。所述背景界面參數(shù)至少包括:配色方案、圖片顯示位置和圖片顯示方式。該方法還包括:根據(jù)需要修改、增加和/或刪除所述背景界面參數(shù)。將獲取的所述背景圖片URL和背景界面參數(shù)填入頁面CSS模板后,該方法還包括:生成CSS,控制背景界面展示。本發(fā)明還提供了一種微博背景界面的實(shí)現(xiàn)系統(tǒng),包括:客戶端和服務(wù)器,其中:所述服務(wù)器,用于存儲(chǔ)上傳的背景圖片和相應(yīng)的背景界面參數(shù),并生成背景圖片URL;還用于將所述背景圖片URL和所述背景界面參數(shù)進(jìn)行關(guān)聯(lián),并生成相應(yīng)的背景界面ID;所述客戶端,用于供用戶上傳背景圖片和相應(yīng)的背景界面參數(shù);還用于當(dāng)用戶訪問微博頁面時(shí),自動(dòng)獲取所述背景界面ID,并根據(jù)背景界面ID獲取相應(yīng)的背景圖片URL和背景界面參數(shù);還用于將獲取的所述背景圖片URL和背景界面參數(shù)填入頁面CSS模板,進(jìn)行背景界面展示。所述背景界面參數(shù)至少包括:配色方案、圖片顯示位置和圖片顯示方式。所述客戶端還用于供用戶修改、增加和/或刪除所述背景界面參數(shù)。所述客戶端還用于,將獲取的所述背景圖片URL和背景界面參數(shù)填入頁面CSS模板后,生成CSS,控制背景界面展示。本發(fā)明微博背景界面的實(shí)現(xiàn)方法和系統(tǒng),提供了適用于微博頁面的頁面CSS模板,并通過頁面CSS模板規(guī)定了背景界面參數(shù),則用戶可以通過客戶端自行設(shè)置背景界面參數(shù)、動(dòng)態(tài)填充頁面CSS模板,通過生成的CSS來控制背景界面的展示。附圖說明圖1為本發(fā)明微博背景界面的實(shí)現(xiàn)方法流程圖;圖2為本發(fā)明微博背景界面的實(shí)現(xiàn)系統(tǒng)結(jié)構(gòu)圖。具體實(shí)施方式本發(fā)明微博背景界面的實(shí)現(xiàn)方法的基本思想是:在存儲(chǔ)普通背景圖片時(shí),同時(shí)存儲(chǔ)自定義的背景配色表、圖片顯示位置以及顯示方式等背景界面參數(shù);在展示背景界面時(shí),讀取自定義的背景界面參數(shù)和背景圖片,動(dòng)態(tài)的填充頁面CSS模板,控制背景界面的展示。如圖1所示,本發(fā)明提供的微博背景界面的實(shí)現(xiàn)方法包括:步驟101,上傳背景圖片和相應(yīng)的背景界面參數(shù),生成背景圖片統(tǒng)一資源定位符(URL,Uniform/UniversalResourceLocator)。用戶通過客戶端(微博客戶端)可根據(jù)需要選擇喜歡的圖片作為背景圖片上傳至服務(wù)器,服務(wù)器存儲(chǔ)背景圖片并生成圖片訪問的URL、即背景圖片URL。同時(shí),用戶還可以通過客戶端針對(duì)該背景圖片設(shè)置相應(yīng)的背景界面參數(shù),例如配色方案、圖片顯示位置和圖片顯示方式(例如微博頁面滾動(dòng)時(shí)的顯示方式等等)等。實(shí)際應(yīng)用中,背景界面參數(shù)并不限于這幾種,可根據(jù)實(shí)際需求不斷修改、增加和/或刪除。設(shè)置完背景界面參數(shù)后,上傳至服務(wù)器。步驟102,將背景圖片的URL和背景界面參數(shù)進(jìn)行關(guān)聯(lián),并生成相應(yīng)的背景界面ID。服務(wù)器將某一圖片的背景圖片URL和背景界面參數(shù)進(jìn)行關(guān)聯(lián),并存儲(chǔ),然后創(chuàng)建對(duì)應(yīng)的背景界面ID,也可以稱為皮膚ID。通過背景界面ID就可以直接獲取到對(duì)應(yīng)的背景圖片URL和背景界面參數(shù)。通過上述步驟就完成了微博皮膚的自定義設(shè)置,之后進(jìn)行展示時(shí),該方法如下:步驟103,訪問微博頁面時(shí),根據(jù)獲取的背景界面ID獲取相應(yīng)的背景圖片URL和背景界面參數(shù)。當(dāng)用戶訪問微博頁面時(shí),客戶端自動(dòng)向服務(wù)器獲取背景界面ID,當(dāng)有多個(gè)背景界面ID時(shí),可顯示給用戶進(jìn)行選擇,之后,客戶端根據(jù)背景界面ID向服務(wù)器獲取對(duì)應(yīng)的背景圖片URL和背景界面參數(shù)。步驟104,將背景圖片URL和背景界面參數(shù)填入頁面CSS模板,進(jìn)行背景界面展示??蛻舳俗詣?dòng)將獲取的背景圖片URL和背景界面參數(shù)填入頁面CSS模板中的相應(yīng)位置,生成相應(yīng)的CSS,控制背景界面、即皮膚的展示,具體的:根據(jù)背景圖片URL獲取圖片,然后結(jié)合背景界面參數(shù)進(jìn)行顯示。需要指出的是:頁面CSS模板和背景界面參數(shù)可以有效地與微博頁面結(jié)合,且本發(fā)明支持對(duì)頁面CSS模板和背景界面參數(shù)進(jìn)行修改,如此,頁面CSS模板和背景界面參數(shù)可以根據(jù)需求不斷地優(yōu)化,使展示的皮膚滿足用戶日益豐富的需求。為了實(shí)現(xiàn)上述方法,本發(fā)明還提供了一種微博背景界面的實(shí)現(xiàn)系統(tǒng),如圖2所示,包括:客戶端和服務(wù)器,其中:服務(wù)器,用于存儲(chǔ)上傳的背景圖片和相應(yīng)的背景界面參數(shù),并生成背景圖片URL;還用于將背景圖片URL和背景界面參數(shù)進(jìn)行關(guān)聯(lián),并生成相應(yīng)的背景界面ID;客戶端,用于供用戶上傳背景圖片和相應(yīng)的背景界面參數(shù);還用于當(dāng)用戶訪問微博頁面時(shí),自動(dòng)獲取背景界面ID,并根據(jù)背景界面ID獲取相應(yīng)的背景圖片URL和背景界面參數(shù);還用于將獲取的背景圖片URL和背景界面參數(shù)填入頁面CSS模板,進(jìn)行背景界面展示。背景界面參數(shù)至少包括:配色方案、圖片顯示位置和圖片顯示方式??蛻舳诉€用于供用戶修改、增加和/或刪除背景界面參數(shù)??蛻舳诉€用于,將獲取的背景圖片URL和背景界面參數(shù)填入頁面CSS模板后,生成CSS,控制背景界面展示。以上所述,僅為本發(fā)明的較佳實(shí)施例而已,并非用于限定本發(fā)明的保護(hù)范圍。