專利名稱:一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方法和Web服務(wù)器的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及Web頁面的顯示技術(shù),尤其涉及在Web頁面上顯示圓角矩形 的方法及Web服務(wù)器。
背景技術(shù):
在Web應(yīng)用系統(tǒng)中,如圖1所示,經(jīng)常會在頁面的某些展示區(qū)域使用圓 角矩形作為信息的顯示面板,以達(dá)到更加美觀和整潔的顯示效果。僅僅依靠 Html提供的標(biāo)準(zhǔn)元素能夠讓瀏覽器上顯示嚴(yán)格矩形,不能夠顯示帶有復(fù)雜形 狀邊界的圓角矩形。為了解決這個(gè)問題,現(xiàn)有技術(shù)中在Web頁面上圓角矩形 中的圓角部分用預(yù)先存儲的圖片作為背景,具體地,首先由美工人員預(yù)先繪 制若干個(gè)包含圓角的圖片,以圖片文件的形式存儲在服務(wù)器的存儲媒介中, 再由Web系統(tǒng)的頁面設(shè)計(jì)人員修改樣式表文件,分別指定頁面中圓角矩形的 四個(gè)角區(qū)域的背景圖片為上述存儲的包含圓角的圖片,圓角矩形的其他區(qū)域 放置Html提供的標(biāo)準(zhǔn)元素,當(dāng)用戶終端向服務(wù)器發(fā)送訪問頁面的請求后,月良 務(wù)器依次將Web頁面的Html代碼發(fā)送給用戶終端的瀏覽器,瀏覽器將這些 Html代碼顯示成圖形或者文字,其中當(dāng)瀏覽器解析到圓角矩形的圓角區(qū)域時(shí), 會獲得作為背景的圖片文件的鏈接地址,然后瀏覽器向服務(wù)器發(fā)送獲得該文 件信息的請求,該請求中包含文件的鏈接地址,服務(wù)器接收到該請求后根據(jù) 鏈接地址,在存儲媒介中找到瀏覽器想要獲得的文件并以二進(jìn)制流的形式發(fā) 送給用戶終端,用戶終端的瀏覽器將接收到的二進(jìn)制流顯示成圖片,這樣圓 角矩形的四個(gè)圓角部分就在瀏覽器上顯示出來,圓角矩形的其他部分可以通 過瀏覽器解析Html代碼中預(yù)先設(shè)置的標(biāo)準(zhǔn)元素來顯示。在系統(tǒng)要求發(fā)生變化時(shí),例如基于整個(gè)頁面風(fēng)格變化的需要,頁面中的 圓角矩形的顏色、圓角的尺寸和圓角弧度等參數(shù)也需要做相應(yīng)調(diào)整,此時(shí)采 用上述現(xiàn)有技術(shù)的圓角矩形若要實(shí)現(xiàn)這樣的調(diào)整,則需要美工人員根據(jù)新的要求重新繪制包含四個(gè)圓角的矩形圖片,并需要網(wǎng)頁設(shè)計(jì)人員重新調(diào)整樣式 表文件,使圓角矩形的四個(gè)角區(qū)域指定新的圖片文件作為背景,這樣當(dāng)用戶 終端訪問該頁面時(shí),服務(wù)器可以根據(jù)新的包含圓角的背景圖片文件的鏈接地 址,將新的背景圖片以二進(jìn)制流的形式發(fā)送給用戶終端,瀏覽器將新的背景 圖片顯示在頁面中的圓角矩形的圓角區(qū)域。由此可見,當(dāng)需要改變圓角矩形 時(shí),不僅需要美工人員重新繪制圖片,還需要網(wǎng)頁設(shè)計(jì)人員修改樣式表,維 護(hù)專支麻煩。發(fā)明內(nèi)容本發(fā)明解決的技術(shù)問題是提供一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方 法,以解決目前技術(shù)中由于采用靜態(tài)背景圖片實(shí)現(xiàn)圓角矩形顯示所帶來的維 護(hù)麻煩的問題。為解決上述問題,本發(fā)明^是供一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方 法,該方法包4舌服務(wù)器接收用戶終端發(fā)送的訪問Web頁面的請求,對于頁面中的圓角矩 形區(qū)域,預(yù)置的圓角矩形組件根據(jù)頁面中為該圓角矩形組件指定的屬性值, 繪制出圓角矩形,并將該圓角矩形傳遞給服務(wù)器,服務(wù)器將包含圓角矩形的 信息發(fā)送給用戶終端;用戶終端根據(jù)接收的包含圓角矩形的信息在瀏覽器上顯示。 這樣,在用戶終端通過瀏覽器訪問需要顯示圓角矩形的頁面時(shí),服務(wù)器 將包含圓角矩形組件動(dòng)態(tài)繪制的圓角矩形發(fā)送給用戶終端,在頁面需要維護(hù) 的時(shí)候,圓角矩形的顯示結(jié)果也需要做相應(yīng)調(diào)整,上述技術(shù)方案不需要如現(xiàn) 有技術(shù)中美工人員重新繪制背景圖片,而只需要改變頁面中指定的圓角矩形 的屬性值,這樣當(dāng)用戶再訪問該頁面時(shí),圓角矩形組件根據(jù)指定的新屬性值 繪制新的圓角矩形,并由服務(wù)器發(fā)送到用戶終端上的瀏覽器中顯示,所以本 發(fā)明提供的顯示圓角矩形的方法更用以維護(hù)。在上述方法中,指定的圓角矩形組件的屬性值包括表示圓角矩形形狀特征的屬性值和表示圓角矩形顏色特征的屬性值;圓角矩形組件根據(jù)預(yù)先指定 的表示圓角矩形形狀特征的屬性值和表示圓角矩形顏色特征的屬性值,動(dòng)態(tài) 繪制圓角矩形。這樣只需要改變指定的表示圓角矩形的形狀和顏色的特征值, 就可以實(shí)現(xiàn)圓角矩形的變化。上述方法中,表示圓角矩形形狀特征的屬性值包括表示圓角矩形的四 個(gè)角中需要使用圓角的角的Target屬性值;表示需要使用的圓角的弧度的Radius屬性值;表示圓角矩形的寬度和高度的Height屬性值和Width屬性值;圓角矩形組件^f艮據(jù)預(yù)先指定的圓角矩形組件的屬性值動(dòng)態(tài)繪制出圓角矩 形的步驟包括圓角矩形組件根據(jù)預(yù)先指定的圓角矩形組件的Target屬性值,識別需要 使用圓角的角,并在需要使用圓角的角區(qū)域繪制與Radius屬性值、BgColor 屬性值、Height屬性^直和Width屬性值相對應(yīng)的圓角矩形。表示圓角矩形顏色特征的屬性值包括表示圓角矩形的背景顏色的BgColor屬性值;表示圓角矩形的邊框顏色的BorderColor屬性值;圓角矩形組件根據(jù)預(yù)先指定的所述圓角矩形組件的屬性值動(dòng)態(tài)繪制出圓 角矩形的步驟包括圓角矩形組件繪制與BgColor屬性值、BorderColor屬性值相對應(yīng)的圓角 矩形。在上述方法中,還包括服務(wù)器端在頁面的圓角矩形的中間區(qū)域控制顯示 的文字內(nèi)容的步驟。這樣圓角矩形就作為文字信息的展示面板。在上述方法中,預(yù)先指定的圓角矩形組件的屬性值還包括表示是否自 動(dòng)出現(xiàn)水平滾動(dòng)條的IsHScroll屬性值,或/和表示是否自動(dòng)出現(xiàn)垂直滾動(dòng)條的 IsVScroll屬性^直;如果所述IsHScroll屬性值為是,則在圓角矩形的中間顯示的文字內(nèi)容超過所述圓角矩形的寬度時(shí),所述服務(wù)器端控制在頁面的圓角矩形中顯示水平 滾動(dòng)條;如果所述IsVScroll屬性值為是,則在圓角矩形的中間顯示的文字內(nèi)容超過所述圓角矩形的高度時(shí),所述服務(wù)器端控制在頁面的圓角矩形中顯示垂直 滾動(dòng)條。這樣可以達(dá)到當(dāng)文字信息過多時(shí)仍然保持較好的顯示效果。在上述方法中,圓角矩形組件的定義由JAVA語言編寫制作。本發(fā)明另一方面還提供了一種Web服務(wù)器,其包括接收單元,用于接收用戶終端發(fā)送的訪問頁面的請求信息;圓角矩形處理單元,用于將Web頁面中指定給圓角矩形組件的屬性值傳 遞給圓角矩形組件并接收圓角矩形組件繪制的圓角矩形;, 發(fā)送單元,將包含圓角矩形的信息發(fā)送給用戶終端。這樣,在用戶發(fā)送訪問包含圓角矩形的頁面時(shí),上述服務(wù)器能夠?qū)A角 矩形動(dòng)態(tài)畫出的圓角矩形發(fā)送給用戶終端,用來顯示,在頁面需要調(diào)整時(shí), 對于圓角矩形只需要給變指定的屬性即可,頁面的維護(hù)方便。在上述Web服務(wù)器中,還包括用于存儲預(yù)先制作的圓角矩形組件的圓角 矩形組件實(shí)現(xiàn)單元。
圖l是頁面中顯示的一種圓角矩形的示意圖;圖2是本發(fā)明實(shí)施例提供的一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方法 流程圖;圖3是本發(fā)明實(shí)施例中對圓角矩形區(qū)域進(jìn)行劃分的示意圖; 圖4是本發(fā)明實(shí)施例提供的一種Web服務(wù)器的結(jié)構(gòu)示意圖; 圖5是本發(fā)明實(shí)施例提供的另 一種Web服務(wù)器的結(jié)構(gòu)示意圖。
具體實(shí)施方式
本發(fā)明的核心是利用圓角矩形組件實(shí)現(xiàn)動(dòng)態(tài)繪制圓角矩形,以解決目前 技術(shù)中采用靜態(tài)背景圖片實(shí)現(xiàn)圓角矩形顯示所帶來的維護(hù)麻煩的問題。下面結(jié)合附圖對本發(fā)明作進(jìn)一步的說明。本發(fā)明實(shí)施例提供一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方法,如圖2 所示,該方法包括如下步驟Sl:用戶終端發(fā)送訪問包含圓角矩形的Web頁面的請求至服務(wù)器; S2:服務(wù)器接收到該用戶終端發(fā)送的請求后,對于頁面中的圓角矩形區(qū) 域,預(yù)先制作的圓角矩形組件#^居頁面中為該圓角矩形組件指定的屬性值, 繪制出圓角矩形,并將該圓角矩形傳遞給服務(wù)器,服務(wù)器將包含圓角矩形的 信息發(fā)送給用戶終端;其中,上述圓角矩形組件可以由Web頁面設(shè)計(jì)人員預(yù)先設(shè)計(jì)制作,并在 包含圓角矩形組件的Web頁面中以標(biāo)簽的形式引用該組件。圓角矩形組件提供若干個(gè)可以設(shè)置的屬性值,這些屬性值包括可以表示 圓角矩形的形狀和顏色特征的屬性值,表示圓角矩形形狀的屬性值包括表 示圓角矩形四個(gè)角中哪個(gè)或哪幾個(gè)角需要使用圓角的Target屬性值、表示需要 使用的圓角的弧度的Radius屬性值、表示圓角矩形的寬度和高度的Height屬性 值和Width屬性值;表示圓角矩形顏色的屬性值包括表示圓角矩形的背景顏 色的BgColor屬性值、表示圓角矩形邊框顏色的BorderColor屬性值。圓角矩形 組件根據(jù)預(yù)先指定的上述屬性值,動(dòng)態(tài)繪制與這些屬性值相對應(yīng)的圓角矩形, 并將繪制完的圓角矩形傳遞給服務(wù)器。下面舉例說明上述指定圓角矩形組件的各個(gè)屬性值的具體方法1 )對于Targer屬性值,在圓角矩形組件中定義TL、 TR、 BL、 BR分別 表示矩形的四個(gè)角,即Top-Left(左上角)、Top-Right (右上角)、Bottom-Left (左下角)、Bottom-Right (右下角),例如圖1的例子,指定矩形的左上角和 右上角需要出現(xiàn)圓角,則頁面中相應(yīng)的代碼可以寫為〈panelBox target="TL,TR"......></panelBox>其中pane舊ox為本發(fā)明實(shí)施例中圓角矩形組件的名稱,和普通的HTML的 標(biāo)記在? 1用規(guī)則上沒有區(qū)別。2)對于Radius屬性值,該屬性值表示需要達(dá)到的圓角弧度值,例如圖1 中的圓角矩形的圓角弧度為10,則頁面中相應(yīng)的代碼可以寫為 <panelBoxRadius="10"......></panelBox>3)對于BorderColor屬性值,該屬性值用于表示圓角矩形的邊框顏色, 通過指定不同的BorderColor屬性值,可以獲得圓角矩形的不同外觀顏色,例 如,如果需要顯示帶有紅色邊框的圓角矩形,并且假設(shè)定義紅色為"R",則 頁面中的相應(yīng)的代碼可以寫為〈pane舊ox BorderColor="R"......></panelBox>對于指定圓角矩形的其他屬性值也采用類似的代碼書寫格式。另外,實(shí) 際應(yīng)用中,通常需要同時(shí)指定圓角矩形組件的多個(gè)屬性值,此時(shí)的多個(gè)屬性 值的賦值表達(dá)式之間用空格隔開,例如,如果在指定Targer屬性值為"TL,TR" 的同時(shí),還要指定圓角矩形的邊框顏色為紅色,則頁面中的代碼可以寫為 〈pane舊ox target="TL,TR" BorderColor="R"......〉</panelBox>上述方案中圓角矩形的尺寸和顏色等特征可以通過對圓角矩形組件提供的屬性進(jìn)行賦值來指定,當(dāng)然也可以在圓角矩形組件的定義中將其中的幾個(gè) 屬性值設(shè)置默認(rèn)值,在頁面的代碼中調(diào)用圓角矩形組件的時(shí)候沒有指定這些 設(shè)置過默認(rèn)值的屬性值時(shí),則這些屬性值就以默認(rèn)值進(jìn)行處理。圓角矩形組件根據(jù)預(yù)先指定的屬性值繪制圓角矩形的一種具體實(shí)現(xiàn)步驟為圓角矩形將圓角矩形區(qū)域分成9個(gè)部分,如圖3所示,其中區(qū)域A1、 A3、 A7和A9為圓角矩形的四個(gè)角的區(qū)域,服務(wù)器端根據(jù)Target屬性值和Radius屬性 值利用繪圖API ( Application Programming Interface,應(yīng)用程序才妄口 )函凄t對這 四個(gè)角的區(qū)域進(jìn)行繪制;對于其余的區(qū)域中,圓角矩形組件在此其區(qū)域內(nèi)放 置標(biāo)準(zhǔn)的Html提供的元素即可。需要說明的是,在實(shí)際應(yīng)用中,在圓角矩形的中間區(qū)域通常用來顯示文 字信息,因此,在繪制出需要的圓角矩形的同時(shí)也要顯示所需的文字內(nèi)容, 只需要在頁面中組件的開始標(biāo)簽和結(jié)束標(biāo)簽之間加入文字內(nèi)容即可,例如〈pane舊ox target="TL,TR" BorderColor="R"......>需要顯示的文字內(nèi)容</panelBox>此時(shí),如果先前指定了圓角矩形的高度和寬度屬性值,則有可能出現(xiàn)需 要顯示的文字內(nèi)容超出指圓角矩形的范圍,為了能夠更好的顯示,圓角矩形 組件中可以提供表示是否自動(dòng)出現(xiàn)滾動(dòng)條的屬性,具體的說包括表示是否自 動(dòng)出現(xiàn)水平滾動(dòng)條的IsHScroll屬性值和表示是否自動(dòng)出現(xiàn)垂直滾動(dòng)條的 IsVScroll屬性值,這兩個(gè)屬性值都分別具有兩個(gè)值,即是和否。如果IsHScroll 屬性值為是,則在圓角矩形的中間顯示的文字內(nèi)容超過所述圓角矩形的寬度 時(shí),服務(wù)器端控制在頁面的圓角矩形中顯示水平滾動(dòng)條;如果IsVScroll屬性值 為是,則在圓角矩形的中間顯示的文字內(nèi)容超過所述圓角矩形的高度時(shí),服 務(wù)器端控制在頁面的圓角矩形中顯示垂直滾動(dòng)條。服務(wù)器將包含圓角矩形的信息發(fā)送給用戶終端的具體步驟為服務(wù)器將 圓角矩形繪制的圓角區(qū)域的圓角圖片以二進(jìn)制流的形式發(fā)送給用戶終端,對于圓角矩形的其他區(qū)域,由于是由標(biāo)準(zhǔn)的Html元素實(shí)現(xiàn)的,因此服務(wù)器以字 符串的形式向用戶終端發(fā)送。上述步驟中,圓角矩形組件的實(shí)現(xiàn)可以用JAVA語言編寫制作,具體的制 作過程為本領(lǐng)域技術(shù)人員公知常識,這里不再贅述。S3:用戶終端根據(jù)接收的包含圓角矩形的信息在瀏覽器上顯示出圓角矩形。其中,瀏覽器將服務(wù)器發(fā)送的表示圓角圖片的二進(jìn)制流顯示成對應(yīng)的圓 角圖片,并將表示其他區(qū)域的字符串信息顯示成圓角矩形的其他區(qū)域。這樣,通過上述步驟,在用戶通過終端訪問帶有圓角矩形的頁面時(shí),預(yù) 先放置在頁面中的圓角矩形組件根據(jù)指定的屬性值動(dòng)態(tài)繪制圓角矩形,并由 服務(wù)器發(fā)送到用戶終端,使得瀏覽器顯示圓角矩形,整個(gè)過程中圓角矩形是 由圓角矩形組件動(dòng)態(tài)繪出,不需要另外存儲作為圓角區(qū)域背景的圖片文件。 在頁面需要改變,而圓角矩形也要做相應(yīng)調(diào)整的時(shí)候,只需要調(diào)整頁面文件 中指定的圓角矩形組件的屬性值,以使得圓角矩形組件根據(jù)新的屬性值繪制 的圓角矩形符合新的要求,不需要如現(xiàn)有技術(shù)中重新由美工人員繪制圖片, 所以相對于現(xiàn)有技術(shù),利用本實(shí)施例提供的方法顯示圓角矩形更容易維護(hù)。相應(yīng)地,本發(fā)明還提供了一種Web服務(wù)器100,如圖4所示,該Web月良 務(wù)器100包括接收單元101,用于接收用戶終端發(fā)送的訪問頁面的請求信息;圓角矩形處理單元102,用于將Web頁面中指定給圓角矩形組件的屬性 值傳遞給圓角矩形組件并接收圓角矩形組件繪制的圓角矩形;發(fā)送單元103,將包含圓角矩形的信息發(fā)送給用戶終端。其中,接收單元101在接收到用戶終端發(fā)送的請求后,對于頁面中圓角 矩形區(qū)域,圓角矩形處理單元102將頁面中的指定給圓角矩形組件的屬性值發(fā)送給圓角矩形組件,該圓角矩形組件根據(jù)上述屬性值繪制圓角矩形,并發(fā) 送回圓角矩形處理單元102,頁面中指定給圓角矩形組件的屬性值包括表示圓 角矩形的形狀和顏色特征的屬性值。圓角矩形組件可以借助調(diào)用繪圖相關(guān)的 API函數(shù)來完成對圓角矩形的四個(gè)角區(qū)域的繪制,對于圓角矩形其他部分,圓角矩形組件只需要放置標(biāo)準(zhǔn)的Html元素即可。圓角矩形組件可以用JAVA等 常用的網(wǎng)絡(luò)編程語言編寫制作。上述圓角矩形組件預(yù)先制作并存儲在圓角矩 形組件實(shí)現(xiàn)單元104中。圓角矩形組件將繪制完的圓角矩形發(fā)送給圓角矩形處理單元102后,發(fā) 送單元103將包含圓角矩形的信息發(fā)送給用戶終端。其中,對于圓角矩形四 個(gè)角區(qū)域由于是圖片,所以以二進(jìn)制流的形式發(fā)送,對于圓角矩形的其他區(qū) 域,由于是標(biāo)準(zhǔn)的Html元素,因此只需要以字符串的形式發(fā)送。另外,如圖5所示,上述用于存儲預(yù)先制作的圓角矩形組件的圓角矩形 組件實(shí)現(xiàn)單元104也可以放置在上述Web服務(wù)器100中。這樣用戶終端在接收到發(fā)送單元發(fā)送的包含圓角矩形的信息后,就可以 在瀏覽器上顯示對應(yīng)的圓角矩形。在頁面需要改變,而圓角矩形也要做相應(yīng) 調(diào)整的時(shí)候,只需要調(diào)整頁面文件中指定的圓角矩形組件的屬性值,然后上 述Web服務(wù)器將調(diào)整后的屬性值發(fā)送給圓角矩形組件,圓角矩形組件將繪制 與調(diào)整后的屬性值對應(yīng)的新圓角矩形,并發(fā)送給服務(wù)器,服務(wù)器將新的圓角 矩形發(fā)送給用戶終端,用于在瀏覽器上顯示,不需要如現(xiàn)有技術(shù)中重新由美 工人員繪制圖片,所以利用本實(shí)施例提供的Web服務(wù)器顯示圓角矩形更容易 維護(hù)。述,以上實(shí)施例的說明只是用于幫助理解本發(fā)明實(shí)施例的方法及其核心思想; 同時(shí),對于本領(lǐng)域的一般技術(shù)人員,依據(jù)本發(fā)明實(shí)施例的思想,在具體實(shí)施 方式及應(yīng)用范圍上均會有改變之處,綜上所述,本說明書內(nèi)容不應(yīng)理解為對 本發(fā)明的限制。
權(quán)利要求
1、一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方法,包括服務(wù)器接收用戶終端發(fā)送的訪問Web頁面的請求,對于頁面中的圓角矩形區(qū)域,預(yù)置的圓角矩形組件根據(jù)頁面中為該圓角矩形組件指定的屬性值,繪制出圓角矩形,并將該圓角矩形傳遞給服務(wù)器,服務(wù)器將包含圓角矩形的信息發(fā)送給用戶終端;用戶終端根據(jù)接收的包含圓角矩形的信息在瀏覽器上顯示。
2、 根據(jù)權(quán)利要求1所述的方法,其特征在于,所述指定的圓角矩形組件 的屬性值包括表示圓角矩形形狀特征的屬性值和表示圓角矩形顏色特征的屬 性值;所述圓角矩形組件根據(jù)預(yù)先指定的表示圓角矩形形狀特征的屬性值和表 示圓角矩形顏色特征的屬性值,動(dòng)態(tài)繪制圓角矩形。
3、 根據(jù)權(quán)利要求2所述的方法,其特征在于,所述表示圓角矩形形狀特 征的屬性值包括表示圓角矩形的四個(gè)角中需要使用圓角的角的Target屬性值;表示需要使用的圓角的弧度的Radius屬性值;表示圓角矩形的寬度和高度的Height屬性值和Width屬性值;所述圓角矩形組件根據(jù)預(yù)先指定的所述圓角矩形組件的屬性值動(dòng)態(tài)繪制 出圓角矩形的步驟包括所述圓角矩形組件根據(jù)預(yù)先指定的圓角矩形組件的Target屬性值,識別 需要使用圓角的角,并在需要使用圓角的角區(qū)域繪制與Radius屬性值、 BgColor屬性值、Height屬性值和Width屬性^直相對應(yīng)的圓角矩形。
4、 根據(jù)權(quán)利要求2所述的方法,其特征在于,所述表示圓角矩形顏色特 征的屬性值包括表示圓角矩形的背景顏色的BgColor屬性值;表示圓角矩形的邊框顏色的BorderColor屬性值;所述圓角矩形組件根據(jù)預(yù)先指定的所述圓角矩形組件的屬性值動(dòng)態(tài)繪制出圓角矩形的步驟包括所述圓角矩形組件繪制與BgColor屬性值、BorderColor屬性值相對應(yīng)的 圓角矩形。
5、 根據(jù)權(quán)利要求2所述的方法,其特征在于,所述方法還包括服務(wù)器 端在頁面的圓角矩形的中間區(qū)域控制顯示的文字內(nèi)容。
6、 根據(jù)權(quán)利要求5所述的方法,其特征在于,所述預(yù)先指定的圓角矩形 組件的屬性值還包括表示是否自動(dòng)出現(xiàn)水平滾動(dòng)條的IsHScroll屬性值,或/ 和表示是否自動(dòng)出現(xiàn)垂直滾動(dòng)條的IsVScroll屬性值;,如果所述IsHScroll屬性值為是,則在圓角矩形的中間顯示的文字內(nèi)容超 過所述圓角矩形的寬度時(shí),所述服務(wù)器端控制在頁面的圓角矩形中顯示水平 滾動(dòng)條;如果所述IsVScroll屬性值為是,則在圓角矩形的中間顯示的文字內(nèi)容超 過所述圓角矩形的高度時(shí),所述服務(wù)器端控制在頁面的圓角矩形中顯示垂直 滾動(dòng)條。
7、 根據(jù)權(quán)利要求1-6中任意一項(xiàng)所述的方法,其特征在于,所述圓角矩 形組件的定義由JAVA語言編寫制作。
8、 一種Web服務(wù)器,包括接收單元,用于接收用戶終端發(fā)送的訪問頁面的請求信息;圓角矩形處理單元,用于將Web頁面中指定給圓角矩形組件的屬性值傳 遞給圓角矩形組件并接收圓角矩形組件繪制的圓角矩形;發(fā)送單元,將包含圓角矩形的信息發(fā)送給用戶終端。
9、 根據(jù)權(quán)利要求8所述的Web服務(wù)器,其特征在于,所述Web服務(wù)器 還包括圓角矩形組件實(shí)現(xiàn)單元,其中所述圓角矩形組件實(shí)現(xiàn)單元用于存儲預(yù) 先制作的圓角矩形組件。
全文摘要
本發(fā)明實(shí)施例提供一種在Web頁面上動(dòng)態(tài)顯示圓角矩形的方法和Web服務(wù)器,該方法包括服務(wù)器接收用戶終端發(fā)送的訪問Web頁面的請求,對于頁面中的圓角矩形區(qū)域,預(yù)置的圓角矩形組件根據(jù)頁面中為該圓角矩形組件指定的屬性值,繪制出圓角矩形,并將該圓角矩形傳遞給服務(wù)器,服務(wù)器將包含圓角矩形的信息發(fā)送給用戶終端;用戶終端在瀏覽器上顯示出圓角矩形。根據(jù)本發(fā)明實(shí)施例,在用戶訪問頁面時(shí),圓角矩形組件動(dòng)態(tài)繪制圖片,并由服務(wù)器傳送到終端顯示,當(dāng)需要調(diào)整圓角矩形的顯示時(shí),只需要改變頁面為圓角矩形組件指定的屬性值,就可以使圓角矩形組件根據(jù)新的屬性值繪制新的圓角矩形,維護(hù)方便。
文檔編號G06F17/30GK101404021SQ200810167689
公開日2009年4月8日 申請日期2008年10月21日 優(yōu)先權(quán)日2008年10月21日
發(fā)明者旭 張 申請人:深圳市金蝶中間件有限公司