專利名稱：Web UI控件定制系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本實(shí)用新型屬于Web技術(shù)領(lǐng)域，尤其涉及一種按照用戶需求定制ffeb UI控件的系統(tǒng)。
背景技術(shù)：
在基于Web的應(yīng)用系統(tǒng)中，UI控件是支撐用戶的可視化操作以及完成系統(tǒng)和用戶動(dòng)態(tài)交互的基礎(chǔ)，是承載Web應(yīng)用系統(tǒng)美學(xué)風(fēng)格和用戶體驗(yàn)的重要實(shí)體。當(dāng)前，在Web應(yīng)用系統(tǒng)開發(fā)過程中，通常是由Web應(yīng)用系統(tǒng)的開發(fā)人員進(jìn)行各自Web應(yīng)用系統(tǒng)UI控件的開發(fā)，這種方式帶來了兩個(gè)問題1.如果同一單位的若干Web應(yīng)用系統(tǒng)由不同的開發(fā)人員開發(fā)，會(huì)使得各Web應(yīng)用系統(tǒng)的美學(xué)風(fēng)格和用戶體驗(yàn)迥異，難以實(shí)現(xiàn)Web應(yīng)用系統(tǒng)的統(tǒng)一和規(guī)范化；2.同一開發(fā)人員在實(shí)現(xiàn)不同的Web應(yīng)用系統(tǒng)時(shí)，需要重新開發(fā)相應(yīng)的UI控件，造成了工作的重復(fù)和浪費(fèi)。同時(shí)，現(xiàn)有的完成Web UI控件定制的相關(guān)技術(shù)方案，大都不是基于 Web的定制模式，并且存在可定制的控件的種類較少、粒度較粗的問題，定制生成的控件通常難以滿足實(shí)際開發(fā)工作的需求。

實(shí)用新型內(nèi)容為了解決用戶體驗(yàn)差異化、開發(fā)工作重復(fù)和浪費(fèi)的問題，需要一種能夠按需進(jìn)行 Web UI控件定制，進(jìn)而完成ffeb UI控件統(tǒng)一發(fā)布和下載的技術(shù)。為此，本實(shí)用新型提出了一種WebUI控件定制系統(tǒng)，該系統(tǒng)包括用戶終端和應(yīng)用服務(wù)器，其中用戶終端和應(yīng)用服務(wù)器相連；用戶終端用于將用戶定制Web UI控件的請(qǐng)求以及用戶調(diào)整的控件樣式信息提交至應(yīng)用服務(wù)器；應(yīng)用服務(wù)器用于根據(jù)用戶終端提交的請(qǐng)求和信息，將用戶定制的樣式信息按照樣式文件規(guī)定的格式編寫為樣式文件，并將該樣式文件加載到定制頁面中。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收包括定制編碼的用戶保存定制主題的請(qǐng)求，所述主題定義了一套Web UI控件的樣式，并將用戶定制的數(shù)據(jù)處理成樣式文件規(guī)定的格式，將處理后的數(shù)據(jù)存入數(shù)據(jù)庫，生成備份主題包。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的用戶查看所有主題的請(qǐng)求，從數(shù)據(jù)庫中獲取主題信息并返回?cái)?shù)據(jù)，將返回的數(shù)據(jù)生成主題列表并顯示。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶查看主題的請(qǐng)求，調(diào)用備份主題包中的樣式文件，并將樣式文件加載到控件展示頁面。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶修改主題的請(qǐng)求，將從備份主題包中獲取的與主題序號(hào)對(duì)應(yīng)的主題樣式文件顯示在定制頁面中，接收并保存用戶修改的樣式數(shù)據(jù)。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶下載主題的請(qǐng)求，從數(shù)據(jù)庫中獲取與該主題序號(hào)對(duì)應(yīng)的主題相關(guān)信息，生成主題包，對(duì)主題包進(jìn)行壓縮，返回并提示用戶下載。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶刪除主題的請(qǐng)求，從數(shù)據(jù)庫中刪除與該主題序號(hào)對(duì)應(yīng)的主題的所有記錄，并刪除相關(guān)數(shù)據(jù)表中的記錄。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)和點(diǎn)評(píng)內(nèi)容的用戶點(diǎn)評(píng)某個(gè)主題的請(qǐng)求，并將點(diǎn)評(píng)內(nèi)容添加至數(shù)據(jù)庫中。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于在接收用戶終端提交的用戶定制Web UI控件的請(qǐng)求后，檢查瀏覽器暫存數(shù)據(jù)文件中的用戶信息，對(duì)用戶進(jìn)行驗(yàn)證，若驗(yàn)證通過，將默認(rèn)的控件樣式內(nèi)容或者上次定制后的控件樣式內(nèi)容顯示在定制頁面中，然后接收用戶定制的樣式信息。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還用于檢查瀏覽器暫存數(shù)據(jù)文件中的用戶信息，對(duì)用戶進(jìn)行驗(yàn)證，若驗(yàn)證通過，則執(zhí)行隨后的操作，否則，不執(zhí)行隨后的操作，返回錯(cuò)誤信息。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述用戶終端通過網(wǎng)頁的形式異步發(fā)送請(qǐng)求以及接收返回的信息。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中每個(gè)ffeb UI控件都具有與控件框架、樣式、配置、方法、事件一一對(duì)應(yīng)的定義和描述文件，所述應(yīng)用服務(wù)器對(duì)上述五個(gè)文件進(jìn)行相應(yīng)的操作，其中控件框架定義了控件在頁面中的容器，樣式定義了控件外觀，配置定義了控件配置參數(shù)，方法定義了對(duì)控件進(jìn)行功能調(diào)用的方法，事件定義了事件響應(yīng)的函數(shù)和接口，通過所述接口對(duì)控件的外觀進(jìn)行修改、對(duì)控件的操作功能進(jìn)行調(diào)用。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述應(yīng)用服務(wù)器還包括Web UI控件庫，ffeb UI控件庫對(duì)可定制的控件進(jìn)行管理，完成控件描述文件的管理和更新。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述控件庫共提供了 18類Web應(yīng)用系統(tǒng)開發(fā)中常用的UI控件，具體包括折疊面板、按鈕、顏色提取器、下拉列表、日期選擇器、對(duì)話框、文件上傳、表格、面板、進(jìn)度條、提示框、編輯框、選擇列表、滑動(dòng)條、選項(xiàng)卡、文本框、工具條、樹形列表；所述控件庫還定義了 Web UI控件的10類樣式，這10類樣式分別從字體、文字、邊框等不同方面定義控件的外觀。根據(jù)本實(shí)用新型提出的系統(tǒng)的一個(gè)方面，其中所述定制系統(tǒng)使用MVC結(jié)構(gòu)實(shí)現(xiàn)， 其包括作為視圖部分的前臺(tái)界面，用于組織顯示模型并獲取用戶操作，使用異步請(qǐng)求與服務(wù)器端應(yīng)用程序模塊進(jìn)行交互；還包括服務(wù)器端應(yīng)用程序模塊、業(yè)務(wù)邏輯模塊、數(shù)據(jù)訪問接口模塊和實(shí)體模塊，這些模塊共同構(gòu)成控制器部分，負(fù)責(zé)對(duì)來自視圖的用戶請(qǐng)求進(jìn)行解釋， 并把這些請(qǐng)求映射成相應(yīng)的行為，這些行為由模型負(fù)責(zé)實(shí)現(xiàn)；還包括持久化對(duì)象模塊、對(duì)象關(guān)系映射框架以及數(shù)據(jù)庫，這些模塊共同組成模型部分，管理應(yīng)用程序的數(shù)據(jù)以及用于訪問控制和修改這些數(shù)據(jù)的業(yè)務(wù)過程。本實(shí)用新型提出的按照用戶需求定制ffeb UI控件的系統(tǒng)，提供了一種基于Web在線的模式、以“所見即所得”的可視化操作完成Web UI控件按需定制的技術(shù)方案，其中包含了 18類Web應(yīng)用系統(tǒng)開發(fā)中常見的UI控件，涵蓋了每類控件常用的操作方式和10類風(fēng)格樣式，覆蓋了控件的定制、查詢、修改、下載和刪除等完整的控件管理環(huán)節(jié)，用戶可以在Web應(yīng)用開發(fā)過程中直接調(diào)用定制下載的控件、嵌入不同的應(yīng)用系統(tǒng)，能夠較好地解決不同應(yīng)用系統(tǒng)用戶體驗(yàn)差異化、開發(fā)工作重復(fù)和浪費(fèi)的問題，極大提高Web應(yīng)用系統(tǒng)的開發(fā)效率。

[0019]圖1是按照用戶需求定制Web UI控件的系統(tǒng)運(yùn)行原理圖[0020]圖2是控件庫的架構(gòu)圖；[0021]圖3是定制系統(tǒng)的架構(gòu)圖；[0022]圖4是查看所有主題的流程圖；[0023]圖5是查看定制主題的流程圖；[0024]圖6是修改主題的流程圖；[0025]圖7是下載主題的流程圖；[0026]圖8是刪除主題的流程圖；[0027]圖9是控件定制的流程圖；[0028]圖10是定制主題保存的流程圖；[0029]圖11是點(diǎn)評(píng)主題的流程圖。
具體實(shí)施方式
圖1示出了按照用戶需求定制ffeb UI控件的系統(tǒng)運(yùn)行原理圖，涉及用戶終端11、 應(yīng)用服務(wù)器12和按需定制ffeb UI控件的系統(tǒng)13三部分，其中按需定制ffeb UI控件的系統(tǒng)(1 運(yùn)行于應(yīng)用服務(wù)器上。用戶通過用戶終端訪問應(yīng)用服務(wù)器上運(yùn)行的按需定制Web UI控件的系統(tǒng)，進(jìn)行Web UI控件的定制，定制完成后進(jìn)行控件描述文件的下載，下載內(nèi)容包括控件的美學(xué)風(fēng)格描述文件和控件操作樣式定義文件。下載到本地之后，用戶就可以在 Web應(yīng)用系統(tǒng)的開發(fā)過程中對(duì)定制的控件進(jìn)行引用，保持定制時(shí)的美學(xué)風(fēng)格，同時(shí)可以調(diào)用控件的相關(guān)操作函數(shù)，完成相應(yīng)的功能。按需定制ffeb UI控件的系統(tǒng)13實(shí)現(xiàn)和承載了按照用戶需求定制ffeb UI控件的方法，具體地說，該系統(tǒng)分為定制系統(tǒng)和控件庫兩部分，其中定制系統(tǒng)主要支撐用戶以可視化、“所見即所得”的方式進(jìn)行UI控件定制的過程；控件庫則對(duì)可定制的控件進(jìn)行管理， 同時(shí)完成定制控件的美學(xué)風(fēng)格、操作方式等的定義和描述文件的管理和更新?？丶焓嵌ㄖ葡到y(tǒng)的支撐功能部分，定制系統(tǒng)根據(jù)用戶的定制操作完成對(duì)控件庫中相應(yīng)控件風(fēng)格、操作等的修改和更新，同時(shí)將控件庫中更新后的控件樣式展示給用戶；另外，當(dāng)用戶對(duì)定制的控件進(jìn)行下載的時(shí)候，定制系統(tǒng)會(huì)調(diào)用控件庫中的控件反饋給用戶。如上所述，按需定制ffeb UI控件的系統(tǒng)承載了按照用戶需求定制ffeb UI控件的方法，下面對(duì)該技術(shù)方案所包含的控件庫和定制系統(tǒng)進(jìn)行描述。1.控件庫圖2中示出了控件庫的架構(gòu)圖。其中，控件庫21對(duì)控件22進(jìn)行管理和描述。控件庫21的設(shè)計(jì)及其對(duì)控件22的管理主要從圖2中的五個(gè)方面考慮，其中控件框架23定義了控件在頁面中的容器；樣式M定義了控件外觀；配置25定義了控件配置參數(shù)；方法沈定義了對(duì)控件進(jìn)行功能調(diào)用的方法；事件27定義了事件響應(yīng)的函數(shù)和接口?？丶?1中的控件22通過初始化函數(shù)進(jìn)行初始化，初始化可以傳入配置，事件作為初始化參數(shù)。[0035]按需定制Web UI控件的系統(tǒng)中的每一個(gè)控件，都從圖2中的所述五個(gè)方面進(jìn)行描述，從而每個(gè)控件都有與這五個(gè)方面對(duì)應(yīng)的定義和描述文件。定制系統(tǒng)對(duì)控件的更新，也主要是按照用戶的需求對(duì)上述五個(gè)文件進(jìn)行相應(yīng)的修改，即，在本實(shí)用新型提出的定制系統(tǒng)中進(jìn)行控件類型的選擇、控件外觀的調(diào)整過程中，會(huì)相應(yīng)地影響到上述五個(gè)方面，系統(tǒng)會(huì)根據(jù)需要對(duì)控件描述文件中的相應(yīng)部分做出修改?？丶旃蔡峁┝?18類Web應(yīng)用系統(tǒng)開發(fā)中常用的UI控件，具體包括折疊面板、 按鈕、顏色提取器、下拉列表、日期選擇器、對(duì)話框、文件上傳、表格、面板、進(jìn)度條、提示框、 編輯框、選擇列表、滑動(dòng)條、選項(xiàng)卡、文本框、工具條、樹形列表?？丶熘忻總€(gè)控件的外觀是由樣式控制的，在控件庫中，根據(jù)需求定義了 10類樣式，這10類樣式分別從字體，文字，邊框等不同方面定義控件的外觀，詳見表1所述。表1 控件風(fēng)格的定義樣式
序號(hào)名稱英文名稱描述1字體font名稱/大小/風(fēng)格/濃淡/變亮/字體/顏色等設(shè)置2文字text對(duì)齊方式/修飾/縮進(jìn)/行高/間距/顏色等設(shè)置3背景background顏色/圖片/重復(fù)/附著/位置等設(shè)置4邊框border風(fēng)格/寬度/顏色/單雙邊等屬性5邊距margin左邊距/右邊距/上邊距/下邊距風(fēng)格等設(shè)置6間隙padding元素左間隙/右間隙/上間隙/下間隙風(fēng)格等設(shè)置7定位position方式/對(duì)象層次/相對(duì)頂部/相對(duì)底部/相對(duì)左邊/ 等設(shè)置8尺寸height/weight元素高度/寬度/最大高度/最大寬度/最小高度/ 最小寬度等設(shè)置9布局layout無邊/浮動(dòng)/剪切/溢出/橫向溢出/縱向溢出/顯示 /占位等設(shè)置10滾動(dòng)條scrollbar3D邊框顏色/邊框顏色/箭頭顏色/基準(zhǔn)顏色等定義業(yè)務(wù)元素定義2.定制系統(tǒng)為了將表現(xiàn)邏輯和業(yè)務(wù)邏輯進(jìn)行分離，使得系統(tǒng)各功能部分的職責(zé)更加清晰，定制系統(tǒng)采用MVC架構(gòu)模式進(jìn)行設(shè)計(jì)。MVC即模型一視圖一控制器 (Model-View-Controller)，MVC架構(gòu)提供了一種按功能對(duì)各種對(duì)象進(jìn)行分割的方法，其目的是為了將各對(duì)象間的耦合程度降至最低。在MVC架構(gòu)中一個(gè)應(yīng)用被分割成三個(gè)部分模型、視圖、控制器。其中模型，代表應(yīng)用程序的數(shù)據(jù)以及用于訪問控制和修改這些數(shù)據(jù)的業(yè)務(wù)邏輯；視圖，用來組織模型的內(nèi)容，它從模型那里獲得數(shù)據(jù)并制定這些數(shù)據(jù)如何表現(xiàn)；控制器，定義了應(yīng)用程序的行為，它負(fù)責(zé)對(duì)來自視圖的用戶請(qǐng)求進(jìn)行解釋，并把這些請(qǐng)求映射成相應(yīng)的行為，這些行為由模型負(fù)責(zé)實(shí)現(xiàn)。在MVC架構(gòu)模式下，定制系統(tǒng)的架構(gòu)如圖3所示。前臺(tái)界面31作為視圖部分，用于組織顯示模型并獲取用戶操作，使用異步請(qǐng)求與服務(wù)器端應(yīng)用程序模塊進(jìn)行交互。服務(wù)器端應(yīng)用程序模塊32、業(yè)務(wù)邏輯模塊33、數(shù)據(jù)訪問接口模塊34、實(shí)體模塊35共同構(gòu)成控制器部分，負(fù)責(zé)對(duì)來自視圖的用戶請(qǐng)求進(jìn)行解釋，并把這些請(qǐng)求映射成相應(yīng)的行為，這些行為由模型負(fù)責(zé)實(shí)現(xiàn)。實(shí)體模塊35是數(shù)據(jù)表的映射；數(shù)據(jù)訪問接口模塊34是對(duì)實(shí)體模塊的一系列操作即對(duì)數(shù)據(jù)表的操作；業(yè)務(wù)邏輯模塊33主要用來實(shí)現(xiàn)業(yè)務(wù)邏輯，通過調(diào)用數(shù)據(jù)訪問接口模塊34中的方法實(shí)現(xiàn)對(duì)數(shù)據(jù)庫的操作；服務(wù)器端應(yīng)用程序模塊32獲取視圖傳遞的數(shù)據(jù)并調(diào)用業(yè)務(wù)邏輯的方法來實(shí)現(xiàn)目標(biāo)功能。持久化對(duì)象模塊36、對(duì)象關(guān)系映射框架37和數(shù)據(jù)庫38共同組成模型部分，管理應(yīng)用程序的數(shù)據(jù)以及用于訪問控制和修改這些數(shù)據(jù)的業(yè)務(wù)邏輯。在定制系統(tǒng)的前臺(tái)界面31部分，包括了控件定制311、技術(shù)控件庫312以及頁面素材庫313三部分，它們的作用如表2所示。表2 前臺(tái)界面的功能模塊部分
權(quán)利要求1.一種ffeb UI控件定制系統(tǒng)，其特征在于，該系統(tǒng)包括用戶終端和應(yīng)用服務(wù)器，其中用戶終端和應(yīng)用服務(wù)器相連；用戶終端用于將用戶定制Web UI控件的請(qǐng)求以及用戶調(diào)整的控件樣式信息提交至應(yīng)用服務(wù)器；應(yīng)用服務(wù)器用于根據(jù)用戶終端提交的請(qǐng)求和信息，將用戶定制的樣式信息按照樣式文件規(guī)定的格式編寫為樣式文件，并將該樣式文件加載到定制頁面中。
2.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收包括定制編碼的用戶保存定制主題的請(qǐng)求，所述主題定義了一套ffeb UI控件的樣式，并將用戶定制的數(shù)據(jù)處理成樣式文件規(guī)定的格式，將處理后的數(shù)據(jù)存入數(shù)據(jù)庫，生成備份主題包。
3.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的用戶查看所有主題的請(qǐng)求，從數(shù)據(jù)庫中獲取主題信息并返回?cái)?shù)據(jù)，將返回的數(shù)據(jù)生成主題列表并顯示。
4.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶查看主題的請(qǐng)求，調(diào)用備份主題包中的樣式文件，并將樣式文件加載到控件展示頁面。
5.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶修改主題的請(qǐng)求，將從備份主題包中獲取的與主題序號(hào)對(duì)應(yīng)的主題樣式文件顯示在定制頁面中，接收并保存用戶修改的樣式數(shù)據(jù)。
6.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶下載主題的請(qǐng)求，從數(shù)據(jù)庫中獲取與該主題序號(hào)對(duì)應(yīng)的主題相關(guān)信息，生成主題包，對(duì)主題包進(jìn)行壓縮，返回并提示用戶下載。
7.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)的用戶刪除主題的請(qǐng)求，從數(shù)據(jù)庫中刪除與該主題序號(hào)對(duì)應(yīng)的主題的所有記錄，并刪除相關(guān)數(shù)據(jù)表中的記錄。
8.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于接收用戶終端提交的包括主題序號(hào)和點(diǎn)評(píng)內(nèi)容的用戶點(diǎn)評(píng)某個(gè)主題的請(qǐng)求，并將點(diǎn)評(píng)內(nèi)容添加至數(shù)據(jù)庫中。
9.根據(jù)權(quán)利要求1的WebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于在接收用戶終端提交的用戶定制Web UI控件的請(qǐng)求后，檢查瀏覽器暫存數(shù)據(jù)文件中的用戶信息，對(duì)用戶進(jìn)行驗(yàn)證，若驗(yàn)證通過，將默認(rèn)的控件樣式內(nèi)容或者上次定制后的控件樣式內(nèi)容顯示在定制頁面中，然后接收用戶定制的樣式信息。
10.根據(jù)權(quán)利要求1-8中任一所述的ffebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還用于檢查瀏覽器暫存數(shù)據(jù)文件中的用戶信息，對(duì)用戶進(jìn)行驗(yàn)證，若驗(yàn)證通過，則執(zhí)行隨后的操作，否則，不執(zhí)行隨后的操作，返回錯(cuò)誤信息。
11.根據(jù)權(quán)利要求1-8中任一所述的ffebUI控件定制系統(tǒng)，其特征在于，其中所述用戶終端通過網(wǎng)頁的形式異步發(fā)送請(qǐng)求以及接收返回的信息。
12.根據(jù)權(quán)利要求11的ffebUI控件定制系統(tǒng)，其特征在于，其中每個(gè)ffeb UI控件都具有與控件框架、樣式、配置、方法、事件一一對(duì)應(yīng)的定義和描述文件，所述應(yīng)用服務(wù)器對(duì)上述五個(gè)文件進(jìn)行相應(yīng)的操作，其中控件框架定義了控件在頁面中的容器，樣式定義了控件外觀，配置定義了控件配置參數(shù)，方法定義了對(duì)控件進(jìn)行功能調(diào)用的方法，事件定義了事件響應(yīng)的函數(shù)和接口，通過所述接口對(duì)控件的外觀進(jìn)行修改、對(duì)控件的操作功能進(jìn)行調(diào)用。
13.根據(jù)權(quán)利要求11的ffebUI控件定制系統(tǒng)，其特征在于，其中所述應(yīng)用服務(wù)器還包括Web UI控件庫，Web UI控件庫對(duì)可定制的控件進(jìn)行管理，完成控件描述文件的管理和更新。
14.根據(jù)權(quán)利要求13的ffebUI控件定制系統(tǒng)，其特征在于，其中所述控件庫共提供了 18類Web應(yīng)用系統(tǒng)開發(fā)中常用的UI控件，具體包括折疊面板、 按鈕、顏色提取器、下拉列表、日期選擇器、對(duì)話框、文件上傳、表格、面板、進(jìn)度條、提示框、 編輯框、選擇列表、滑動(dòng)條、選項(xiàng)卡、文本框、工具條、樹形列表；所述控件庫還定義了 Web UI控件的10類樣式，這10類樣式分別從字體、文字、邊框等不同方面定義控件的外觀。
15.根據(jù)權(quán)利要求11的ffebUI控件定制系統(tǒng)，其特征在于，其中所述定制系統(tǒng)使用MVC結(jié)構(gòu)實(shí)現(xiàn)，其包括作為視圖部分的前臺(tái)界面，用于組織顯示模型并獲取用戶操作，使用異步請(qǐng)求與服務(wù)器端應(yīng)用程序模塊進(jìn)行交互；還包括服務(wù)器端應(yīng)用程序模塊、業(yè)務(wù)邏輯模塊、數(shù)據(jù)訪問接口模塊和實(shí)體模塊，這些模塊共同構(gòu)成控制器部分，負(fù)責(zé)對(duì)來自視圖的用戶請(qǐng)求進(jìn)行解釋，并把這些請(qǐng)求映射成相應(yīng)的行為，這些行為由模型負(fù)責(zé)實(shí)現(xiàn)；還包括持久化對(duì)象模塊、對(duì)象關(guān)系映射框架以及數(shù)據(jù)庫，這些模塊共同組成模型部分，管理應(yīng)用程序的數(shù)據(jù)以及用于訪問控制和修改這些數(shù)據(jù)的業(yè)務(wù)過程。
專利摘要提出了一種WebUI控件定制系統(tǒng)，該系統(tǒng)包括用戶終端和應(yīng)用服務(wù)器，其中用戶終端和應(yīng)用服務(wù)器相連；用戶終端用于將用戶定制Web UI控件的請(qǐng)求以及用戶調(diào)整的控件樣式信息提交至應(yīng)用服務(wù)器；應(yīng)用服務(wù)器用于根據(jù)用戶終端提交的請(qǐng)求和信息，將用戶定制的樣式信息按照樣式文件規(guī)定的格式編寫為樣式文件，并將該樣式文件加載到定制頁面中。本實(shí)用新型提出的系統(tǒng)解決了在Web應(yīng)用系統(tǒng)中用戶體驗(yàn)差異化、開發(fā)工作重復(fù)和浪費(fèi)的技術(shù)問題。
文檔編號(hào)G06F9/44GK202177892SQ20112019957
公開日2012年3月28日 申請(qǐng)日期2011年6月4日 優(yōu)先權(quán)日2011年6月4日
發(fā)明者孫衛(wèi)國, 李丹, 李麗, 王曉宏, 陳熠 申請(qǐng)人:中國移動(dòng)通信集團(tuán)內(nèi)蒙古有限公司