【文章內(nèi)容簡介】 。GWT建議使用CSS修飾頁面元素的顯示效果。GWT的類中很少提供訪問頁面元素樣式屬性的方法，我們可以直接在CSS文件中通過對應(yīng)的樣式名稱來設(shè)置頁面元素的默認(rèn)顯示效果。比如使用 .gwtButton { fontsize: 150%。 } 使用Button元素的默認(rèn)顯示效果。3. 宿主模式(Hosted Mode)宿主模式是指我們和沒有轉(zhuǎn)換為Ajax應(yīng)用的GWT應(yīng)用交互的狀態(tài)。當(dāng)我們開發(fā)和調(diào)試時(shí)，我們就一直處在宿主模式下。在這種情況下，Java虛擬機(jī)使用GWT內(nèi)置的瀏覽器運(yùn)行GWT應(yīng)用編譯后的class內(nèi)容，因此能夠達(dá)到“編碼、測試、調(diào)試”過程的最佳速度。4. Web模式(Web Mode)Web模式是指已經(jīng)成功轉(zhuǎn)化為Ajax應(yīng)用的狀態(tài)，這種狀態(tài)下，我們已經(jīng)開始通過Web方式來訪問Ajax應(yīng)用了。在Web模式下運(yùn)行時(shí)，不再需要GWT工具包或者JVM的支持。5. 命令行工具GWT工具包中提供了幾個(gè)非常適用的小工具來幫助我們更快的建立GWT應(yīng)用開發(fā)環(huán)境：projectCreator、applicationCreator、junitCreator。l projectCreator： 創(chuàng)建在Eclipse中開發(fā)GWT應(yīng)用所需要的項(xiàng)目基本文件和可選的Ant buildfile文件。 l applicationCreator：applicationCreator命令用于創(chuàng)建基本的HelloWorld！應(yīng)用和GWT應(yīng)用開發(fā)環(huán)境。 l junitCreator ：生成junti測試代碼。 本文中所有的環(huán)境準(zhǔn)備、實(shí)例開發(fā)和說明都針對Windows操作平臺，如果使用其他的操作系統(tǒng)，請根據(jù)實(shí)際情況進(jìn)行適當(dāng)?shù)恼{(diào)整。2．3 EXT簡介簡單的講，其許可證協(xié)議模式比較多，總體來說是個(gè)半開源的Ajax框架。ExtJS可以用來開發(fā)RIA，豐富了客戶端的Ajax應(yīng)用，是一個(gè)用JavaScript編寫的，主要用于創(chuàng)建前端用戶界面，與后臺技術(shù)無關(guān)的前端Ajax框架。因此，、Java、Php等各種開發(fā)語言開發(fā)的應(yīng)用中。2．4 RPC（Remote Procedure Calls）簡介由以上對Google Web Toolkit的介紹我們知道，GWT是一個(gè)用來處理客戶端與服務(wù)器端的網(wǎng)絡(luò)程序框架。當(dāng)一個(gè)服務(wù)在網(wǎng)絡(luò)程序中需要進(jìn)行處理時(shí)，就必須使這個(gè)服務(wù)在客戶端與服務(wù)器端來回往復(fù)。在GWT中，客戶端代碼在運(yùn)行時(shí)更像是一個(gè)C/S結(jié)構(gòu)的客戶端，但它卻是在網(wǎng)絡(luò)瀏覽器中運(yùn)行的。所以從服務(wù)器端請求HTML網(wǎng)頁是沒有必要的。而在通常的客戶端—服務(wù)器端的體系中，當(dāng)GWT需要和服務(wù)器端進(jìn)行聯(lián)系時(shí)，就需要通過遠(yuǎn)程程序調(diào)用Remote Procedure Calls（以下簡稱RPC）來執(zhí)行。 RPC是一個(gè)適用于結(jié)構(gòu)分配和基于客戶端于服務(wù)器端應(yīng)用的強(qiáng)大技術(shù)，是一種基于擴(kuò)展了傳統(tǒng)的或本地的程序的概念，而所謂的遠(yuǎn)程是指不存在相同地址空間。GWT會(huì)自動(dòng)的產(chǎn)生許多適合于RPC所需要的類別。在真正進(jìn)入RPC之前，先來介紹在建立RPC服務(wù)時(shí)不同的類和接口之間是什么樣的關(guān)系。在RPC服務(wù)中是通過類和接口來實(shí)現(xiàn)的。l Service： 這是為我們服務(wù)定義的一個(gè)接口。在我們的服務(wù)中這個(gè)接口繼承了RemoteService，來說明這個(gè)服務(wù)是一個(gè)GWT RPC服務(wù)。而這卻是一個(gè)同步的接口定義，要想在服務(wù)器端實(shí)現(xiàn)就必須實(shí)現(xiàn)這個(gè)接口。l ServiceAsync:這是一個(gè)異步的接口定義，而它必須有一個(gè)實(shí)現(xiàn)相同方法的同步接口。除此以外，還需要一個(gè)AsyncCallback作為一個(gè)參數(shù)，否則所定義的方法是不能實(shí)現(xiàn)的。而這個(gè)接口的命名的規(guī)則通常是同步接口的名稱加上Async作為后綴。l ServiceImpl：這是所定義的方法在服務(wù)器端的實(shí)現(xiàn)，它必須繼承RemoteServiceServlet然后實(shí)現(xiàn)同步的接口。,。 RPC服務(wù)實(shí)現(xiàn)流程2．5 JSON(JavaScript Object Notation)簡介提起JSON就不得不說XML。XML——這種用于表示客戶端與服務(wù)器間數(shù)據(jù)交換有效負(fù)載的格式，幾乎已經(jīng)成了Web services的同義詞。然而，由于Ajax和REST技術(shù)的出現(xiàn)影響了應(yīng)用程序架構(gòu)，這迫使人們開始尋求XML的替代品，如：JavaScript Object Notation(JSON)。JSON建構(gòu)于兩種結(jié)構(gòu)：“名稱/值”對的集合(A collection of name/value pairs)。不同的語言中，它被理解為對象(object)，紀(jì)錄(record)，結(jié)構(gòu)(struct)，字典(dictionary)，哈希表(hash table)，有鍵列表(keyed list），或者關(guān)聯(lián)數(shù)組(associative array）。 值的有序列表（An ordered list of values）。在大部分語言中，它被理解為數(shù)組（array）。 這些都是常見的數(shù)據(jù)結(jié)構(gòu)。事實(shí)上大部分現(xiàn)代計(jì)算機(jī)語言都以某種形式支持它們。這使得一種數(shù)據(jù)格式在同樣基于這些結(jié)構(gòu)的編程語言之間交換成為可能。JSON具有以下這些形式：對象是一個(gè)無序的“名稱/值對”集合。一個(gè)對象以“{”（左括號）開始，“}”（右括號）結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”（冒號）；“名稱/值對”之間使用“,”（逗號）分隔。 JSON對象數(shù)組是值（value）的有序集合。一個(gè)數(shù)組以“[”（左中括號）開始，“]”（右中括號）結(jié)束。值之間使用“,”（逗號）分隔。 JSON數(shù)組值（value）可以是雙引號括起來的字符串（string）、數(shù)值(number)、true、false、 null、對象（object）或者數(shù)組（array）。這些結(jié)構(gòu)可以嵌套。 JSON數(shù)值字符串（string）是由雙引號包圍的任意數(shù)量Unicode字符的集合，使用反斜線轉(zhuǎn)義。一個(gè)字符（character）即一個(gè)單獨(dú)的字符串（character string）。 舉例說明JSON數(shù)據(jù)格式。如系統(tǒng)中所用到的JSON數(shù)據(jù)。 totalCount : xx, data: [ {name:科技部, website : }, {name:國家發(fā)改委, website :}, {name:教育部, website :}, {name:財(cái)政部, website :}, . . . . . . . . . . . ] } 2．5．1 JSON的優(yōu)缺點(diǎn)雖然看上去JSON的數(shù)據(jù)分隔符的優(yōu)點(diǎn)可能并不那么明顯，但存在一個(gè)根本性的緣由：它們簡化了對于數(shù)據(jù)的訪問，使用這些數(shù)據(jù)分隔符時(shí)，JavaScript引擎對數(shù)據(jù)結(jié)構(gòu)（如字符串、數(shù)組、對象）的內(nèi)部表示恰好與這些符號相同。而另一個(gè)優(yōu)點(diǎn)則是非冗長性。在XML中，打開和關(guān)閉標(biāo)記是必需的，這樣才能滿足標(biāo)記的依從性；而在JSON中，所有這些要求只需通過一個(gè)簡單的括號即可滿足。在包含有數(shù)以百計(jì)字段的數(shù)據(jù)交換中，傳統(tǒng)的XML標(biāo)記將會(huì)延長數(shù)據(jù)交換時(shí)間。目前還沒有正式的研究表明JSON比XML有更高的線上傳輸效率；人們只是通過簡單的字節(jié)數(shù)比較發(fā)現(xiàn)，對于等效的JSON和XML有效負(fù)載，前者總是小于后者。JSON的數(shù)據(jù)雖然非冗長，但是也存在著一些問題。命名空間允許不同上下文中的相同的信息段彼此混合，然而，顯然在JSON中已經(jīng)找不到了命名空間。JSON與XML的另一個(gè)差別是屬性的差異，由于JSON采用冒號賦值，這將導(dǎo)致當(dāng)XML轉(zhuǎn)化為JSON時(shí)，在標(biāo)識符與實(shí)際屬性值之間很難區(qū)分誰應(yīng)該被當(dāng)作文本考慮。2．6 技術(shù)小結(jié) 通過以上5項(xiàng)技術(shù)的介紹，在充分認(rèn)識和了解以上5項(xiàng)技術(shù)的優(yōu)缺點(diǎn)后，我對系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)有了充分的思考和設(shè)想。從系統(tǒng)的需求上考慮，系統(tǒng)的主要功能是進(jìn)行資源信息的填報(bào)，而在填報(bào)過程中遇到的最大問題就是對于信息數(shù)據(jù)的格式的統(tǒng)一規(guī)范以及用戶在填報(bào)過程中的友好性以及數(shù)據(jù)填報(bào)的效率等問題，為此在本資源填報(bào)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)過程中，我將采用基于Ajax技術(shù)的開發(fā)框架GWT作為底層框架，在系統(tǒng)中充分發(fā)揮GWT的特點(diǎn)和優(yōu)勢。其次，將采用EXT作為系統(tǒng)界面表現(xiàn)，并運(yùn)用ExtJS庫來實(shí)現(xiàn)各種界面功能，充分在B/S結(jié)構(gòu)的系統(tǒng)上去展現(xiàn)C/S結(jié)構(gòu)的特點(diǎn)，提升用戶體驗(yàn)。最后，將采用RPC、JSON作為異步數(shù)據(jù)傳輸，來完成客戶端與服務(wù)器端的數(shù)據(jù)交互，實(shí)現(xiàn)系統(tǒng)功能。： 系統(tǒng)開發(fā)結(jié)構(gòu)圖具體的設(shè)計(jì)實(shí)現(xiàn)將在第4章和第5章中介紹。3 資源填報(bào)系統(tǒng)的分析3．1系統(tǒng)的需求分析資源調(diào)查填報(bào)系統(tǒng)是門戶網(wǎng)站的一個(gè)對外的平臺，所有的資源調(diào)查信息、資料都需要通過該填報(bào)系統(tǒng)進(jìn)行填報(bào)、備案、管理。而建立資源填報(bào)系統(tǒng)的目的就是要將我國科技資源分布狀況及其利用情況，建成相應(yīng)科技資源數(shù)據(jù)庫，建立科技資源數(shù)據(jù)動(dòng)態(tài)更新機(jī)制。初步形成國家科技基礎(chǔ)條件資源管理信息和決策支持系統(tǒng)，為國家科技基礎(chǔ)條件平臺建設(shè)、國家科技計(jì)劃和重大科技專項(xiàng)的實(shí)施，乃至科技條件建設(shè)投入提供決策參考。3．1．1 系統(tǒng)需求資源填報(bào)系統(tǒng)的主要功能是資源調(diào)查信息發(fā)布、瀏覽；資源信息的填報(bào)及其查詢。由于資源信息復(fù)雜性以及數(shù)據(jù)類型的多種多樣，建立統(tǒng)一規(guī)范的標(biāo)準(zhǔn)就顯得尤為重要。這就對資源填報(bào)系統(tǒng)中對于資源信息的數(shù)據(jù)類型的合法性驗(yàn)證要求顯得格外重要。以往的填報(bào)過程中的，對于數(shù)據(jù)類型的合法性驗(yàn)證都是在服務(wù)器端進(jìn)行驗(yàn)證，這就大大加重了服務(wù)器端的負(fù)載，使得整個(gè)系統(tǒng)的性能減少很多。因此在利用Ajax技術(shù)進(jìn)行系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)不但在這一點(diǎn)上大大減輕系統(tǒng)負(fù)擔(dān)，而且在用戶體驗(yàn)上大大得到改善。3．1．2 需求分析資源填報(bào)系統(tǒng)通過B/S模式實(shí)現(xiàn)系統(tǒng)的功能，為了滿足功能上的需求，我們將資源填報(bào)系統(tǒng)的用戶分為六類：中心管理員、上級主管部門、法人單位、研究實(shí)驗(yàn)基地、資源保存機(jī)構(gòu)和其他填報(bào)部門，其中我負(fù)責(zé)中心管理員和法人單位兩個(gè)用戶。3．2 系統(tǒng)分析3．2．1 系統(tǒng)用例1 新聞瀏覽：系統(tǒng)用戶和非系統(tǒng)用戶均可瀏覽新聞。2 系統(tǒng)用戶登錄是用戶名驗(yàn)證：系統(tǒng)用戶在進(jìn)行登錄時(shí)首先對用戶名進(jìn)行驗(yàn)證。3 系統(tǒng)用戶登錄時(shí)密碼驗(yàn)證：系統(tǒng)用戶登錄時(shí)用戶名驗(yàn)證成功后對密碼進(jìn)行驗(yàn)證。4 新聞發(fā)布：系統(tǒng)用戶可以進(jìn)行新聞發(fā)布。5 新聞排序：新聞可以按照各個(gè)屬性進(jìn)行排序。6 新聞管理：系統(tǒng)用戶可以對新聞進(jìn)行修改和刪除操作。7 查詢用戶：中心管理員對于法人單位的查詢，法人單位對于其他填報(bào)部門的查詢。8 修改用戶：中心管理員對法人單位信息修改，法人單位對其他填報(bào)部門信息修改。9 刪除用戶：中心管理員對法人單位信息刪除，法人單位對其他填報(bào)部門信息刪除。10 添加用戶：中心管理員對法人單位信息添加，法人單位對其他填報(bào)部門信息添加。11 資源信息填報(bào)：按照資源信息表單要求正確填報(bào)資源信息并提交。12 資源信息查詢：按照資源信息的名稱對詳細(xì)信息進(jìn)行查詢。13 資源信息修改：按照要求對有誤的信息進(jìn)行修改。14 資源信息修改：系統(tǒng)用戶對資源信息可以進(jìn)行修改。15 進(jìn)度瀏覽：系統(tǒng)用戶可以對表單是否提交和是否通過的狀態(tài)進(jìn)行瀏覽。16 其他功能操作：非系統(tǒng)用戶的相關(guān)操作。3．2．2 角色資源填報(bào)系統(tǒng)的用戶分為兩類：中心管理員和法人單位。(一) 中心管理員：中心管理員是平臺中心用戶，在整個(gè)系統(tǒng)中擁有最高權(quán)限，具有組織資源調(diào)查，劃定資源調(diào)查范圍，管理調(diào)查進(jìn)度和流程，以及對采集的資源數(shù)據(jù)進(jìn)行統(tǒng)計(jì)分析等權(quán)限。 中心管理員用例圖功能描述如下：1. 登陸驗(yàn)證：用戶登陸需要驗(yàn)證用戶名和密碼。系統(tǒng)通過用戶名自動(dòng)識別角色是否為管理員2. 文件管理：a) 文件發(fā)布。為管理員提供發(fā)布文件、通知的功能。包括編輯文件標(biāo)題、和文件的具體內(nèi)容b) 文件瀏覽?？梢詾g覽新聞內(nèi)容3. 用戶管理：a) 法人單位用戶管理i. 顯示、添加、修改及刪除法人單位用戶名及密碼ii. 重置選中的相應(yīng)法人單位用戶的密碼iii. 顯示上級法人單位列表iv. 顯示法人單位基本信息4. 進(jìn)度管理：a) 總體進(jìn)度情況i. 顯示所有調(diào)查單位的進(jìn)度。分為未提交、已提交、審核通過和審核未過四種狀態(tài)，每種狀態(tài)顯示具體的數(shù)量和百分比ii. 可以顯示進(jìn)度的詳細(xì)信息。按主管部門顯示詳細(xì)進(jìn)度。可以查看主管部門下屬的每個(gè)法人單位的進(jìn)度狀態(tài)和所有填報(bào)的信息5. 數(shù)據(jù)瀏覽：可以查看所有法人單位的所有資源調(diào)查數(shù)據(jù)(二) 法人單位：法人單位用戶是參與資源調(diào)查的科研單位。具有配置下屬研究實(shí)驗(yàn)基地、資源保存機(jī)構(gòu)用戶，填報(bào)調(diào)查數(shù)據(jù)等權(quán)限， 法人單位用例圖功能描述：1. 登陸驗(yàn)證：用戶登陸需要驗(yàn)證用戶名和密碼。系統(tǒng)通過用戶名自動(dòng)識別角色是否為法人單位2. 文件管理：a) 文件瀏覽?？梢圆榭雌脚_中心發(fā)布的文件內(nèi)容3. 用戶管理：a) 單位基本信息。提供填報(bào)法人單位基本信息的功能b) 其他填報(bào)部門。法人單位可以自定義填報(bào)部門，并為其創(chuàng)建系統(tǒng)登陸用戶，輔助法人單位完成資源填報(bào)工作i. 添加下屬填報(bào)部門時(shí)，可以自定義部門名稱，分配其相應(yīng)的表單填報(bào)權(quán)限，自動(dòng)生成用戶名和密碼ii. 提供下屬填報(bào)部門用戶的管理功能。包括修改、刪除用戶名和密碼4. 進(jìn)度瀏覽：可以查看平臺中心發(fā)布的總體進(jìn)度5. 數(shù)據(jù)采集：包括數(shù)據(jù)導(dǎo)入和數(shù)據(jù)填報(bào)兩種方式a) 數(shù)據(jù)導(dǎo)入。提供將調(diào)查的資源以指定格式的excel文件導(dǎo)入到系統(tǒng)數(shù)據(jù)庫的功能，為填報(bào)工作提供方便i. 導(dǎo)入資源包括：大型科學(xué)儀器設(shè)備（設(shè)施）表、法人單位高層次人員表、實(shí)驗(yàn)基地設(shè)備清單表、生物機(jī)構(gòu)儀器設(shè)備清單表、生物機(jī)構(gòu)從業(yè)人員表、植物種質(zhì)資源表、動(dòng)物種質(zhì)資源表、微生物種質(zhì)資源表ii. 數(shù)據(jù)導(dǎo)入規(guī)范詳見《國家科技基礎(chǔ)條件資源調(diào)查數(shù)據(jù)導(dǎo)入的格式規(guī)范》b) 數(shù)據(jù)填報(bào)。提供所有調(diào)查資源的填報(bào)表格界面，供法人單位填報(bào)用i. 數(shù)據(jù)填報(bào)內(nèi)容包括：國家重點(diǎn)科技基礎(chǔ)條件資源調(diào)查和全國生物種質(zhì)資源調(diào)查兩種。詳細(xì)內(nèi)容見《國家重點(diǎn)科技基礎(chǔ)條件資