【正文】 本科畢業(yè)設(shè)計（論文） 4 第 2 章 系統(tǒng)的需求分析 Ajax 技術(shù) Ajax 全稱為“ Asynchronous JavaScript and XML” (異步 JavaScript 和 XML)，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。部分功能的實現(xiàn)使用了 Ajax技術(shù)，例如數(shù)據(jù)分頁的實現(xiàn)。要求設(shè)計系統(tǒng)解決如下問題： 1． 信息發(fā)布系統(tǒng)的用戶界面和管理界面簡潔，方便用戶使用。 目前 信息化 是 企業(yè) 的發(fā)展趨勢 ,電力系統(tǒng)在 信息發(fā)布系統(tǒng)方面的需求則不斷擴大 。用戶的 操作 ,可以只刷新必要的頁面區(qū)域 ,只提取必要的數(shù)據(jù)。傳統(tǒng)的 Web技術(shù)由于互動性和實時性的缺陷 ,已經(jīng)無法滿足現(xiàn)實的需要。 網(wǎng)絡(luò) 信息 發(fā)布形式簡單，發(fā)布快捷，費用低廉，易于快速更新，便于消費者集中比對，面向中小企 業(yè)和個人，針對性強。通過對 58 同城、搜搜客、口碑網(wǎng)、客齊集這幾個主要的分類網(wǎng)站的研究可以發(fā)現(xiàn)：加深 服務(wù)、增加誠信管理、把握技術(shù)與市場先機 等手段是這幾個領(lǐng)先的 信息網(wǎng)站的共識。 本文正是在此背景下提出的。站在網(wǎng)絡(luò)時代的前夜 ， 我們清晰地聽到了網(wǎng)絡(luò)時代的宣言：誰掌握了網(wǎng)絡(luò) ， 誰就掌握了未來。另一方面靜態(tài)網(wǎng)頁由于不能與瀏覽者進行有效交互 ,使人們感到越來越乏味 ， 而不愿意再一次地進入同一站點。據(jù)估計 ， 目前 Inter 上已有上百萬個 Web 站點 ， 其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域 ， 其用戶群十分龐大 ， 因此 ， 建設(shè)一個好的 Web站點對于一個機構(gòu)的發(fā)展十分重要。而 采用 了 Ajax 技術(shù)的 Web 應(yīng)用 較好地解決了局部刷新的問題 。本文論述的就是采用 Jsp + Apache + Acess2020 開發(fā)環(huán)境開發(fā)動態(tài)的 Web 網(wǎng)絡(luò) 電力信息 發(fā)布系統(tǒng)。 I 摘 要 隨著 Inter 的普及，無論人們相隔多么遙遠，都有天涯若比鄰的感覺。 此系統(tǒng)是專注于電力系統(tǒng)專業(yè)信息的發(fā)布。 關(guān)鍵詞： Inter， Jsp， 電力信息系統(tǒng)， Ajax II ABSTRACT With the popularization of Inter, no matter how far apart the people have the Tianya Zorpia feeling. Page has gradually integrated into people39。近年來 ， 隨著網(wǎng)絡(luò)用戶要求的不斷提高及計算機科學的迅速發(fā)展 ， 特別是數(shù)據(jù)庫技術(shù)在 Inter 中的廣泛應(yīng)用 ， Web 站點向用戶提供的服務(wù)將越來越豐富 ， 越來越人性化 。所以開發(fā)動態(tài)網(wǎng)頁或動態(tài)內(nèi)容成了越來越多的站點所追求目標。 Inter 飛速發(fā)展 ， 互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道 ， 它在人們生活中的各個方面發(fā)揮著重要的作用。電力系統(tǒng)可以通過網(wǎng)上信息發(fā)布，及時了解其動態(tài)，使其更緊密的與市場結(jié)合。 目前 信息網(wǎng)站的產(chǎn)業(yè)鏈地位還沒有完整地形成， 2020 年的網(wǎng)絡(luò) 市場依然處于爆發(fā)期前的充分競爭期。消費者和企業(yè)在需要時才點擊，不是強制性 ， 因而更能被網(wǎng)民接受。對傳統(tǒng) Web 應(yīng)用與 采用了Ajax技術(shù) 的 Web應(yīng)用進行了比較 ,局部采用 Ajax技術(shù)的 信息發(fā)布系統(tǒng) 這種設(shè)計是 可行 的 。 Ajax 是 Asynchronous Javascript and XML 的縮寫 ,是一種運用Javascript 和可擴展標記語言 (XML),在網(wǎng)絡(luò)瀏覽器和服務(wù)器之間傳送數(shù)據(jù)的技術(shù)。 傳統(tǒng)的 B/S 方式很難解決局部刷新的問題。 2． 電力信息發(fā)布系統(tǒng)中的各種數(shù)據(jù)保存在服務(wù)器當中，管理員可以在權(quán)限范圍內(nèi)對數(shù)據(jù)進行修改。整個系統(tǒng)在 Eclipse 平臺上開發(fā)。 傳統(tǒng)的 Web應(yīng)用允許用戶端填寫表單 (form)，當送出表單時就向 Web 服務(wù)器發(fā)送一個請求。 基于 Ajax 技術(shù)的 Web 應(yīng)用通過在瀏覽器客戶端與服務(wù)器中間加了一層 Ajax引擎，消除了 傳統(tǒng) Web應(yīng)用只能同步請求的特性。所謂的異步請求，也就是發(fā)送請求后不需要等待服務(wù)器響應(yīng)完畢，用戶仍然可以進行其它的任務(wù)如 Web 表單操作，而瀏覽器也會繼續(xù)對用戶與頁面的其它交互進行響應(yīng)，并在服務(wù)器響應(yīng)到達時再進行處理。它與平臺和語言是無關(guān)的，因而可以用各種語言和在各種平臺上實現(xiàn)。 每一個網(wǎng)頁元素 (一個 HTML 標簽 )都對應(yīng)著一個對象。樹根之下是子一級的對象，子對象也有它自己的子對象。包括 JavaScript 在內(nèi)的各種編程語言都可以通過文檔對象模型來訪問 和改變網(wǎng)頁的各種細節(jié)。 4) “層”的概念類似這樣 :第一層 第二層 第三層 /第三層 /第二層 /第一層 。 XMLHttpRequest 最大的好處在于可以動態(tài)地更新網(wǎng)頁，它無需重新從服務(wù)器讀取整個網(wǎng)頁，也不需要安裝額外的插件。在這個技術(shù)出現(xiàn)之前，由于技術(shù)上的限制，人們認為Web應(yīng)用就是由一系列連續(xù)切換的頁面組成的。 XMLHttpRequest 是 XMLHTTP 組 件的對象，通過這個對象， Ajax 可以像桌面應(yīng)用程序一樣只同服務(wù)器進行數(shù)據(jù)層面的交換，而不用每次都刷新界面，也不用每次將數(shù)據(jù)處理的工作都交給服務(wù)器來做。 3) 服務(wù)器端響應(yīng)到達時，調(diào)用 callback 函數(shù)為響應(yīng)做后期處理 :當服務(wù)器響應(yīng)完成且一切正常，執(zhí)行函數(shù) callback 解析服務(wù)器返回的數(shù)據(jù)。 JavaScript 是一個小的，輕量級的語 言 。 JavaScript對頁面對象的操作由對象事件觸發(fā)。除此以外， JavaScript 能夠通過基本函數(shù)、方法控制頁面對象的屬性和賦值，完成諸如表單驗證和網(wǎng)頁特效等操作。 先 Ajax 通過 JavaScript 來生成 XMLHttpRequest 對象，并利用該對象向服務(wù)器發(fā)送數(shù)據(jù)。 4. CSS CSS(Cascading Style Sheets，層疊樣式表 )，由 W3C 定義和維護的標準，是一種用來為結(jié)構(gòu)化文檔如 HTML 文檔或 XML 應(yīng)用添加樣式 (字體、間距和顏色等 )的計算機語言。 HTML 文件中只包含結(jié)構(gòu)和內(nèi)容的信息 CSS 文件中只包含樣式的信息。 4) 文件的結(jié)構(gòu)簡化了。 通過相關(guān)調(diào)查，要求該系統(tǒng)應(yīng)具有以下功能： 1. 通過網(wǎng)絡(luò)瀏覽信息及相關(guān)信息。 5. 可以進行留言，頁面同時可以及時顯示并且無須刷新頁面。 8. 管理者可以對所有發(fā)布者撰寫的信息進行發(fā)布，刪除、修改、查詢。 2) 查詢已發(fā)布的信息。 2）發(fā)布 信息， 待管理員批準 。 2）具有管理信息發(fā)布員的權(quán)限。 本科畢業(yè)設(shè)計（論文） 8 數(shù)據(jù)流圖 數(shù)據(jù)流圖是組織中信息運動的抽象，是 信息發(fā)布 系統(tǒng)邏輯模型的主要形式。 根據(jù)調(diào)查材料，明確系統(tǒng)外部項，識別數(shù)據(jù)輸入的來源和輸出的去處，自頂向下逐層擴展整 個系統(tǒng)的邏輯功能。 2. 用菱形表示實體間的聯(lián)系，菱形框內(nèi)寫上聯(lián)系名，用無向邊把菱形分別與有關(guān)實體相連，在無向邊旁標上聯(lián)系的類型。 本科畢業(yè)設(shè)計（論文） 11 第 3 章 系統(tǒng)分析與總體設(shè)計 因為網(wǎng)絡(luò)中信息發(fā)布的頻率非常高，如果使用靜態(tài)網(wǎng)頁作為信息頁面，則維護工作將會非常繁瑣，管理員每天需要制作大量的網(wǎng)頁，從而浪費很多時間和精力。多用戶系統(tǒng)的工作流程都是從用戶登錄模塊開始，對用戶的身份進行認證。第 2 個過程根據(jù)用戶的類型決定用戶的操作權(quán)限，從而決定用戶的工作界面。 數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計 根據(jù)用戶需求，共創(chuàng)建了 8個表，分別為： 當前用戶活動表 active；系統(tǒng)用戶表 person；信息表 news；下載資源表 download； Office 資源表 doc；視頻資源表 media；圖片資源表 picture；留言表 box。 表 33 信息表 news 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Title String 題目 3 date_time String 發(fā)布時間 4 Author String 作者 5 Kind String 發(fā)布屬性 4. 下載資源 表 download 用下載資源表來保存系統(tǒng)用戶上傳的下載資源的基本信息。 表 37 圖片資源表 pic 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Father String 信息編號 ,代表該圖片是哪個信息的 3 Piame String 圖片的名字 4 Savename String 圖片的保存名字 box 本科畢業(yè)設(shè)計（論文） 14 用留言表來保存用戶的留言信息的基本信息。 普通信息的查詢 發(fā)布員只能對自己發(fā) 布的信息進行查詢，管理員可以對所有信息進行查詢。 分頁技術(shù)見下面介紹。 當管理者決定將某信息發(fā)布時，觸發(fā)的鏈接如下： td width=10% a href=39。 當管理者決定將某信息刪除時，觸發(fā)的鏈接如下： td width=10% a href=39。該方法如下： package deleteFile。 if(flag1==true){ boolean flag = false。 } else { // 為目錄時調(diào)用刪除目錄方法 return deleteDirectory(sPath)。 File file = new File(sPath)。 flag = true。 //如果 dir對應(yīng)的文件不存在，或者不是一個目錄，則退出 if (!() || !()) { return false。 i 。 if (!flag) break。 %39。下面是管理員的發(fā)表信息界面，發(fā)布者的發(fā)表界面相似，如圖 43所示。它為 HTTP 添加了一些擴展（就是在 GET、 POST、 HEAD 等幾個 HTTP 標準方法以外添加了一些新的方法），使得應(yīng)用程序可以直接將文件寫到 Web Server 上，并且在寫文件時候可以對文件加鎖，寫完后對文件解鎖，還可以支持對文件所做的版本控制。 自從 webDav 的出現(xiàn)以來，微軟和 Adobe 等公司率先對它進行支持。amp。 nMod || (nMod = 2)。 alert(szPath)。 }catch(e){alert()} } /script 在本系統(tǒng)中通過調(diào)用 fnWebDAVFile()函數(shù)，實現(xiàn)對 Office 文件的操作。 文件的上傳與下載是網(wǎng)絡(luò)中應(yīng)用最為廣泛的一種技術(shù)，在 Web 應(yīng)用中實現(xiàn)文件上傳需要通過 Form 表 單 實現(xiàn) ， 此 時 表單 必 須 以 POST 方式 提 交 ， 并且 必 須 設(shè) 置enctype=” multipart/formdata” 屬性，在表單中需要實現(xiàn)一個或多個文件選擇框供用戶選擇文件。 由于實現(xiàn)文件的上傳與下載是比較復(fù)雜的，為了節(jié)省開發(fā)項目所占用的時間，采用JspSmartUpload 組件， 這些組件對許多操作進行了封裝，并提供了各種接口方法，在開發(fā)時只需調(diào)用這些組件的接口方法即實現(xiàn)文件上傳與下載操作。 本科畢業(yè)設(shè)計（論文） 22 var br=(br)。 =file。 (button)。 } } /script 在進行圖片上傳的表單設(shè)計中，需要用一個隱藏域來隱式提交信息編號，用于標記該圖片是所屬于哪個信息的， 用 Servlet 接受表單后的處理為 ，首先判斷上傳者的身份，如果為管理員或發(fā)布者，則允許其上傳，不是，則提示錯誤信息；驗證身份之后，調(diào)用JspSmartUpload 組件，實現(xiàn)上傳，并設(shè)置文件名后將其保存在服務(wù)器中，上傳成功后將該文件的信息存入到數(shù)據(jù)庫中，并返回給用戶上傳成功的提示信息。 PrintWriter out = ()。 本科畢業(yè)設(shè)計（論文） 23 ResultSet result=null。 boolean flag=()。 //獲得保存名字 String path=(/)。 int len=()。 //關(guān)閉流 String filename=()。 ()。 //使中文不出現(xiàn)亂碼 (ContentLength, + ())。 ()。)。)。JavaScript39。)。 } }catch(Exception e){ (script language=39。錯誤，文件不存在 39。