【正文】 包括修改、刪除用戶名和密碼 4. 進(jìn)度瀏覽：可以查看平臺(tái)中心發(fā)布的總體進(jìn)度 5. 數(shù)據(jù)采集：包括數(shù)據(jù)導(dǎo)入和數(shù)據(jù)填報(bào)兩種方式 a) 數(shù)據(jù)導(dǎo)入。提供填報(bào)法人單位基本信息的功能 b) 其他填報(bào)部門。系統(tǒng)通過(guò)用戶名自動(dòng)識(shí)別角色是否為法人單位 2. 文件管理： a) 文件瀏覽。可以查看主管部 北京航 空航天大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 19 頁(yè) 19 門下屬的每個(gè)法人單位的進(jìn)度狀態(tài)和所有填報(bào)的信息 5. 數(shù)據(jù)瀏覽 ： 可以查看所有法人單位的所有資源 調(diào)查數(shù)據(jù) (二 )法人單位 ： 法人單位用戶是參與資源調(diào)查的科研單位。分為未提交、已提 交、審核通過(guò)和審核未過(guò)四種狀態(tài)，每種狀態(tài)顯示具體的數(shù)量和百分比 ii. 可以顯示進(jìn)度的詳細(xì)信息。包 括編輯文件標(biāo)題、和文件的具體內(nèi)容 b) 文件 瀏覽。系統(tǒng)通過(guò)用戶名自動(dòng)識(shí)別角 色是否為管理員 2. 文件管理 ： a) 文件發(fā)布。 (一 )中心管理員： 中心管理員是平臺(tái)中心用戶，在整個(gè)系統(tǒng)中擁有最高權(quán)限，具有組織資源調(diào)查，劃定資源調(diào)查范 圍，管理調(diào)查進(jìn)度和流程，以及對(duì)采集的資源數(shù)據(jù)進(jìn)行統(tǒng)計(jì)分析等權(quán)限 ，如下圖 。 16 其他功能操作：非系統(tǒng)用戶的相 關(guān)操作。 14 資源信息修改：系統(tǒng)用戶對(duì)資源信息可以進(jìn)行修改 。 12 資源信息查詢：按照資源信息的名稱對(duì)詳細(xì)信息進(jìn)行查詢。 10 添加用戶：中心管理員對(duì)法人單位信息添加，法人單位對(duì)其他填報(bào)部門信息添加。 8 修改用戶：中心管理員對(duì)法人單位信息修改，法人單位對(duì)其他填報(bào) 部門信息修改。 6 新聞管理：系統(tǒng)用戶可以對(duì)新聞進(jìn)行修改和刪除操作。 4 新聞發(fā)布：系統(tǒng)用戶可以進(jìn)行新聞發(fā)布。 2 系統(tǒng)用戶登錄是用戶名驗(yàn)證 ： 系統(tǒng)用戶在進(jìn)行登錄時(shí)首先對(duì)用戶名進(jìn)行驗(yàn)證。 中將詳細(xì)介紹每個(gè)角色的功能。因此在利用 Ajax技術(shù)進(jìn)行系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)不但 在這一點(diǎn)上大大減輕系統(tǒng)負(fù)擔(dān)，而且在用戶體驗(yàn)上大大得到改善。這就對(duì)資源填報(bào)系統(tǒng)中對(duì)于資源信息的數(shù)據(jù)類型的合法性驗(yàn)證要求 顯得格外重要 。 3． 1． 1 系統(tǒng)需求 資源填報(bào) 系統(tǒng)的主要功能是 資源調(diào)查信息發(fā)布、瀏覽；資源 信息的填報(bào)及其查詢。 而建立資源填報(bào)系統(tǒng)的目的就是 要將 我國(guó)科技資源分布狀況及其利用情況，建成相應(yīng)科技資源數(shù)據(jù)庫(kù)，建立科技資源數(shù)據(jù)動(dòng)態(tài)更新機(jī)制。 系統(tǒng)的設(shè)計(jì)結(jié)構(gòu)如下圖 ： 資 源 填 報(bào) 系 統(tǒng)基 于 A j a x 技 術(shù) 的 開 發(fā) 框 架 — — G W TE X T 作 為 用 戶 界 面 表 現(xiàn) R P C 、 J S O N 最 為 異 步 數(shù) 據(jù) 傳 輸 圖 系統(tǒng)開發(fā)結(jié)構(gòu)圖 具體的設(shè)計(jì)實(shí)現(xiàn)將在第 4章和第 5章中介紹。其次，將采用 EXT作為系統(tǒng)界面表現(xiàn)， 并運(yùn)用 ExtJS庫(kù)來(lái)實(shí)現(xiàn)各種界面功能 ，充分 在 B/S結(jié)構(gòu)的系統(tǒng)上去 展現(xiàn) C/S結(jié)構(gòu)的特點(diǎn) ，提升用戶體驗(yàn) 。 北京航 空航天大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 15 頁(yè) 15 2． 6 技術(shù) 小結(jié) 通過(guò)以上 5項(xiàng)技術(shù)的介紹， 在充分認(rèn)識(shí)和了解以上 5項(xiàng)技術(shù)的優(yōu)缺點(diǎn)后，我對(duì)系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)有了充分的思考 和設(shè)想。 命名空間允許不同上下文中的相同的信息段彼此混合，然而，顯然在 JSON 中已經(jīng)找不到了命名空間。目前還沒(méi)有正式的研究表明 JSON 比 XML 有更高的線上傳輸效率；人們只是通過(guò)簡(jiǎn)單的字節(jié)數(shù)比較發(fā)現(xiàn)，對(duì)于等效的 JSON 和 XML 有效負(fù)載，前者總是小于后者。 在 XML 中，打開和關(guān)閉標(biāo)記是必需的，這樣才能滿足標(biāo)記的依從性；而在 JSON 中，所有這些要求只需通過(guò)一個(gè)簡(jiǎn)單的括號(hào)即可滿 足。 totalCount : xx, data: [ {name:科技部 , website : {name:國(guó)家發(fā)改委 , website : {name:教育部 , website : {name:財(cái)政部 , website : . . . . . . . . . . . ] } 2． 5． 1 JSON 的優(yōu) 缺 點(diǎn) 雖然看上去 JSON 的數(shù)據(jù)分隔符的優(yōu)點(diǎn)可能并不那么明顯，但存在一個(gè)根本性的緣由：它們簡(jiǎn)化了 對(duì)于 數(shù)據(jù) 的 訪問(wèn) ， 使用這些數(shù)據(jù)分隔符時(shí)， JavaScript 引擎對(duì)數(shù)據(jù)結(jié)構(gòu)（如字符串、數(shù)組、對(duì)象 ） 的內(nèi)部表示恰好與這些符號(hào)相同。 舉例說(shuō)明 JSON數(shù)據(jù)格式。 [ ]s t r i n gv a l u ev a l u en u m b e ro b j e c ta r r a yf a l s et r u en u l l 圖 JSON數(shù)值 北京航 空航天大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 14 頁(yè) 14 字符串（ string）是由雙引號(hào)包圍的任意數(shù)量 Unicode字符的集合，使用反斜線轉(zhuǎn)義。這些結(jié)構(gòu)可以嵌套。 如圖 。一個(gè)數(shù)組以 “ [” （左中括號(hào)）開始， “ ]” （右中括號(hào)）結(jié)束。 如圖 。一個(gè)對(duì)象以 “ {” （左括號(hào)） 開始， “ }” （右括號(hào)）結(jié)束。這使得一種數(shù)據(jù)格式在同樣基于這些結(jié)構(gòu)的編程語(yǔ)言之間交換成為可能。 這些都是常見的數(shù)據(jù)結(jié)構(gòu)。 值的有序列表 （ An ordered list of values） 。 JSON建構(gòu)于兩種結(jié)構(gòu)： “ 名稱 /值 ” 對(duì)的集合 (A collection of name/value pairs)。 XML—— 這種用于表示客戶端與服務(wù)器間數(shù)據(jù)交換有效負(fù)載的格式 ， 幾乎已經(jīng)成了 Web services的同義詞。 RPC的工作原理和實(shí)現(xiàn)流程如下圖 ,其具體的實(shí)現(xiàn)過(guò)程將在 介紹。而這個(gè)接口的命名的規(guī)則通常是同步接口的名稱加上 Async作為后綴。 ? ServiceAsync:這是一個(gè)異步的接口定義 ，而它必須有一個(gè)實(shí)現(xiàn)相同方法的同步接口。在我們的服務(wù)中這個(gè)接口繼承了RemoteService，來(lái)說(shuō)明這個(gè)服務(wù)是一個(gè) GWT RPC服務(wù)。 在 RPC服務(wù)中是通過(guò)類和接口來(lái)實(shí)現(xiàn)的。 GWT會(huì)自動(dòng)的產(chǎn)生許多適合于 RPC所需要的類別。而 在通常的客戶端 — 服務(wù)器端的體系中， 當(dāng) GWT需要和服務(wù)器端進(jìn)行聯(lián)系時(shí)， 就 需要 通過(guò) 遠(yuǎn)程程序調(diào)用 Remote Procedure Calls（ 以下簡(jiǎn)稱 RPC） 來(lái)執(zhí)行 。 在 GWT中，客戶端代碼在運(yùn)行時(shí)更像是一個(gè) C/S結(jié)構(gòu)的客戶端，但它 卻是在網(wǎng)絡(luò)瀏覽器中運(yùn)行 的 。 2． 4 RPC（ Remote Procedure Calls） 簡(jiǎn)介 由以上 對(duì) Google Web Toolkit的介紹我們知道 ， GWT是一個(gè)用來(lái)處理客戶端與服務(wù)器端的網(wǎng)絡(luò)程序 框架。 ExtJS可以用來(lái)開發(fā) RIA，豐富了 客戶端的 Ajax應(yīng)用，是一個(gè)用 JavaScript編寫 的 ，主要用于創(chuàng)建前端用戶界面， 與后臺(tái)技術(shù)無(wú)關(guān)的前端 Ajax框架。 本文中所有的環(huán)境準(zhǔn)備、實(shí)例開發(fā)和說(shuō)明 都 針對(duì) Windows操作平臺(tái)，如果使用其他的操作系統(tǒng)，請(qǐng)根據(jù)實(shí)際情況進(jìn)行適當(dāng)?shù)恼{(diào)整。 ? applicationCreator： applicationCreator命令用于創(chuàng)建基本的 HelloWorld！ 應(yīng)用和GWT應(yīng)用開發(fā)環(huán)境。 5. 命令行工具 GWT工具包中提供了幾個(gè)非常適用的小工具來(lái)幫助我們更快的建立 GWT應(yīng)用開發(fā)環(huán)境： projectCreator、 applicationCreator、 junitCreator。 4. Web模式 (Web Mode) Web模式是指已經(jīng)成功轉(zhuǎn)化為 Ajax應(yīng)用的狀態(tài)，這種狀態(tài)下，我們已經(jīng)開始通過(guò) Web方式來(lái)訪問(wèn) Ajax應(yīng)用了。在這種情況下， Java虛擬機(jī)使用 GWT內(nèi)置的瀏覽器運(yùn)行 GWT應(yīng)用編譯后的 class內(nèi)容，因此能夠 達(dá)到 “ 編碼、測(cè)試、調(diào)試 ” 過(guò) 程的最佳速度。 3. 宿主模式 (Hosted Mode) 宿主模式是指我們和沒(méi)有轉(zhuǎn)換為 Ajax應(yīng)用的 GWT應(yīng)用交互的狀態(tài)。比如使用 .gwtButton { fontsize: 150%。 GWT建議使用 CSS修飾頁(yè)面元素的顯示效果 。這是因?yàn)?GWT最大限度的將這些控件翻譯成瀏覽器內(nèi)置的類型。包括支持 Java語(yǔ)言中的基本類型、 事件 處理等，支持 接口，支持正則表達(dá)式和序列化。 1. GWT編譯器 GWT編譯器是 GWT的核心，負(fù)責(zé)完成將 Java代碼翻譯 成 Ajax內(nèi)容的工作。熟悉 Java AWT的開發(fā)者不需要花費(fèi)多大的力氣就能夠快速的理解 GWT開發(fā)工具包，將更多地時(shí)間投入到 GWT應(yīng)用的開發(fā)過(guò)程中。GWT框架本身是開源的，但是 GWT中的開發(fā)工具僅僅提供開發(fā)用 License，不允許分發(fā)。 GWT的出現(xiàn)為我們提供了這種可能。 Ajax應(yīng)用開發(fā)的最大難題 —— 開發(fā)工 具 ， 就將迎刃而解。 而且這樣的開發(fā)工具我們可以免費(fèi)獲得，比如 Eclipse、 NetBeans等 。 W i d g e t sA n dP a n e lI 1 8 NX M LP a r s e rH i s t o r yM g m tJ U i tI n t e g r a t i o nJ S N IJ R E E m u l a t i o nJ a v a t o J s C o m p i l e rR P CG W T 圖 GWT開發(fā)組件 北京航 空航天大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 9 頁(yè) 9 2． 2． 2 為什么要選擇 GWT 眾所周知 ，即使對(duì)于 Ajax技術(shù)非常熟悉的開發(fā)者而言， Ajax應(yīng)用的開發(fā)和調(diào)試過(guò)程也不是一件容易的事情，更困難的 是 ， 到目前為止， 還 沒(méi)有出現(xiàn) 一種 合適的開發(fā)工具能夠支持 Ajax的 開發(fā)和調(diào)試。 GWT提供了全面 的 配置工具來(lái)滿足現(xiàn)代網(wǎng)絡(luò) 應(yīng)用的開發(fā)，如圖 。大型的網(wǎng)絡(luò)應(yīng)用程序存在著管理上的困難，而 Java正是這樣一種對(duì) 大 型網(wǎng)絡(luò)應(yīng)用 程序有著很好的管理性的開發(fā)語(yǔ)言。這也就意味著除了可以得到很多作為 Java編程語(yǔ)言所帶來(lái)的許多優(yōu)勢(shì)以外，還可以運(yùn)用 許多其他可用的 Java開發(fā)工具。 GWT與 其他開發(fā)框架的不同就在于編程人員在客戶 端所編寫的是 Java代碼 ， 而并非JavaScript代碼。 一些手持設(shè)備（如手機(jī)、 PDA等）現(xiàn)在還不能很好的支持 Ajax； 用 JavaScript作的 Ajax引擎， JavaScript的兼容性和 DeBug都是讓人頭痛的事 ； 北京航 空航天大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 8 頁(yè) 8 Ajax的無(wú)刷新重載，由于頁(yè)面的變化沒(méi)有刷新重載那么明顯，所以容易給用戶帶來(lái)困擾 ―― 用戶不太清楚現(xiàn)在的數(shù)據(jù)是新的還是已經(jīng)更新過(guò)的 。不給予用戶明確的回應(yīng) ，沒(méi)有恰當(dāng)?shù)念A(yù)讀數(shù)據(jù) ，或者對(duì) XMLHttpRequest的不恰當(dāng)處理，都會(huì)使用戶感到延遲，這是用戶不欲看到的，也是他們無(wú)法理解的。）這些解決方案也同時(shí)解決了許多關(guān)于不支持后退按鈕的爭(zhēng)論。 其實(shí) 該問(wèn)題的解決方案也已出現(xiàn)，大部分都使用 URL片斷標(biāo)識(shí)符（通常被稱為錨點(diǎn)，即 URL中 后面的部分）來(lái)保持跟蹤，允許用戶 回到指定的某個(gè)應(yīng)用程序狀態(tài)。（例如，當(dāng)用戶在 Google Maps中單擊后退時(shí)，它在一個(gè)隱藏的 IFRAME中進(jìn)行搜索，然后將搜索結(jié)果反映到 Ajax元素上，以便將應(yīng)用程序狀態(tài)恢復(fù)到當(dāng)時(shí)的狀態(tài)。一個(gè)被完整讀入的頁(yè)面與一個(gè)已經(jīng)被動(dòng)態(tài)修改過(guò)的頁(yè)面之間的差別非常微妙；用戶通常都希望單擊后退按鈕，就能夠取消他們的前一次操作，但是在 Ajax應(yīng)用程序中，卻無(wú)法這樣做。 對(duì)應(yīng)用 Ajax最主要的批評(píng)就是，它可能破壞瀏覽器后退按鈕的正常行為。隨著 Ajax的成熟，一些簡(jiǎn)化 Ajax使用方法的程序庫(kù)也相繼問(wèn)世。 Ajax不需要任何瀏覽器插件 ， 只 需要用戶允許 JavaScript在瀏覽器上執(zhí)行。 北京航 空航天大學(xué)畢業(yè)設(shè)計(jì) (論文 ) 第 7 頁(yè) 7 2． 1． 3 Ajax 的優(yōu)點(diǎn)和缺點(diǎn) 使用 Ajax的最大優(yōu)點(diǎn)，就是能在不更新整個(gè)頁(yè)面的前提下維護(hù)數(shù)據(jù) ，并只對(duì)需要更新的數(shù)據(jù)進(jìn)行更新 。 例如簡(jiǎn)單的數(shù)據(jù)校驗(yàn)，內(nèi)存中的數(shù)據(jù)編輯，甚至一些頁(yè)面導(dǎo)航 ， Ajax引擎自己就可以處理它 。 將傳統(tǒng)的 Web同步交互方式與 Ajax異步交互方式進(jìn)行如下比較，如圖 ： 用 用用 用 用 用用 用 用 用 用 用 用 用用用用用用用用用用用用用用 用 用 用用 用 用用用用用用用用用 用 用用用用用用 用 用 用 用 用用 用 用 用 A j a x 用 用 用 用 用 用 用用用用用用用用用用用用