基于MVC的圖片管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

基于MVC的圖片管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)本文將詳細(xì)介紹實(shí)現(xiàn)一種基于MVC并結(jié)合FLASH、JDOM等多種技術(shù)來設(shè)計(jì)實(shí)現(xiàn)對(duì)圖片進(jìn)行有效管理的系統(tǒng)。本系統(tǒng)使得圖片或圖文的布局、顯示不再復(fù)雜凌亂,給用戶帶來簡單美觀體驗(yàn),同時(shí)“水印”及“下載圖片”功能的定制可起到維護(hù)圖片版權(quán)的作用。標(biāo)簽：MVC圖片管理系統(tǒng)FLASH0引言隨著網(wǎng)絡(luò)技術(shù)迅速發(fā)展,人們通過網(wǎng)絡(luò)瀏覽相關(guān)信息愈發(fā)方便,簡單的羅列展示信息已經(jīng)不能適應(yīng)用戶對(duì)復(fù)雜信息簡潔具體、美觀醒目體驗(yàn)需求。圖片,作為一種生動(dòng)形象的信息表現(xiàn)形式,在網(wǎng)頁的信息展示和美觀效果的追求中都起到的作用舉足輕重。無論是專門的圖片管理系統(tǒng)(網(wǎng)站)還是普通的主題闡述網(wǎng)頁都涉及如何美觀、簡潔地對(duì)大量相關(guān)圖片進(jìn)行展示。傳統(tǒng)圖片顯示形式存在很多缺陷,如圖片可隨意地被復(fù)制、下載和使用。本文結(jié)合MVC多層設(shè)計(jì)模式開發(fā)速度快、易于維護(hù)測試和擴(kuò)展等優(yōu)點(diǎn)[2]及Flash應(yīng)用在視圖層(View)所帶來的視覺體驗(yàn)的特性,來實(shí)現(xiàn)動(dòng)態(tài)、簡潔及美觀的圖片管理功能。XML技術(shù)可以作為實(shí)現(xiàn)這種結(jié)合紐帶,大大減低了這兩種技術(shù)依賴性,更好地實(shí)現(xiàn)各個(gè)層面開發(fā)的獨(dú)立性。1系統(tǒng)分析和設(shè)計(jì)1.1架構(gòu)流程分析擁有創(chuàng)建相冊并上傳圖片的權(quán)限角色可以創(chuàng)建相冊并上傳圖片,系統(tǒng)把圖片壓縮處理生成小圖并原始圖片加上水印,然后把相冊和圖片的基本信息和關(guān)系存入數(shù)據(jù)庫。根據(jù)用戶選擇的相冊,系統(tǒng)查找并呈現(xiàn)出該相冊及其包含圖片的信息,同時(shí)把這些圖片及其壓縮后的預(yù)覽小圖的地址都寫入XML文件中;界面顯示FLASH相冊,其自動(dòng)加載XML文件,讀取其指向的圖片,當(dāng)用戶點(diǎn)擊供預(yù)覽小圖時(shí),原始圖片顯現(xiàn)。1.2類與對(duì)象的識(shí)別及實(shí)體關(guān)系分析:系統(tǒng)涉及的對(duì)象包括:相冊對(duì)象、圖片對(duì)象、XML對(duì)象,(FLASH對(duì)象在FLASH開發(fā)中考慮)。在設(shè)計(jì)相冊類、圖片類,XML類時(shí),本文將分別建立各自的實(shí)體類和對(duì)數(shù)據(jù)基本操作的類,如相冊類(AlbumBean,AlbumDao)。該系統(tǒng)核心的實(shí)體是相冊和照片,他們之間是一對(duì)多的包含關(guān)系。1.3數(shù)據(jù)庫及界面設(shè)計(jì):數(shù)據(jù)庫設(shè)計(jì),按系統(tǒng)特性選擇使用數(shù)據(jù)庫,并根據(jù)識(shí)別的類與對(duì)象及實(shí)體關(guān)系設(shè)計(jì)數(shù)據(jù)表。界面(包括FLASH界面)的設(shè)計(jì)要力求簡單、美觀和響應(yīng)較快的特點(diǎn)。所有界面的風(fēng)格應(yīng)一致,具有相同含義的術(shù)語含義相同,且易于理解,而且擁有良好的直覺特征。FLASH設(shè)計(jì),是否提供下載圖片的功能。2技術(shù)分析本系統(tǒng)采用J2EE架構(gòu)技術(shù)、應(yīng)用MVC模式,視圖層采用JSP技術(shù)為主,使用JavaScript腳本語言進(jìn)行驗(yàn)證和簡單的顯示控制,并結(jié)合FLASH技術(shù)進(jìn)行美觀布局。模型層,將對(duì)象和相應(yīng)操作數(shù)據(jù)庫的方法分別封裝成JavaBean的形式。控制層則通過創(chuàng)建Servlet來進(jìn)行請求和數(shù)據(jù)流轉(zhuǎn)的控制。從而保證業(yè)務(wù)邏輯、數(shù)據(jù)邏輯、控制邏輯以及顯示邏輯之間的相對(duì)獨(dú)立性。FLASH技術(shù)[3]:要通過利用FLASH技術(shù),制作出外形動(dòng)感、美觀的相冊,需要制作者有一定的美工技術(shù)和Flash制作經(jīng)驗(yàn)。網(wǎng)絡(luò)上有很多開源的很好的FLASH作品,進(jìn)行必要的改動(dòng)后同樣可以使用,但這樣可能往往與網(wǎng)站風(fēng)格等方面缺乏統(tǒng)一性,而且也體現(xiàn)不出系統(tǒng)的個(gè)性、特性所在。XML技術(shù):XML(ExtensibleMarkupLanguage)即可擴(kuò)展標(biāo)記語言,是SGML(標(biāo)準(zhǔn)通用標(biāo)記語言)。XML是Internet環(huán)境中跨平臺(tái)的,依賴于內(nèi)容的技術(shù),是當(dāng)前處理結(jié)構(gòu)化文檔信息的有力工具。將上面介紹的主要技術(shù)有效結(jié)合,就成為該系統(tǒng)成功實(shí)現(xiàn)的關(guān)鍵。這里我引用了JDOM這個(gè)開源技術(shù)來作為搭建XML文檔這個(gè)重要橋梁的技術(shù)工具。JDOM是一個(gè)開源項(xiàng)目,它基于樹型結(jié)構(gòu),利用純JAVA的技術(shù)對(duì)XML文檔實(shí)現(xiàn)解析、生成、序列化以及多種操作。3系統(tǒng)實(shí)現(xiàn)系統(tǒng)實(shí)現(xiàn),就以顯示圖片的核心模塊來做具體的分析。如圖3.1所示,當(dāng)用戶點(diǎn)擊index.jsp(列出相冊的頁面)中的某一相冊封面,則頁面就會(huì)向控制層的DoSthServlet.java提出請求(request),該Servlet提取request中的參數(shù),繼而調(diào)用操作類AlbumDao(對(duì)相冊對(duì)象的數(shù)據(jù)庫操作類)和PicDao(對(duì)圖片對(duì)象的數(shù)據(jù)庫操作類)分別依據(jù)對(duì)象類AlbumBean(相冊實(shí)體類)、PicBean(圖片實(shí)體類),查出對(duì)應(yīng)相冊的主題和文章內(nèi)容并存入HttpRequest對(duì)象的屬性中以供調(diào)用,并找到有哪些圖片屬于該相冊(即查詢出所有圖片信息),DoSthServlet再調(diào)用XmlEditBean,取到并清空XML文檔,再利用JDOM將上一步所查詢出的所有圖片的地址(根據(jù)圖片名加上路徑)、圖片描述逐條逐條地寫入Xml文檔中,并輸出該文檔。最后,DoSthServlet給予response(相應(yīng)),簡單調(diào)轉(zhuǎn)到last.jsp頁面,該頁面取到請求對(duì)象屬性中關(guān)于相冊的主題、文章的內(nèi)容并將其顯示,此時(shí)頁面又自動(dòng)加載FLASH文件,FLASH文件開始運(yùn)行時(shí)就先加載指定的XML文檔,此時(shí)FLASH就能定位到用戶所要查看的圖片了。至此該系統(tǒng)的顯示圖片模塊功基本實(shí)現(xiàn)。然而當(dāng)用戶多次點(diǎn)擊相冊查看圖片會(huì)發(fā)現(xiàn)出現(xiàn)圖片不是用戶所點(diǎn)擊相冊中的,而是歷史記錄。這是因?yàn)榭蛻舳藶g覽器中緩存了XML文檔,最新的XML文檔就不會(huì)被FLASH加載到。解決的方法是在FLASH文件動(dòng)作的代碼中調(diào)用XML文檔地址的后面加上隨機(jī)函數(shù)作為參數(shù)。參考文獻(xiàn):[1]ElliotteRustyHarold.ProcessingXMLwithJava.AGuidetoSAX.DOM.JDOM.JAXP.andTrAX[M].AddisonWesley.2002.8.[2]BudiKurniawan等.深入淺出Struts[M].北京.人民郵件出版社.2007.9