專(zhuān)利名稱：Web頁(yè)面展示方法及系統(tǒng)的制作方法
Web頁(yè)面展示方法及系統(tǒng)
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種web頁(yè)面展示方法及系統(tǒng)。
背景技術(shù)：
Web應(yīng)用系統(tǒng)通常指基于瀏覽器/服務(wù)器的互聯(lián)網(wǎng)系統(tǒng)，web應(yīng)用系統(tǒng)中通常采用網(wǎng)頁(yè)來(lái)展示界面。通過(guò)在網(wǎng)頁(yè)中采用網(wǎng)頁(yè)描述語(yǔ)言添加圖片和音頻，即可向用戶展示富文本界面。Web應(yīng)用系統(tǒng)在展示頁(yè)面時(shí)，還通常將一些通用的用于提供服務(wù)的服務(wù)接口定義為控件。如文件上傳控件、圖片編輯控件等。使用了控件之后使得網(wǎng)頁(yè)展示的復(fù)用性大大提聞。Web應(yīng)用系統(tǒng)中的用戶通常被分為多種類(lèi)型，如管理員、一般用戶、VIP用戶等，web應(yīng)用系統(tǒng)根據(jù)用戶的類(lèi)型提供相應(yīng)的服務(wù)。傳統(tǒng)的web頁(yè)面展示方法中，預(yù)先根據(jù)用戶的類(lèi)型對(duì)應(yīng)地設(shè)置了相應(yīng)的網(wǎng)頁(yè)。當(dāng)根據(jù)用戶發(fā)起的訪問(wèn)請(qǐng)求獲取到用戶的類(lèi)型時(shí)，將與該用戶類(lèi)型對(duì)應(yīng)的網(wǎng)頁(yè)展示給該用戶。傳統(tǒng)的web頁(yè)面展示方法需要為每一種類(lèi)型的用戶均預(yù)先設(shè)置網(wǎng)頁(yè)，當(dāng)需要對(duì)多種用戶的網(wǎng)頁(yè)做統(tǒng)一的修改時(shí)，需要對(duì)每個(gè)網(wǎng)頁(yè)進(jìn)行修改。且當(dāng)根據(jù)業(yè)務(wù)需求需要設(shè)置多個(gè)具有新的服務(wù)接口的網(wǎng)頁(yè)時(shí)，一些可復(fù)用的服務(wù)接口需要在網(wǎng)頁(yè)中重復(fù)進(jìn)行代碼級(jí)的定義，從而使得傳統(tǒng)技術(shù)的展示方法適配性不強(qiáng)，擴(kuò)展性不足。

發(fā)明內(nèi)容基于此，有必要提供一種能提高擴(kuò)展性的web頁(yè)面展示方法。一種web頁(yè)面展示方法，所述方法包括以下步驟:獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)；根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息；根據(jù)所述控件配置信息加載所述web頁(yè)面的控件。優(yōu)選的，在所述獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求的步驟之前，還包括:獲取用戶標(biāo)識(shí)和控件配置指令；根據(jù)所述控件配置指令在預(yù)設(shè)的控件庫(kù)中選取控件；根據(jù)所述選取的控件生成與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。優(yōu)選的，所述預(yù)設(shè)的控件庫(kù)中的控件包括原始控件和擴(kuò)展控件；在所述獲取控件配置指令的步驟之前，還包括:獲取控件編輯指令；根據(jù)所述控件編輯指令將所述原始控件拼接成擴(kuò)展控件；將所述擴(kuò)展控件加入所述控件庫(kù)中。 優(yōu)選的，所述獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求的步驟之后，還包括:根據(jù)所述web頁(yè)面訪問(wèn)請(qǐng)求獲取用戶的瀏覽器類(lèi)型；所述根據(jù)所述控件配置信息加載所述web頁(yè)面的控件的步驟具體為:根據(jù)所述控件配置信息和所述瀏覽器類(lèi)型獲取與所述web頁(yè)面對(duì)應(yīng)的控件并加載到所述web頁(yè)面中。優(yōu)選的，在所述獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)的步驟之后，還包括:在緩存中查找與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件和網(wǎng)頁(yè)，若找到，則展示所述web頁(yè)面并在所述web頁(yè)面上加載所述控件，否則，進(jìn)入所述根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的預(yù)設(shè)的控件配置信息的步驟。此外，還有必要提供一種能提高擴(kuò)展性的web頁(yè)面展示系統(tǒng)。一種web頁(yè)面展示系統(tǒng)，包括以下模塊:請(qǐng)求獲取模塊，用于獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)；控件配置獲取模塊，用于根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。界面展示模塊，用于根據(jù)所述控件配置信息加載所述web頁(yè)面的控件。優(yōu)選的，還包括控件配置模塊，用于獲取用戶標(biāo)識(shí)和控件配置指令，根據(jù)所述控件配置指令在預(yù)設(shè)的控件庫(kù)中選取控件，根據(jù)所述選取的控件生成與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。優(yōu)選的，所述預(yù)設(shè)的控件庫(kù)中的控件包括原始控件和擴(kuò)展控件；所述系統(tǒng)還包括:
控件編輯模塊，用于獲取控件編輯指令，根據(jù)所述控件編輯指令將所述原始控件拼接成擴(kuò)展控件，將所述擴(kuò)展控件加入所述控件庫(kù)中。優(yōu)選的，所述請(qǐng)求獲取模塊還用于根據(jù)所述web頁(yè)面訪問(wèn)請(qǐng)求獲取用戶的瀏覽器類(lèi)型；所述界面展示模塊還用于根據(jù)所述控件編輯指令和所述瀏覽器類(lèi)型獲取與所述web頁(yè)面對(duì)應(yīng)的控件并加載到所述web頁(yè)面中。優(yōu)選的，還包括緩存模塊，用于將所述控件和web頁(yè)面與所述用戶標(biāo)識(shí)對(duì)應(yīng)緩存；所述界面展示模塊還用于在緩存中查找與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件和web頁(yè)面，若找到，則展示所述web頁(yè)面并在所述web頁(yè)面上加載所述控件，否則，用于根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的預(yù)設(shè)的控件配置信息。上述web頁(yè)面展示方法和系統(tǒng)，預(yù)先為用戶的web頁(yè)面訪問(wèn)請(qǐng)求設(shè)置對(duì)應(yīng)的控件配置信息；在展示時(shí)，根據(jù)用戶標(biāo)識(shí)獲取與該用戶對(duì)應(yīng)的控件配置信息，然后將控件和web頁(yè)面組合，即可向該用戶展示與該用戶對(duì)應(yīng)的界面。對(duì)于不同類(lèi)型的用戶只需預(yù)設(shè)不同類(lèi)型的控件配置信息，而不用修改所有的web頁(yè)面，從而使得web頁(yè)面的展示適配性更高，擴(kuò)展性更強(qiáng)。

圖1為一個(gè)實(shí)施例中web頁(yè)面展示方法的流程圖；圖2為一個(gè)實(shí)施例中web頁(yè)面展示系統(tǒng)的結(jié)構(gòu)示意圖；圖3為另一個(gè)實(shí)施例中web頁(yè)面展示系統(tǒng)的結(jié)構(gòu)示意圖。
具體實(shí)施方式如圖1所示，在一個(gè)實(shí)施例中，一種web頁(yè)面展示方法，包括以下步驟:步驟S102,獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)。
在一個(gè)實(shí)施例中，web應(yīng)用定義的web頁(yè)面訪問(wèn)請(qǐng)求為URL(Uniform ResourceLocator,統(tǒng)一資源定位符)請(qǐng)求。用戶可以通過(guò)在瀏覽器的地址欄輸入U(xiǎn)RL來(lái)向web應(yīng)用請(qǐng)求對(duì)應(yīng)的web頁(yè)面。web頁(yè)面訪問(wèn)請(qǐng)求中可以附加參數(shù)，該參數(shù)可以為用于區(qū)分不同用戶或不同用戶類(lèi)型的用戶標(biāo)識(shí)，例如標(biāo)識(shí)號(hào)碼、用戶帳號(hào)或姓名等。在一個(gè)實(shí)施例中，web應(yīng)用還會(huì)為每個(gè)訪問(wèn)用戶建立session(會(huì)話緩存)，并在session中緩存該用戶的用戶標(biāo)識(shí)。當(dāng)獲取到web頁(yè)面訪問(wèn)請(qǐng)求后,先根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求獲取該請(qǐng)求對(duì)應(yīng)的session,然后再?gòu)膕ession中提取出用戶標(biāo)識(shí)。步驟S104，根據(jù)用戶標(biāo)識(shí)獲取與用戶標(biāo)識(shí)對(duì)應(yīng)的預(yù)設(shè)的控件配置信息?？丶渲眯畔⒖稍陬A(yù)先設(shè)置，可先獲取用戶標(biāo)識(shí)和控件配置指令，根據(jù)控件配置指令在預(yù)設(shè)的控件庫(kù)中選取控件，根據(jù)選取的控件生成與用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。在一個(gè)實(shí)施例中，可根據(jù)用戶輸入的控件配置指令，并根據(jù)控件配置指令在預(yù)設(shè)的控件庫(kù)中獲取用戶選取的控件的控件標(biāo)識(shí)，然后根據(jù)選取控件的控件標(biāo)識(shí)生成與用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。在另一個(gè)實(shí)施例中，控件配置信息可由管理員為多個(gè)用戶類(lèi)別分別設(shè)置控件配置信息。管理員在預(yù)設(shè)的控件庫(kù)中為每個(gè)用戶類(lèi)別分別選取控件，然后根據(jù)選取控件的控件標(biāo)識(shí)生成與用戶類(lèi)別對(duì)應(yīng)的控件配置信息。每個(gè)用戶類(lèi)別包括至少一個(gè)用戶，該用戶的用戶標(biāo)識(shí)對(duì)應(yīng)其用戶類(lèi)別的控制配置信息。其中，控件庫(kù)為預(yù)先設(shè)置，可以是數(shù)據(jù)庫(kù)或文件系統(tǒng)，其中存儲(chǔ)有多種控件。控件標(biāo)識(shí)用于區(qū)分不同的控件，包括控件的編碼、名稱或關(guān)鍵字
坐寸ο進(jìn)一步的，可以先向用戶展示可視化配置界面，通過(guò)可視化配置界面獲取用戶在可視化配置界面選取的控件和控件的擺放位置，并獲取用戶輸入的用戶標(biāo)識(shí)(管理員可以通過(guò)輸入普通用戶的用戶標(biāo)識(shí)來(lái)為普通用戶配置控件配置信息)。具體的，可根據(jù)用戶選取的控件和擺放位置生成與輸入的用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息，該控件配置信息包括控件標(biāo)識(shí)和控件的擺放位置(例如控件位于界面中的坐標(biāo)位置等)。為管理員用戶提供可視化的配置界面可以方便對(duì)展示給不同用戶的web頁(yè)面進(jìn)行定制。在一個(gè)實(shí)施例中，在獲取控件配置指令之前，還可以獲取控件編輯指令，并根據(jù)控件編輯指令將原始控件拼接成擴(kuò)展控件，然后將擴(kuò)展控件加入到控件庫(kù)中?？梢灶A(yù)先設(shè)置多個(gè)原始控件，如文件上傳控件、列表控件、樹(shù)控件。然后向用戶展示可視化的編輯界面，并在可視化編輯界面上展示原始控件。然后通過(guò)獲取用戶對(duì)可視化編輯界面上的原始控件的拖曳操作將多個(gè)原始控件拼接成擴(kuò)展控件，編輯完成后，再為其分配唯一的控件標(biāo)識(shí)，然后將擴(kuò)展控件存儲(chǔ)到控件庫(kù)中。進(jìn)一步的，獲取控件編輯指令后，還可以根據(jù)控件編輯指令對(duì)原始控件和擴(kuò)展控件進(jìn)行編輯。編輯的內(nèi)容可包括控件的樣式、控件事件、控件判斷、界面結(jié)構(gòu)(例如，默認(rèn)擺放位置)、數(shù)據(jù)結(jié)構(gòu)的預(yù)制擴(kuò)展方法(例如，控件事件在數(shù)據(jù)庫(kù)中對(duì)應(yīng)的字段)。例如，可預(yù)設(shè)素材庫(kù)和樣式庫(kù)，并通過(guò)可視化的控件編輯界面獲取用戶選取的素材和樣式修改控件的外觀顏色和形狀大小，或者根據(jù)用戶添加的控件事件為控件添加事件處理邏輯?？蓪⒕庉嫼玫目丶鳛樾律傻臄U(kuò)展控件存儲(chǔ)。根據(jù)控件編輯指令對(duì)控件的樣式、控件事件等等信息進(jìn)行修改編輯，可以方便用戶根據(jù)需要定制需要的控件。通過(guò)可視化界面展示控件編輯界面，可以方便用戶查看、刪除和測(cè)試編輯結(jié)果。進(jìn)一步的，獲取web頁(yè)面訪問(wèn)請(qǐng)求之后，還可以根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求獲取用戶的瀏覽器類(lèi)型?？筛鶕?jù)控件配置信息和瀏覽器類(lèi)型獲取與web頁(yè)面對(duì)應(yīng)的控件并加載到web頁(yè)面中。在預(yù)設(shè)控件和編輯控件時(shí)，可根據(jù)瀏覽器類(lèi)型生成具有多個(gè)版本和相同標(biāo)識(shí)的控件，并根據(jù)瀏覽器類(lèi)型區(qū)分存儲(chǔ)在控件庫(kù)中。在根據(jù)控件配置信息獲取與web頁(yè)面對(duì)應(yīng)的控件時(shí)，可先根據(jù)控件配置信息中的控件標(biāo)識(shí)在控件庫(kù)中選取與控件標(biāo)識(shí)匹配的控件，然后再在選取的結(jié)果中查找與獲取到的瀏覽器類(lèi)型對(duì)應(yīng)的控件，然后將該控件加載到web頁(yè)面中。將控件對(duì)應(yīng)瀏覽器類(lèi)型進(jìn)行多版本的存儲(chǔ)，可以避免在控件中添加瀏覽器類(lèi)型判斷的邏輯，使得在適配瀏覽器類(lèi)型時(shí)，可預(yù)先針對(duì)瀏覽器類(lèi)型選取合適版本的控件，避免了在控件中通過(guò)分割代碼判斷瀏覽器類(lèi)型而導(dǎo)致的異常，從而提高了擴(kuò)展性和穩(wěn)定性。跨瀏覽器的原始控件即為包含了跨瀏覽器邏輯的原始控件。不同的瀏覽器中的腳本標(biāo)準(zhǔn)和web頁(yè)面標(biāo)準(zhǔn)不同，而跨瀏覽器的原始控件中的邏輯(通過(guò)識(shí)別瀏覽器的類(lèi)型而調(diào)用適配多種瀏覽器的函數(shù)的邏輯)針對(duì)不同的瀏覽器采用了不同的實(shí)現(xiàn)方式來(lái)達(dá)到相同的效果。按照跨瀏覽器的邏輯將預(yù)設(shè)的原始控件拼接成擴(kuò)展控件，可以使得拼接而成的擴(kuò)展控件也包含跨瀏覽器的邏輯。例如，IE(Internet Explorer,一種瀏覽器)和Firefox(—種瀏覽器)采用了不同的javascript (—種腳本語(yǔ)言)解析器，在某些函數(shù)的執(zhí)行上有細(xì)微差別?？鐬g覽器的原始控件在設(shè)置時(shí)，均以IE和Firefox通用的函數(shù)進(jìn)行定義。當(dāng)相同的原始控件分別在IE和Firfox上加載時(shí),就能顯示相同的效果。步驟S106，根據(jù)控件配置信息加載web頁(yè)面的控件。與web頁(yè)面訪問(wèn)請(qǐng)求對(duì)應(yīng)的web頁(yè)面可以為預(yù)先設(shè)置,也可以根據(jù)請(qǐng)求參數(shù)動(dòng)態(tài)生成。在根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求找到與其對(duì)應(yīng)的web頁(yè)面后將該web頁(yè)面進(jìn)行展示，然后根據(jù)控件配置信息中的控件標(biāo)識(shí)獲取與該web頁(yè)面對(duì)應(yīng)的控件(控件配置信息中，針對(duì)不同的web頁(yè)面配置的控件不同)，然后將控件在該web頁(yè)面上加載。進(jìn)一步的，可通過(guò)從左至右及從上到下的加載順序加載控件。在一個(gè)實(shí)施例中，根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求提取用戶標(biāo)識(shí)之后，還可以先在緩存中查找與用戶標(biāo)識(shí)對(duì)應(yīng)的控件和web頁(yè)面,若找到，則展示web頁(yè)面并在web頁(yè)面上加載控件，否則，進(jìn)入根據(jù)用戶標(biāo)識(shí)獲取與用戶標(biāo)識(shí)對(duì)應(yīng)的預(yù)設(shè)的控件配置信息的步驟。在向用戶展示web頁(yè)面并在web頁(yè)面上加載控件后，可以將加載了控件的web頁(yè)面緩存，既可以緩存在瀏覽器也可以緩存在session中。使用緩存可以避免對(duì)于相同的web頁(yè)面訪問(wèn)請(qǐng)求進(jìn)行反復(fù)的查找控件配置信息的工作，從而提高了展示效率。如圖2所示,在一個(gè)實(shí)施例中，一種web頁(yè)面展示系統(tǒng),包括請(qǐng)求獲取模塊102、控件配置獲取模塊104以及界面展示模塊106，其中:請(qǐng)求獲取模塊102用于獲取web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)。在一個(gè)實(shí)施例中，web應(yīng)用定義的web頁(yè)面訪問(wèn)請(qǐng)求為URL(Uniform ResourceLocator,統(tǒng)一資源定位符)請(qǐng)求。用戶可以通過(guò)在瀏覽器的地址欄輸入U(xiǎn)RL來(lái)向web應(yīng)用請(qǐng)求對(duì)應(yīng)的web頁(yè)面。web頁(yè)面訪問(wèn)請(qǐng)求中可以附加參數(shù)，該參數(shù)可以為用于區(qū)分不同用戶或不同用戶類(lèi)型的用戶標(biāo)識(shí)，例如標(biāo)識(shí)號(hào)碼、用戶帳號(hào)或姓名等。在一個(gè)實(shí)施例中，web應(yīng)用還會(huì)為每個(gè)訪問(wèn)用戶建立session(會(huì)話緩存)，并在session中緩存該用戶的用戶標(biāo)識(shí)。當(dāng)獲取到web頁(yè)面訪問(wèn)請(qǐng)求后,先根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求獲取該請(qǐng)求對(duì)應(yīng)的session,然后再?gòu)膕ession中提取出用戶標(biāo)識(shí)?？丶渲毛@取模塊104用于根據(jù)用戶標(biāo)識(shí)獲取與用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。如圖3所示，web頁(yè)面展示系統(tǒng)還包括控件配置模塊108，可用于獲取用戶標(biāo)識(shí)和控件配置指令，根據(jù)控件配置指令在預(yù)設(shè)的控件庫(kù)中選取控件，根據(jù)選取的控件生成與用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。一個(gè)實(shí)施例中，控件配置模塊108可用于根據(jù)用戶輸入的控件配置指令，并根據(jù)控件配置指令在預(yù)設(shè)的控件庫(kù)中獲取用戶選取的控件的控件標(biāo)識(shí)，然后根據(jù)選取控件的控件標(biāo)識(shí)生成與用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。在另一個(gè)實(shí)施例中，控件配置信息可由管理員為多個(gè)用戶類(lèi)別分別設(shè)置控件配置信息。管理員在預(yù)設(shè)的控件庫(kù)中為每個(gè)用戶類(lèi)別分別選取控件，然后根據(jù)選取控件的控件標(biāo)識(shí)生成與用戶類(lèi)別對(duì)應(yīng)的控件配置信息。每個(gè)用戶類(lèi)別包括至少一個(gè)用戶，該用戶的用戶標(biāo)識(shí)對(duì)應(yīng)其用戶類(lèi)別的控制配置信息。其中，控件庫(kù)為預(yù)先設(shè)置，可以是數(shù)據(jù)庫(kù)或文件系統(tǒng)，其中存儲(chǔ)有多種控件?？丶?biāo)識(shí)用于區(qū)分不同的控件，包括控件的標(biāo)識(shí)號(hào)編碼、名稱或關(guān)鍵字等。進(jìn)一步的，控件配置模塊108可以用于先向用戶展示可視化配置界面，然后記錄用戶在可視化配置界面上，通過(guò)拖曳的方式的選取的控件的控件標(biāo)識(shí)和擺放位置，并獲取用戶輸入的用戶標(biāo)識(shí)(管理員可以通過(guò)輸入普通用戶的用戶標(biāo)識(shí)來(lái)為普通用戶配置控件配置信息)。具體的，可根據(jù)用戶選取的控件和擺放位置生成與輸入的用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息，該控件配置信息包括控件標(biāo)識(shí)和控件的擺放位置(例如控件位于界面中的坐標(biāo)位置等)。為管理員用戶提供可視化的配置界面可以方便對(duì)展示給不同用戶的web頁(yè)面進(jìn)行定制。在一個(gè)實(shí)施例中，如圖3所示，web頁(yè)面展示系統(tǒng)還包括控件編輯模塊110，可用于獲取控件編輯指令，并根據(jù)控件編輯指令將原始控件拼接成擴(kuò)展控件，然后將擴(kuò)展控件加入到控件庫(kù)中。可以預(yù)先設(shè)置多個(gè)原始控件，如文件上傳控件、列表控件、樹(shù)控件。控件編輯模塊110用于向用戶展示可視化的編輯界面，并在可視化編輯界面上展示原始控件?？丶庉嬆K110還用于通過(guò)獲取用戶對(duì)可視化編輯界面上的原始控件的拖曳操作將多個(gè)原始控件拼接成擴(kuò)展控件，編輯完成后，再為其分配唯一的控件標(biāo)識(shí)，然后將擴(kuò)展控件存儲(chǔ)到控件庫(kù)中。進(jìn)一步的，控件編輯模塊110還可用于根據(jù)控件編輯指令對(duì)原始控件和擴(kuò)展控件進(jìn)行編輯。編輯的內(nèi)容可包括控件的樣式、控件事件、控件判斷、界面結(jié)構(gòu)(例如，默認(rèn)擺放位置)、數(shù)據(jù)結(jié)構(gòu)的預(yù)制擴(kuò)展方法(例如，控件事件在數(shù)據(jù)庫(kù)中對(duì)應(yīng)的字段)。例如，可預(yù)設(shè)素材庫(kù)和樣式庫(kù)，并通過(guò)可視化的控件編輯界面獲取用戶選取的素材和樣式修改控件的外觀顏色和形狀大小，或者根據(jù)用戶添加的控件事件為控件添加事件處理邏輯。可將編輯好的控件作為新生成的擴(kuò)展控件存儲(chǔ)。根據(jù)控件編輯指令對(duì)控件的樣式、控件事件等等信息進(jìn)行修改編輯，可以方便用戶根據(jù)需要定制需要的控件。通過(guò)可視化界面展示控件編輯界面，可以方便用戶查看、刪除和測(cè)試編輯結(jié)果。進(jìn)一步的，請(qǐng)求獲取模塊102還可用于根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求獲取用戶的瀏覽器類(lèi)型。界面展示模塊106還可用于根據(jù)控件配置信息和瀏覽器類(lèi)型獲取與web頁(yè)面對(duì)應(yīng)的控件并加載到web頁(yè)面中。在預(yù)設(shè)控件和編輯控件時(shí)，控件編輯模塊可用于110可根據(jù)瀏覽器類(lèi)型生成具有多個(gè)版本和相同標(biāo)識(shí)的控件，并根據(jù)瀏覽器類(lèi)型區(qū)分存儲(chǔ)在控件庫(kù)中。界面展示模塊106在根據(jù)控件配置信息獲取與web頁(yè)面對(duì)應(yīng)的控件時(shí)，可先根據(jù)控件配置信息中的控件標(biāo)識(shí)在控件庫(kù)中選取與控件標(biāo)識(shí)匹配的控件，然后再在選取的結(jié)果中查找與獲取到的瀏覽器類(lèi)型對(duì)應(yīng)的控件，然后將該控件加載到web頁(yè)面中。將控件對(duì)應(yīng)瀏覽器類(lèi)型進(jìn)行多版本的存儲(chǔ)，可以避免在控件中添加瀏覽器類(lèi)型判斷的邏輯，使得在適配瀏覽器類(lèi)型時(shí)，可預(yù)先針對(duì)瀏覽器類(lèi)型選取合適版本的控件，避免了在控件中通過(guò)分割代碼判斷瀏覽器類(lèi)型而導(dǎo)致的異常，從而提高了擴(kuò)展性和穩(wěn)定性?？鐬g覽器的原始控件即為包含了跨瀏覽器邏輯的原始控件。不同的瀏覽器中的腳本標(biāo)準(zhǔn)和web頁(yè)面標(biāo)準(zhǔn)不同，而跨瀏覽器的原始控件中的邏輯(通過(guò)識(shí)別瀏覽器的類(lèi)型而調(diào)用適配多種瀏覽器的函數(shù)的邏輯)針對(duì)不同的瀏覽器采用了不同的實(shí)現(xiàn)方式來(lái)達(dá)到相同的效果。按照跨瀏覽器的邏輯將預(yù)設(shè)的原始控件拼接成擴(kuò)展控件，可以使得拼接而成的擴(kuò)展控件也包含跨瀏覽器的邏輯。例如，IE(Internet Explorer,一種瀏覽器)和Firefox(—種瀏覽器)采用了不同的javascript (—種腳本語(yǔ)言)解析器，在某些函數(shù)的執(zhí)行上有細(xì)微差別?？鐬g覽器的原始控件在設(shè)置時(shí)，均以IE和Firefox通用的函數(shù)進(jìn)行定義。當(dāng)相同的原始控件分別在IE和Firefox上加載時(shí),就能顯示相同的效果。界面展示模塊106據(jù)控件配置信息加載web頁(yè)面的控件。與web頁(yè)面訪問(wèn)請(qǐng)求對(duì)應(yīng)的web頁(yè)面可以為預(yù)先設(shè)置,也可以根據(jù)請(qǐng)求參數(shù)動(dòng)態(tài)生成。在根據(jù)web頁(yè)面訪問(wèn)請(qǐng)求找到與其對(duì)應(yīng)的web頁(yè)面后將該web頁(yè)面進(jìn)行展示，然后根據(jù)控件配置信息中的控件標(biāo)識(shí)獲取與該web頁(yè)面對(duì)應(yīng)的控件(控件配置信息中，針對(duì)不同的web頁(yè)面配置的控件不同)，然后將控件在該web頁(yè)面上加載。進(jìn)一步的，可通過(guò)從左至右及從上到下的加載順序加載控件。在一個(gè)實(shí)施例中，如圖3所示，web頁(yè)面展示系統(tǒng)還包括緩存模塊112，可用于將所述控件和web頁(yè)面與所述用戶標(biāo)識(shí)對(duì)應(yīng)緩存。本實(shí)施例中，界面展示模塊106還用于在緩存中查找與用戶標(biāo)識(shí)對(duì)應(yīng)的控件和web頁(yè)面,若找到,則展示web頁(yè)面并在web頁(yè)面上加載控件，否則，根據(jù)用戶標(biāo)識(shí)獲取與用戶標(biāo)識(shí)對(duì)應(yīng)的預(yù)設(shè)的控件配置信息。在向用戶展示web頁(yè)面并在web頁(yè)面上加載控件后，可以將加載了控件的web頁(yè)面緩存，既可以緩存在瀏覽器也可以緩存在session中。使用緩存可以避免對(duì)于相同的web頁(yè)面訪問(wèn)請(qǐng)求進(jìn)行反復(fù)的查找控件配置信息的工作，從而提高了展示效率。上述web頁(yè)面展示方法和系統(tǒng)，預(yù)先為用戶的的web頁(yè)面訪問(wèn)請(qǐng)求設(shè)置對(duì)應(yīng)的控件配置信息。在展示時(shí)，根據(jù)用戶的類(lèi)型獲取與該用戶對(duì)應(yīng)的控件配置信息，然后將控件和web頁(yè)面組合，即可向該用戶展示與該用戶對(duì)應(yīng)的界面。而對(duì)于不同類(lèi)型的用戶只需預(yù)設(shè)不同類(lèi)型的控件配置信息，而不用修改所有的web頁(yè)面。從而使得web頁(yè)面的展示適配性更高，擴(kuò)展性更強(qiáng)。以上所述實(shí)施例僅表達(dá)了本發(fā)明的幾種實(shí)施方式，其描述較為具體和詳細(xì)，但并不能因此而理解為對(duì)本發(fā)明專(zhuān)利范圍的限制。應(yīng)當(dāng)指出的是，對(duì)于本領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)，在不脫離本發(fā)明構(gòu)思的前提下，還可以做出若干變形和改進(jìn)，這些都屬于本發(fā)明的保護(hù)范圍。因此，本發(fā)明專(zhuān)利的保護(hù)范圍應(yīng)以所附權(quán)利要求為準(zhǔn)。
權(quán)利要求
1.一種web頁(yè)面展示方法，所述方法包括以下步驟: 獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)； 根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息； 根據(jù)所述控件配置信息加載所述web頁(yè)面的控件。
2.根據(jù)權(quán)利要求1所述的web頁(yè)面展示方法，其特征在于，在所述獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求的步驟之前，還包括: 獲取用戶標(biāo)識(shí)和控件配置指令； 根據(jù)所述控件配置指令在預(yù)設(shè)的控件庫(kù)中選取控件； 根據(jù)所述選取的控件生成與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。
3.根據(jù)權(quán)利要求2所述的web頁(yè)面展示方法，其特征在于，所述預(yù)設(shè)的控件庫(kù)中的控件包括原始控件和擴(kuò)展控件； 在所述獲取控件配置指令的步驟之前，還包括: 獲取控件編輯指令； 根據(jù)所述控件編輯指令將所述原始控件拼接成擴(kuò)展控件； 將所述擴(kuò)展控件加入所述控件庫(kù)中。
4.根據(jù)權(quán)利要求3所述的web頁(yè)面展示方法，其特征在于，所述獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求的步驟之后，還包括: 根據(jù)所述web頁(yè)面訪問(wèn)請(qǐng)求獲取用戶的瀏覽器類(lèi)型； 所述根據(jù)所述控件配置信息加載所述web頁(yè)面的控件的步驟具體為: 根據(jù)所述控件配置信息和所述瀏覽器類(lèi)型獲取與所述web頁(yè)面對(duì)應(yīng)的控件并加載到所述web頁(yè)面中。
5.根據(jù)權(quán)利要求1所述的web頁(yè)面展示方法，其特征在于，在所述獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)的步驟之后，還包括: 在緩存中查找與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件和網(wǎng)頁(yè)，若找到，則展示所述web頁(yè)面并在所述web頁(yè)面上加載所述控件，否則，進(jìn)入所述根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的預(yù)設(shè)的控件配置信息的步驟。
6.一種web頁(yè)面展示系統(tǒng)，其特征在于，包括以下模塊: 請(qǐng)求獲取模塊，用于獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)； 控件配置獲取模塊，用于根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信肩、O 界面展示模塊，用于根據(jù)所述控件配置信息加載所述web頁(yè)面的控件。
7.根據(jù)權(quán)利要求6所述的web頁(yè)面展示系統(tǒng)，其特征在于，還包括控件配置模塊，用于獲取用戶標(biāo)識(shí)和控件配置指令，根據(jù)所述控件配置指令在預(yù)設(shè)的控件庫(kù)中選取控件，根據(jù)所述選取的控件生成與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息。
8.根據(jù)權(quán)利要求7所述的web頁(yè)面展示系統(tǒng)，其特征在于，所述預(yù)設(shè)的控件庫(kù)中的控件包括原始控件和擴(kuò)展控件；所述系統(tǒng)還包括: 控件編輯模塊，用于獲取控件編輯指令，根據(jù)所述控件編輯指令將所述原始控件拼接成擴(kuò)展控件，將所述擴(kuò)展控件加入所述控件庫(kù)中。
9.根據(jù)權(quán)利要求8所述的web頁(yè)面展示系統(tǒng)，其特征在于，所述請(qǐng)求獲取模塊還用于根據(jù)所述web頁(yè)面訪問(wèn)請(qǐng)求獲取用戶的瀏覽器類(lèi)型；所述界面展示模塊還用于根據(jù)所述控件編輯指令和所述瀏覽器類(lèi)型獲取與所述web頁(yè)面對(duì)應(yīng)的控件并加載到所述web頁(yè)面中。
10.根據(jù)權(quán)利要求6所述的web頁(yè)面展示系統(tǒng)，其特征在于，還包括緩存模塊，用于將所述控件和web頁(yè)面與所述用戶標(biāo)識(shí)對(duì)應(yīng)緩存； 所述界面展示模塊還用于在緩存中查找與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件和web頁(yè)面，若找至IJ，則展示所述web頁(yè)面并在所述web頁(yè)面上加載所述控件，否則，用于根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的 預(yù)設(shè)的控件配置信息。
全文摘要
一種web頁(yè)面展示方法，包括以下步驟獲取用戶的web頁(yè)面訪問(wèn)請(qǐng)求和用戶標(biāo)識(shí)；根據(jù)所述用戶標(biāo)識(shí)獲取與所述用戶標(biāo)識(shí)對(duì)應(yīng)的控件配置信息；根據(jù)所述控件配置信息加載所述web頁(yè)面的控件。此外，還對(duì)應(yīng)提供了一種web頁(yè)面展示系統(tǒng)。上述web頁(yè)面展示方法和系統(tǒng)使得web頁(yè)面的展示適配性更高，擴(kuò)展性更強(qiáng)。
文檔編號(hào)G06F9/44GK103186370SQ201110451699
公開(kāi)日2013年7月3日 申請(qǐng)日期2011年12月29日 優(yōu)先權(quán)日2011年12月29日
發(fā)明者任峰 申請(qǐng)人:金蝶軟件(中國(guó))有限公司