【正文】 height:326px。 page=0。 } else{ alert(最后一頁 )。ij。通過“上一頁”與“下一頁”查看該信息的圖片， 將包含圖片路 徑的數(shù)組 path12賦給 JS中的全局變量 arrJs中并用 page變量保存當前頁面顯示的圖片頁數(shù)，當用戶點擊下一頁時，page++，檢測 page變量超過圖片總數(shù)時，提示用戶最后一頁，當用戶點擊上一頁時， page，檢測 page變量為 1時，提示用戶第一頁。 信息查看的界面如 圖 46所 示。 本科畢業(yè)設計（論文） 26 } return mark。 ()。 //添加參數(shù) y,該參數(shù)制定將覆蓋已存在的文件 (flvfilepath)。 (22050)。 (mp3)。 (6)。 (ffmpegPath)。下面介紹其過程： 調用 jspSmartUpload組件將文件上傳到臨時文件夾后，調用 convertVideo()方法來轉換視頻格式。 圖 45 文件下載圖 本科畢業(yè)設計（論文） 25 視頻轉換 視頻的上傳的操作并不僅是完成將用戶上傳的文件保存到服務器的磁盤中的操作，只有將上傳的文件轉換為 FLV格式的文件才能通過 Flash制作的播放器進行播放。 (setTimeout((),10000))。 (alert(39。 (/script)。此文件不存在 39。 } } else{ (script language=39。)。JavaScript39。 //設 文件類型 (buffer)。filename= + new String((gb2312),ISO88591))。 (buffer)。 //讀取文件內容到字節(jié)數(shù)組 a中 ()。 //創(chuàng)建文件對象 FileInputStream fin=new FileInputStream(file)。 String fname=date+_+name。 result=()。 //獲取 磁盤中保存信息的保存名字 String sqlstr= select * from download where ID=+id。 (gbk)。 (button)。 (input)。 =file。 圖 44 文件上傳圖 通過“增加”和“移除”按鈕可以方便的選擇上傳文件的數(shù)量，該功能的實現(xiàn)是通過JS 函數(shù)對該按鈕的功能，實現(xiàn)如下： script type=text/javascript function addmore(){ var td=(pp)。文 件下載的實現(xiàn)相對于文件上傳比較簡單，首先獲取要下載文件的具體路徑，然后根據(jù)該路徑創(chuàng)建一個 類，通過該 類引 用文 件， 接下 來將 File 類 作為 參數(shù) 構建一 個文 件字 節(jié)輸 入流FileInputStream，并通過該流將文件內容讀到一個字節(jié)數(shù)組中去，最后從 response 對象中獲取一個輸出流，在進行相應的設置后，將字節(jié)數(shù)組中的內容寫到該輸出流中，此時會在客戶端彈出文件下載對話框，實現(xiàn)文件的下載。 文件上傳與下載模塊 包括用戶下載資源，發(fā)布者和管理員上傳資源。 else (szPath)。 szPath = s + szPath。)。 // 通過 webDav操作 Office文件 // nMod 1 查看 // nMod 2 編輯，默認 // nMod 3 創(chuàng)建 本科畢業(yè)設計（論文） 20 function fnWebDAVFile(szPath, nMod) { try{ undefined == typeof contextPath amp。 Tomcat已經(jīng)實現(xiàn)簡單的 WebDav,為了能實現(xiàn)文件的在線編輯和 Web服務器文件、目錄的在線拷貝、粘貼和剪切，需要在 配置 。 Office 在線管理模塊 WebDAV（ Webbased Distributed Authoring and Versioning）是基于 HTTP 的一個通信協(xié)議。 普通信息的發(fā)表 發(fā)布員發(fā)布的信息，不能在用戶界面顯示，只能經(jīng)過管理員發(fā)布后才能顯示在用戶界面，而管理員發(fā)布的信息可以直接顯示到頁面，他們的差別僅僅是 SQL 語言的選用，即對數(shù)據(jù)庫中信息表 Kind 的發(fā)布屬性為 yes 或是 no。 } } } 普通信息的修改 發(fā)布員只能修改該發(fā)布員自己的信息，而管理員可以修改所有信息，當要修改信息時，觸發(fā)鏈接如下： td width=10% a href=39。 } //刪除子目錄 本科畢業(yè)設計（論文） 18 else { flag = deleteDirectory(files[i].getAbsolutePath())。 for (int i = 0。 } File dirFile = new File(sPath)。 ()) { ()。 } } public boolean deleteFile(String sPath) { boolean flag = false。 } else { // 判斷是否為文件 if (()) { // 為文件時調用刪除文件方法 return deleteFile(sPath)。 public boolean DeleteFolder(String sPath) { boolean flag1=(matches1)。在這些信息刪除時，需要調用刪除硬盤文件的方法。刪除代碼較為簡單，在此不做介紹。發(fā)布代碼較為簡單，在此不做介紹。 查詢后的數(shù)據(jù)是進行分頁顯示的 ，亦即每當用戶請求時，發(fā)送一個請求頁數(shù)的參數(shù)。 由于普通信息， office 信息，下載信息，視頻信息對于查詢、信息發(fā)布、刪除等操作的操作原理一致，僅僅是操作數(shù)據(jù)庫中的數(shù)據(jù)表不同，所以下面以普通信息為例，介紹信息的查詢、發(fā)布、刪除等操作。 表 36 視頻資源表 media 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Title String 標題 3 Savename String 硬盤上保存名字 4 date_time String 上傳時間 5 Author String 上傳者 6 Picpath String 視頻截圖的路徑 7 Path String 視頻文件路徑 8 Kind String 發(fā)布屬性 7. 圖片資源 表 pic 用圖片資源表來保存信息中需要的圖片的基本信息。 本科畢業(yè)設計（論文） 12 表 32 系統(tǒng)用戶表 person 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 Id String 用戶編號 2 Anume String 用戶姓名 3 Key String 密碼 4 Role String 角色 3. 信息表 news 用信息表來保存系統(tǒng)用戶編寫的發(fā)布信息的基本信息。 后臺系統(tǒng)中 管理員擁有所有的權限，信息發(fā)布者只能對自己發(fā)布的信息進行管理，包括修改信息內容、刪除信息和刪除網(wǎng)友對自己的評論 。 第 1 個過程決定用戶能否進入 管理 系統(tǒng)。 系統(tǒng)流程分析 為了使讀者進一步了解本實例系統(tǒng)的設計，本小節(jié)將對系統(tǒng)進行流程分析。 電力信息發(fā)布系統(tǒng)發(fā)布者管理信息管理添加搜索修改刪除下載資源管理搜索資源刪除資源上傳資源評論管理刪除查看管理員管理發(fā)布員管理顯示修改刪除添加信息管理發(fā)布搜索修改刪除添加下載資源管理上傳刪除搜索發(fā)布評論管理查看刪除用戶瀏覽信息瀏覽下載信息留言下載查看搜索搜索下載查看發(fā)表 本科畢業(yè)設計（論文） 10 管 理 員賬 號 角 色密 碼姓 名發(fā) 布 員角 色密 碼姓 名賬 號發(fā) 布 查 看添 加信 息留 言標 題編 號留 言 者時 間對 象內 容屬 性發(fā) 布 者時 間 圖 23 實體關系圖 本章小結 本章詳細闡述了基于 Web的電力信息發(fā)布系統(tǒng)的概要設計，首先提出了系統(tǒng)的角色分析，介紹了系統(tǒng)總體結構，需要實現(xiàn)的功能以及各功能模塊的劃分。 E－ R圖是概念模型最常用的表示方法，在 E－ R圖中 表示方法有 ： 1. 用長方形表示實體型，在框內寫上實體名。數(shù)據(jù)流圖的符號說明如圖 21所示。 5）登陸后可修改個人密碼 。 3. 管理員 此類用戶具有以下權限 ： 1）瀏覽所有網(wǎng)頁。 2. 信息發(fā)布 員 此類用戶具有以下權限 ： 1) 具有管理其發(fā)布信息的權限。 1. 普通用戶 此類用戶具有以下權限 ： 1) 瀏覽已發(fā)布的信息。 7. 管理者可以管理發(fā)布者，對發(fā)布者進行的管理包括：刪除、添加、修改、查詢。 4. 為后臺管理提供管理入口。對常見 本科畢業(yè)設計（論文） 7 網(wǎng)站的 信息 管理的各個方面： 信息 錄入、瀏覽、刪除、修改、搜索等方面都大體實現(xiàn)， 實現(xiàn)了網(wǎng)站對即時新聞的管理要求 。 3) 作者和讀者可以自己決定文件的顯示 。 CSS 使作者可以將這些信息中的大部分分離出來，簡化 HTML 文件，這些信息被放在一個輔助的、用 CSS 語言寫的文件中。 其次通過 JavaScript 的 DOM API 來操縱 返回的純文本 ，動態(tài)的生成用戶界面，并且根據(jù)服務器傳回的數(shù)據(jù)動態(tài)修改用戶界面。正是通過 JavaScript， Ajax才能將各個關鍵技術有機的結合起來。JavaScript 從其中及時獲取到事件請求數(shù)據(jù)和狀態(tài)，調用響應函數(shù)完成工作，返回處理結果。 JavaScript 基于對象的基本特征，就是采用事件驅動 (event 一 driven)。 本科畢業(yè)設計（論文） 6 3. JavaScript JavaScript 是一種跨平臺、面向對象的腳本語言。 2) 構建發(fā)送內容 :在 XMLHttpRequest 對象初始化后，通過傳入?yún)?shù) url 和指定請求屬性填寫 open方法來建立資源連接，設置 onreadystatechange屬性通知 XMLHttpRequest對象 callback 函數(shù)處理狀態(tài)的改變，最后使用 send 方法發(fā)送請求，交付服務器處理。然而 XMLHttpRequest 技術的出現(xiàn)使得程序員可以打破這種笨拙的開發(fā)模式，以一種全新的方式來做 Web 開發(fā)，為用戶提供更好的交互體驗。 XMLHttpRequest 的出現(xiàn)為 Web 開發(fā)提供了一種全新 的可能性，甚至整個改變了人們對于 Web 應用由什么來組成的看法。除 XML 之外， XMLHTTP 還能用于獲取其它格式的數(shù)據(jù)，如 JSON，甚至可以是純文本。 3) 這個結構是基于“層”概念的 。文檔對象模型把整張網(wǎng)頁組織成這樣的一個樹狀的結構，樹結構中的每一個元素都被視為一個 本科畢業(yè)設計（論文） 5 結點 (Node)。樹根是 Window 或 Document 對象，相當于最外層的標簽的外圍，也就是整個文檔。 DOM模型使得頁面層次結構能夠動態(tài)的變化。 1． DOM模型 DOM(Document Object Model，文檔對象模型 )是 W3C 組織推薦的一種用于 HTML 和 XML文檔的應用編程接口。 Ajax 引擎最大的特點就是允許客戶端程序與服務器端程序進行異步的通信，從而使用戶從請求 /響應中解脫出來并提高了響應的效率。這導致了用戶界面的回應比本機應用慢得多。