基于web的圖片信息管理系統(tǒng)設計【畢業(yè)論文】

1、<p><b>　　本科畢業(yè)設計</b></p><p><b>　　（20 屆）</b></p><p>　　基于Web的圖片信息管理系統(tǒng)設計</p><p>　　所在學院 </p><p>　　專業(yè)班級 通信工

2、程 </p><p>　　學生姓名 學號 </p><p>　　指導教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　摘 要</b>

3、</p><p>　　隨著Internet的發(fā)展和廣泛應用，網(wǎng)絡圖片信息已經(jīng)成為網(wǎng)絡上最重要的資源之一。圖片和相片等都是人們記錄、分享信息的重要手段，隨著網(wǎng)絡技術(shù)的發(fā)展使這種分享方式更加方便、快捷。在此基礎上，基于Web.NET的網(wǎng)絡圖片與相冊在其共享的合理性、方便性有了更進一步的提高。目前有很多基于Web的網(wǎng)絡相冊的網(wǎng)站，為全世界范圍內(nèi)相片的檢索及共享提供了平臺。當下國內(nèi)有許多網(wǎng)絡圖片與相冊網(wǎng)站：網(wǎng)易相冊、Go

4、ogle相冊、QQ相冊、TOM相冊、雅虎相冊、搜狐相冊等。隨著發(fā)展的逐步成熟，傳統(tǒng)網(wǎng)絡相冊的問題也漸漸暴露出來，越來越無法滿足用戶的展示需求。</p><p>　　Web2.0創(chuàng)造了一種新的媒體形式，使用戶不再是單方面的媒體受眾，同時也成了內(nèi)容原創(chuàng)的重要原始力量，創(chuàng)造了更加清晰的網(wǎng)絡社區(qū)的網(wǎng)絡群體。隨著網(wǎng)絡帶寬及其他相關(guān)技術(shù)的不斷完善，人們使用網(wǎng)絡相冊的滿意度不斷提高；同時，隨著數(shù)碼攝像機以及拍照相機的不斷增多，

5、人們擁有大量的原創(chuàng)數(shù)碼相片，使得對網(wǎng)絡相冊的需求熱情迅速提升，互聯(lián)網(wǎng)進入“讀圖時代”。因此，人們對網(wǎng)絡相冊網(wǎng)站的服務也有了對比，以選擇性能適合的。</p><p>　　網(wǎng)絡達人圖片相冊網(wǎng)站是基于互動娛樂于一體的，主要針對當前校園圖片信息分享為目的的網(wǎng)站。可以加強同學之間的交流和了解，這樣可以更好展現(xiàn)學習生活風采。</p><p>　　本系統(tǒng)采用ASP.NET開發(fā)平臺，ASP是Microso

6、ft公司提供的一種開發(fā)動態(tài)網(wǎng)頁的技術(shù)，利用C#開發(fā)語言和SQL Server2005作為后臺數(shù)據(jù)庫，SQL Server2005是Microsoft公司提供的一種數(shù)據(jù)庫管理系統(tǒng)，是一種綜合、集成的數(shù)據(jù)平臺，基于該平臺的圖片相冊系統(tǒng)具有性能完善、特定性強等優(yōu)勢。</p><p>　　關(guān)鍵詞：圖片相冊；數(shù)據(jù)庫；SQL Server2005；ASP.NET</p><p><b>　　

7、Abstract</b></p><p>　　With the development and wide application of Internet, network picture messaging has become the network's most important resources. Pictures and photos are all the people reco

8、rded important means of sharing information, with the development of network technology to share ways to make this more convenient and faster. On this basis, the network-based Web.NET photos and albums in his share of th

9、e reasonable, convenient, has been further improved. There are many Web-based Web Albums site, for the wo</p><p>　　Web2.0 is creating a new form of media, so users no longer one-sided media audience, but als

10、o become an important content of original raw power, and create a more clear network of online communities online community. As the network bandwidth and other related technologies continue to improve, people use Web Alb

11、ums increasing satisfaction; same time, with photo camera, digital cameras and the growing number of people have a large number of original digital photos, making the demand for Web Albums</p><p>　　This syst

12、em uses the ASP.NET development platform, ASP is Microsoft provides a dynamic web development technologies, using C # development language and SQL Server2005 as the backend database, SQL Server2005 is Microsoft provided

13、a database management system, is a comprehensive, integrated data platform, the platform-based photo album system has perfect performance, a specific and strong advantage.</p><p>　　Keywords: Photo album; Dat

14、abase; SQL Server2005; ASP.NET</p><p><b>　　目 錄</b></p><p><b>　　1 引言1</b></p><p>　　1.1 設計任務1</p><p>　　1.2 設計內(nèi)容1</p><p>　　1.3 目的和

15、意義1</p><p>　　2 系統(tǒng)使用的技術(shù)綜述3</p><p>　　2.1 ASP.net簡介3</p><p>　　2.2 IIS簡介3</p><p>　　2.3 SQL簡介4</p><p>　　3 需求分析及可行性5</p><p><b>　　3.1研究方式

16、5</b></p><p>　　3.2國內(nèi)外網(wǎng)站對比分析5</p><p>　　3.3可行性分析6</p><p>　　3.3.1 經(jīng)濟可行性6</p><p>　　3.3.2 技術(shù)可行性6</p><p>　　4 系統(tǒng)總體設計7</p><p>　　4.1 系統(tǒng)總體框架

17、7</p><p>　　4.1.1 基于B/S體系7</p><p>　　4.1.2 系統(tǒng)總體框架圖7</p><p>　　4.2 系統(tǒng)功能模塊設計8</p><p>　　4.2.1用戶類型9</p><p>　　4.2.1管理員9</p><p>　　4.3 系統(tǒng)主要工作流程10

18、</p><p>　　4.3.1 網(wǎng)絡圖片系統(tǒng)客戶端工作流程10</p><p>　　4.3.2 網(wǎng)絡圖片系統(tǒng)管理端工作流程10</p><p>　　5 數(shù)據(jù)庫的分析與設計12</p><p>　　5.1數(shù)據(jù)庫及數(shù)據(jù)表分析12</p><p>　　5.2 管理員信息數(shù)據(jù)庫表12</p><

19、p>　　5.3 類別信息數(shù)據(jù)表13</p><p>　　5.4 公告信息數(shù)據(jù)表13</p><p>　　5.5圖片信息數(shù)據(jù)表13</p><p>　　5.6會員信息數(shù)據(jù)表14</p><p>　　5.7相冊信息數(shù)據(jù)表14</p><p>　　6 系統(tǒng)詳細設計16</p><p>

20、;　　6.1 普通用戶登錄主要模塊16</p><p>　　6.2 普通相冊用戶圖片修改模塊設計17</p><p>　　6.3 管理員模塊設計20</p><p>　　7 系統(tǒng)關(guān)鍵技術(shù)24</p><p>　　7.1 系統(tǒng)用戶簡介24</p><p>　　7.2 技術(shù)要點24</p><

21、;p>　　7.2.1 圖片顯示的技術(shù)24</p><p>　　7.2.2 SQL查詢27</p><p><b>　　8 結(jié)論29</b></p><p>　　致謝錯誤!未定義書簽。</p><p><b>　　參考文獻30</b></p><p>　　附錄

22、1 源程序代碼32</p><p>　　附錄2 畢業(yè)設計作品說明書43</p><p><b>　　1 引言</b></p><p><b>　　1.1 設計任務</b></p><p>　　本設計旨在幫助掌握專業(yè)知識和基本技能，培養(yǎng)綜合運用所學知識與技術(shù),獨立地分析和解決問題的能力；通過本

23、次設計，掌握使用SQL Server開發(fā)數(shù)據(jù)庫系統(tǒng)和網(wǎng)頁制作的基本技能，實現(xiàn)網(wǎng)絡圖片系統(tǒng)的基本功能，培養(yǎng)正確的思維方法和嚴謹?shù)目茖W態(tài)度，和通過專業(yè)知識解決實際問題的能力。</p><p><b>　　1.2 設計內(nèi)容</b></p><p>　　創(chuàng)建一個網(wǎng)絡圖片系統(tǒng)，本站系統(tǒng)可實現(xiàn)普通用戶注冊、上傳圖片、下載圖片、分類瀏覽圖片和我的照片、按排行瀏覽圖片、瀏覽最新圖片、

24、管理員相冊管理等基本功能，并可以通過對圖片的更新，用戶可以及時交流，便于使用。</p><p>　　根據(jù)網(wǎng)絡圖片管理的實際要求，網(wǎng)絡圖片管理的工作流程，系統(tǒng)應實現(xiàn)以下功能：</p><p>　　1.要求系統(tǒng)能夠?qū)崿F(xiàn)管理員端對圖片內(nèi)容、圖片用戶資料、用戶注冊等管理。</p><p>　　2.要求系統(tǒng)能夠?qū)崿F(xiàn)用戶端對資料、相冊等管理和操作。</p><

25、;p>　　3.要求系統(tǒng)能夠?qū)崿F(xiàn)普通用戶對圖片內(nèi)容、圖片相冊等訪問功能。</p><p>　　4.要求系統(tǒng)能夠進行適當?shù)臑g覽、查詢和修改功能。</p><p>　　系統(tǒng)要求：實用、簡單易用、代碼規(guī)范、設計說明書完整規(guī)范。</p><p><b>　　1.3 目的和意義</b></p><p>　　隨著Internet

26、的發(fā)展和廣泛應用，網(wǎng)絡圖片信息已經(jīng)成為網(wǎng)絡上最重要的資源之一。圖片和相片等都是人們記錄、分享信息的重要手段，隨著網(wǎng)絡技術(shù)的發(fā)展使這種分享方式更加方便、快捷。在此基礎上，基于Web.NET的網(wǎng)絡圖片與相冊在其共享的合理性、方便性有了更進一步的提高[1]。目前有很多基于Web的網(wǎng)絡相冊的網(wǎng)站，為全世界范圍內(nèi)相片的檢索及共享提供了平臺。當下國內(nèi)有許多網(wǎng)絡圖片與相冊網(wǎng)站：網(wǎng)易相冊、Google相冊、QQ相冊、TOM相冊、雅虎相冊、搜狐相冊等。隨

27、著發(fā)展的逐步成熟，傳統(tǒng)網(wǎng)絡相冊的問題也漸漸暴露出來，越來越無法滿足用戶的展示需求[2]。</p><p>　　Web2.0創(chuàng)造了一種新的媒體形式，使用戶不再是單方面的媒體受眾，同時也成了內(nèi)容原創(chuàng)的重要原始力量，創(chuàng)造了更加清晰的網(wǎng)絡社區(qū)的網(wǎng)絡網(wǎng)絡群體。隨著網(wǎng)絡帶寬及其他相關(guān)技術(shù)的不斷完善，人們使用網(wǎng)絡相冊的滿意度不斷提高；同時，隨著數(shù)碼攝像機以及拍照相機的不斷增多，人們擁有大量的原創(chuàng)數(shù)碼相片，使得對網(wǎng)絡相冊的需求熱

28、情迅速提升，互聯(lián)網(wǎng)進入“讀圖時代”。因此，人們對網(wǎng)絡相冊網(wǎng)站的服務也有了對比，以選擇性能適合的。</p><p>　　正由于這種市場的實際需求，本課題采用最新的技術(shù)來開發(fā)系統(tǒng)，采用ISS技術(shù)，使用微軟ASP.NET環(huán)境使得系統(tǒng)結(jié)構(gòu)更加清晰，開發(fā)過程更加便捷。</p><p>　　2 系統(tǒng)使用的技術(shù)綜述</p><p>　　2.1 ASP.net簡介</p>

29、;<p>　　ASP.net是基于通用語言的編譯運行的程序，所以它的強大性和適應性，可以使它運行在Web應用軟件開發(fā)者的幾乎全部的平臺上（其和SQL能非常好的融合一起）。通用語言的基本庫，消息機制，數(shù)據(jù)接口的處理都能無縫的整合到ASP.net的Web應用中。</p><p>　　與HTML相比，ASP網(wǎng)頁具有以下特點[3,4,5]： </p><p>　?、爬肁SP可以實現(xiàn)

30、動態(tài)網(wǎng)頁技術(shù)； </p><p>　　⑵ASP文件包含在HTML代碼所組成的文件中，容易修改和測試[5]； </p><p>　?、欠掌魃系腁SP解釋程序會在服務器端制定ASP程序，并將結(jié)果傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP所產(chǎn)生的網(wǎng)頁，具有很強的兼容性[6]； </p><p>　　⑷ASP提供了一些內(nèi)置對象，使用這些對象可以使服務器端

31、腳本功能更強； </p><p>　　⑸ASP可以使用服務器端ActiveX組建來執(zhí)行各種各樣的任務[7，8]；</p><p>　?、视捎诜掌魇菍SP程序執(zhí)行的結(jié)果以HTML格式傳回客戶端瀏覽器，因此使用者不會看到ASP所編寫的原始程序代碼，可防止ASP程序代碼被竊取[9]。</p><p><b>　　2.2 IIS簡介</b><

32、/p><p>　　ASP應用程序需要IIS服務器才可正常執(zhí)行。IIS是指一群因特網(wǎng)服務器，包括一個使用超文本傳輸協(xié)議（http協(xié)議）的服務器和一個使用文件傳輸協(xié)議（ftp協(xié)議）的服務器。ASP應用程序需在安裝有IIS服務的計算機上運行。</p><p>　　IIS支持有編輯環(huán)境的、有全文檢索功能的、有多媒體功能的界面，其次,IIS是隨Windows Server 2003一起提供的文件和應用程

33、序服務器，是在Windows Server上建立Internet服務器的基本組件。IIS是Windows系統(tǒng)集成的Web開發(fā)服務器，利用它可以很容易地構(gòu)建出Web站點。</p><p><b>　　2.3 SQL簡介</b></p><p>　　SQL Server具有強大的創(chuàng)建、開發(fā)、設計及管理功能，SQL Server是真正的客戶機/服務器體系結(jié)構(gòu)；圖形化用戶界

34、面，使系統(tǒng)管理和數(shù)據(jù)庫管理更加直觀、簡單；豐富的編程接口工具，為用戶進行程序設計提供了更大的選擇余地；SQL Server與Windows NT完全集成，利用了NT的許多功能，如發(fā)送和接受消息，管理登錄安全性等；SQL Server也可以很好地與Microsoft BackOffice產(chǎn)品集成[10]。</p><p>　　SQL Server 2005中包含了非常豐富的新特性：通過提供先進的商業(yè)智能平臺滿足眾多

35、客戶對業(yè)務的實時統(tǒng)計分析、監(jiān)控預測等多種復雜管理需求，推動企業(yè)管理信息化建設和業(yè)務發(fā)展；通過提供一個更安全、可靠和高效的數(shù)據(jù)管理平臺，增強企業(yè)組織中用戶的管理能力，大幅提升IT管理效率并降低運維風險和成本； SQL Server 2005將提供一個極具擴展性和靈活性的開發(fā)平臺，不斷拓展應用空間，實現(xiàn)Internet數(shù)據(jù)業(yè)務互聯(lián)，為客戶帶來新的商業(yè)應用機遇。</p><p>　　SQL Server 2005在以下

36、三個主要方面幫助客戶提高業(yè)務：</p><p>　?。?）企業(yè)數(shù)據(jù)管理,SQL Server 2005 針對行業(yè)和分析應用程序提供了一種更安全可靠和更高效的數(shù)據(jù)平臺。SQL Server 的最新版本不僅是迄今為止 SQL Server 的最大發(fā)行版本，而且是最為可靠安全的版本。 </p><p>　?。?）開發(fā)人員生產(chǎn)效率,SQL Server 2005 提供了一種端對端的開發(fā)環(huán)境，其中涵

37、蓋了多種新技術(shù)，可幫助開發(fā)人員大幅度提高生產(chǎn)效率。 </p><p>　　（3）商業(yè)智能,SQL Server 2005 的綜合分析、集成和數(shù)據(jù)遷移功能使各個企業(yè)無論采用何種基礎平臺都可以擴展其現(xiàn)有應用程序的價值。構(gòu)建于 SQL Server 2005 的 BI 解決方案使所有員工可以及時獲得關(guān)鍵信息，從而在更短的時間內(nèi)制定更好的決策[11]。</p><p>　　SQL Server 2

38、005 為IT專家和信息共作者帶來了強大的、熟悉的工具，同時減少了在從移動設備到企業(yè)數(shù)據(jù)系統(tǒng)的多平臺上創(chuàng)建、部署、管理及使用企業(yè)數(shù)據(jù)和分析應用程序的復雜度。 通過全面的功能集、和現(xiàn)有系統(tǒng)的集成性、以及對日常任務的自動化管理能力，SQL Server 2005 為不同規(guī)模的企業(yè)提供了一個完整的數(shù)據(jù)解決方案[12,13]。</p><p>　　3 需求分析及可行性</p><p><b&

39、gt;　　3.1研究方式</b></p><p>　　通過對各個網(wǎng)站的功能能進行試用比較，以及通過問卷形式抽樣調(diào)查，對該網(wǎng)絡圖片管理系統(tǒng)有總體上的認識，其次對該系統(tǒng)進行功能上的補充，使其能夠簡單地運行，然后在后期不斷地完善。</p><p>　　3.2國內(nèi)外網(wǎng)站對比分析</p><p>　　現(xiàn)階段的網(wǎng)絡相冊服務商們，在網(wǎng)絡相冊儲存量、相冊上傳速度、批量上

40、傳、相冊訪問速度、圖片編輯功能上有一番比拼。網(wǎng)絡相冊的開發(fā)成本高，不同的服務商為其利潤的最大化，在這些功能上也下了一番心思。網(wǎng)易、Google、騰訊作為網(wǎng)絡相冊市場中優(yōu)秀的運營商。對其相冊的功能進行一下如下比較：</p><p>　　網(wǎng)易相冊只需注冊之后三步就進入網(wǎng)易相冊界面，上傳圖片可以支持JPG、GIF格式，介于中等水平，在批量添加圖片的步驟中簡單明了，上手容易。在圖片編輯中，網(wǎng)易相冊支持旋轉(zhuǎn)、裁剪、亮度/對

41、比度調(diào)整，網(wǎng)易相冊還具有好友相冊功能等。</p><p>　　Google相冊注冊之后需Email激活，上傳圖片支持所有格式。批量上傳顯得普通一些，每次最多上傳5張照片。Google相冊可以利用自己的插件"picasa"來實現(xiàn)對圖片的編輯，圖片修改功能是所有網(wǎng)絡相冊網(wǎng)站中最優(yōu)秀的。Google相冊具有RSS輸出功能。</p><p>　　QQ相冊用戶更是可以直接使用QQ

42、帳戶密碼登錄，上傳圖片可以支持JPG、GIF格式，介于中等水平。QQ用戶最多只能一次上傳5個圖片，可以支持圖片的旋轉(zhuǎn)、裁剪、亮度、對比度的調(diào)整，但上傳速度和修改速度、頁面轉(zhuǎn)換速度都極慢。QQ相冊具有相冊封面功能和幻燈片播放模式[2]。</p><p><b>　　3.3可行性分析</b></p><p>　　3.3.1 經(jīng)濟可行性</p><p&g

43、t;　　由于各個網(wǎng)絡圖片與相冊網(wǎng)站采用的技術(shù)和面向的對象存在差異，在實際應用中也存在一定的問題：</p><p>　　(1).大部分網(wǎng)站的空間使用量有限制，用戶不能無限使用；</p><p>　　(2).大部分網(wǎng)站的圖片互動、娛樂和平臺化的展示不夠，用戶使用不方便；</p><p>　　(3).大部分網(wǎng)站對圖片內(nèi)容的監(jiān)管不夠，用戶使用不放心。</p>

44、<p>　　本課題研究的主要是網(wǎng)絡圖片系統(tǒng)的應用，在企業(yè)中的優(yōu)點可以促進企業(yè)內(nèi)部和諧發(fā)展，達到利益的最大化。而本課題主要研究是在校園達人中的應用，不但可以更好的促進交流，又可以更好的娛樂互動。</p><p>　　3.3.2 技術(shù)可行性</p><p>　　本系統(tǒng)采用的是微軟公司的SQL Server 2005。原因如下：</p><p>　　第一，SQL

45、 Server 2005與Windows 2003 Server服務器緊密集成，而Windows 2003 Server服務器具有良好的安全性，能夠排除所有未經(jīng)授權(quán)的非法用戶的訪問，確保了SQL Server 2005服務器的安全性,符合系統(tǒng)對安全性的要求。</p><p>　　第二，用戶可以使用IE瀏覽器查詢存儲在SQL Server 2005數(shù)據(jù)庫中的數(shù)據(jù)，符合系統(tǒng)遠程訪問數(shù)據(jù)庫的要求。</p>

46、<p>　　第三，容量龐大，每個數(shù)據(jù)庫中可創(chuàng)建多達20萬個數(shù)據(jù)表，數(shù)據(jù)表中的記錄的行數(shù)只受服務器硬盤空間的限制，符合系統(tǒng)圖片數(shù)量較多的要求[12,13]。</p><p><b>　　4 系統(tǒng)總體設計</b></p><p>　　4.1 系統(tǒng)總體框架</p><p>　　4.1.1 基于B/S體系</p><p&

47、gt;　　B/S（Browser/Server）結(jié)構(gòu)即瀏覽器和服務器結(jié)構(gòu)。它是對C/S結(jié)構(gòu)的一種變化或者改進的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實現(xiàn)，極少部分事務邏輯在前端（Browser）實現(xiàn)，但是主要事務邏輯在服務器端（Server）實現(xiàn)，形成所謂三層3-tier結(jié)構(gòu)。這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體成本（TCO）。局域網(wǎng)建立B/S結(jié)構(gòu)的網(wǎng)絡應用，并通過Inter

48、net/Intranet模式下數(shù)據(jù)庫應用，相對易于把握、成本也是較低的。它是一次性到位的開發(fā)，能實現(xiàn)不同的人員，從不同的地點，以不同的接入方式（比如LAN, WAN, Internet/Intranet等）訪問和操作共同的數(shù)據(jù)庫；它能有效地保護數(shù)據(jù)平臺和管理訪問權(quán)限，服務器數(shù)據(jù)庫也很安全 。</p><p>　　4.1.2 系統(tǒng)總體框架圖 </p><p>　　系統(tǒng)總體框架如圖4-1所示。

49、</p><p>　　圖4-1 系統(tǒng)總體框架</p><p>　　網(wǎng)絡圖片系統(tǒng)總體框架如圖4-2所示。</p><p>　　圖4-2 網(wǎng)絡圖片系統(tǒng)總體框架</p><p>　　4.2 系統(tǒng)功能模塊設計</p><p>　　在此系統(tǒng)中根據(jù)用戶的需求可分為兩種用戶，站點瀏覽者即普通瀏覽者，站點管理者即管理員。</

50、p><p>　　根據(jù)用戶的需求，可建立如下主要功能模塊。</p><p>　　注冊登錄模塊：可實現(xiàn)用戶的注冊和登錄。</p><p>　　相冊分類模塊：分類顯示相冊。</p><p>　　相冊排行模塊：按排行顯示模塊。</p><p>　　特殊相冊模塊：顯示設置為“會員可見”的相冊。</p><p>

51、;　　圖片上傳模塊：包括相冊的創(chuàng)建和上傳圖片。</p><p>　　后臺登錄模塊：用于管理員登錄后臺管理界面。</p><p>　　網(wǎng)站設置模塊：可設置網(wǎng)站基本信息。</p><p>　　管理員設置模塊：包括管理員的添加、修改和刪除。</p><p>　　相冊分類管理模塊：管理相冊的類別。</p><p>　　用戶信息

52、管理模塊：管理用戶的信息。</p><p>　　公告管理模塊：包括公告的添加、修改和刪除。</p><p>　　各功能模塊的關(guān)系如圖4-3所示。</p><p>　　圖4-3 網(wǎng)絡圖片系統(tǒng)模塊圖</p><p><b>　　4.2.1用戶類型</b></p><p>　　本系統(tǒng)的普通用戶分為會員和

53、匿名用戶。會員用戶可以瀏覽其他人的圖片，也可以上傳自己的圖片；匿名用戶沒有權(quán)限瀏覽設置為“會員可見”照片和上傳照片。普通用戶可實現(xiàn)的功能為：分類瀏覽圖片和我的相冊、按排行瀏覽圖片、瀏覽最新圖片等。</p><p><b>　　4.2.1管理員</b></p><p>　　本系統(tǒng)的管理員分為超級管理員和普通管理員，兩者權(quán)限有很大不同。普通管理員能夠進行的操作只有“相冊管

54、理”、“相片管理”、“添加公告”和“公告管理”。超級管理員可進行所有的后臺操作，包括添加和刪除管理員。管理員可實現(xiàn)的功能：網(wǎng)站信息設置，網(wǎng)站公告管理，修改密碼，添加、修改和刪除管理員信息，管理相冊分類信息，管理相冊，管理用戶等級，管理用戶信息，管理圖片等。</p><p>　　4.3 系統(tǒng)主要工作流程</p><p>　　4.3.1 網(wǎng)絡圖片系統(tǒng)客戶端工作流程</p><

55、;p>　　網(wǎng)絡圖片系統(tǒng)客戶端工作流程框圖，如圖4-4所示。</p><p>　　圖4-4 網(wǎng)絡圖片系統(tǒng)客戶端工作流程框圖</p><p>　　用戶通過點擊“index.asp”文件進入網(wǎng)絡圖片系統(tǒng)首頁。Index.asp文件中顯示了推薦相冊和最新相冊的部分圖片信息。 </p><p>　　點擊“我的相冊”，打開myphoto.asp文件，在此界面填寫會員登錄信

56、息。</p><p>　　登錄后myphoto.asp文件將會顯示相冊信息；通過modiy.asp文件顯示個人資料修改界面；photoupload.asp文件實現(xiàn)圖片的上傳；photoxcadd.asp文件實現(xiàn)相冊添加界面的顯示；myphotoxc.asp文件顯示相冊中的圖片。</p><p>　　Photofl.asp文件顯示相冊的分類信息首頁；classlist.asp文件顯示相冊分類

57、中的圖片；photolist.asp文件顯示相冊排行列表；photonews.asp文件顯示最新相冊圖片；通過help.asp顯示幫助信息[13]。</p><p>　　4.3.2 網(wǎng)絡圖片系統(tǒng)管理端工作流程</p><p>　　網(wǎng)絡圖片系統(tǒng)管理端工作流程框圖，如圖4-5所示。</p><p>　　圖4-5 網(wǎng)絡圖片系統(tǒng)管理端工作流程框架</p>&l

58、t;p>　　當管理員登錄后，頁面將會跳轉(zhuǎn)進入后臺管理頁面。</p><p>　　網(wǎng)絡圖片系統(tǒng)后臺管理有多個分管項目，每個管理項目有各自不同的管理功能。主要包括：網(wǎng)站資料編輯、登錄密碼修改、管理添加、修改管理員信息、相冊分類管理、用戶信息查看、相冊IP鎖定管理、用戶等級管理、相冊管理、添加公告管理以及公告管理等。</p><p>　　5 數(shù)據(jù)庫的分析與設計</p><

59、;p>　　5.1數(shù)據(jù)庫及數(shù)據(jù)表分析</p><p>　　在網(wǎng)絡圖片相冊系統(tǒng)中，數(shù)據(jù)表可以分為以下類別：</p><p>　　1.用戶表：此類表包含管理員信息表、會員信息表。</p><p>　　2.信息表：此類表包含公告信息表。</p><p>　　3.相冊表：此類表包含相冊信息表、圖片信息表和相冊類別信息表。</p>&

60、lt;p>　　本圖片相冊中的數(shù)據(jù)表名稱及其含義，如表5-1所示。</p><p>　　表5-1 數(shù)據(jù)表名稱對照表</p><p>　　5.2 管理員信息數(shù)據(jù)庫表</p><p>　　在已創(chuàng)建的SQL Server2005數(shù)據(jù)庫Blog中，創(chuàng)建一個名為Admin的表，使用id、username、password和userdj四個字段，分別存儲管理員的編號和用戶

61、名、密碼和類型等信息。管理員信息數(shù)據(jù)表結(jié)構(gòu)如表5-2所示。</p><p>　　表5-2 管理員信息數(shù)據(jù)表</p><p>　　5.3 類別信息數(shù)據(jù)表</p><p>　　在已創(chuàng)建的SQL Server2005數(shù)據(jù)庫Blog中，創(chuàng)建一個名為class的表,以id為主要字段。類別信息數(shù)據(jù)表結(jié)構(gòu)如表5-3所示。</p><p>　　表5-3

62、類別信息數(shù)據(jù)表</p><p>　　5.4 公告信息數(shù)據(jù)表</p><p>　　公告信息表在系統(tǒng)中主要作用是存儲公告的信息。在已創(chuàng)建的SQL Server2005數(shù)據(jù)庫Blog中，創(chuàng)建一個名為gg的表，使用id、title、content、adddate和username字段，分別存儲公告的編號、標題、內(nèi)容、添加時間和添加人信息。公告信息數(shù)據(jù)表結(jié)構(gòu)如表5-4所示。</p>&

63、lt;p>　　表5-4 公告信息數(shù)據(jù)表</p><p>　　5.5圖片信息數(shù)據(jù)表</p><p>　　圖片信息表在系統(tǒng)中的作用是存儲和圖片有關(guān)的信息。創(chuàng)建一個名為picmap的表，以id為主要關(guān)鍵字段，圖片信息數(shù)據(jù)表結(jié)構(gòu)如表5-5所示。</p><p>　　表5-5 圖片信息數(shù)據(jù)表</p><p>　　5.6會員信息數(shù)據(jù)表</

64、p><p>　　會員信息表在系統(tǒng)中的作用是存儲和會員有關(guān)的信息。創(chuàng)建一個名為user的表，以id為主要關(guān)鍵字段，會員信息數(shù)據(jù)表結(jié)構(gòu)如表5-6所示。</p><p>　　表5-6 會員信息數(shù)據(jù)表</p><p>　　5.7相冊信息數(shù)據(jù)表</p><p>　　相冊信息表在系統(tǒng)中的作用是存儲和相冊有關(guān)的信息。創(chuàng)建一個名為xc的表，以id為主要關(guān)鍵字段

65、，相冊信息數(shù)據(jù)表結(jié)構(gòu)如表5-7所示。</p><p>　　表5-7 相冊信息數(shù)據(jù)表</p><p><b>　　6 系統(tǒng)詳細設計</b></p><p>　　本系統(tǒng)設計主要分為2個大塊，即管理員模塊和普通用戶模塊</p><p><b>　　一、管理員模塊設計</b></p><

66、;p>　　管理員主要分為以下幾個部分：圖片相冊用戶管理、用戶登錄管理、圖片相冊管理等。</p><p>　　二、普通用戶模塊設計</p><p>　　普通用戶主要分為以下幾個部分：用戶登錄、修改資料、上傳圖片、下載圖片等功能。</p><p>　　6.1 普通用戶登錄主要模塊</p><p>　　普通相冊用戶登錄網(wǎng)站系統(tǒng)，如圖6-1所示

67、。在這個界面中，用戶可進行注冊或登錄系統(tǒng)操作。系統(tǒng)首頁有注冊、登錄、瀏覽圖片等功能。頁面中還有我的相冊、相冊分類、特殊相冊、相冊排行、最新照片顯示等功能。</p><p>　　用戶輸入在該系統(tǒng)注冊的賬號和密碼及進行登錄，使用了預定義的Login控件，包含了用戶輸入用戶名和密碼的控件，系統(tǒng)后臺會通過數(shù)據(jù)庫檢驗賬號的權(quán)限指向相關(guān)頁面。應用程序根據(jù)對登錄定義的session值作為檢索條件，查詢會員登錄信息，并將信息顯示

68、在窗體中。其實現(xiàn)的命令代碼主要是：</p><p>　　sql="select * from [user] where username='"&session("username")&"'"</p><p>　　set rss=connphoto.execute(sql)</p>&l

69、t;p>　　該命令實現(xiàn)使用SQL對數(shù)據(jù)庫USER的查詢操作，根據(jù)用戶名檢索相應的會員賬戶信息。</p><p>　　<%else%><table width="165" height="0" border="0" cellpadding="0" cellspacing="0"><

70、/p><p><b>　　<tr> </b></p><p>　　<td width="8">&nbsp;</td></p><p>　　<td width="163" height="134">登錄會員<br></

71、p><p>　　<table width="71%" border="0" align="center" cellpadding="0"</p><p>　　該命令序列實現(xiàn)會員信息顯示位置、樣式的定義。此外下列命令序列：</p><p>　　<td width="23%

72、" height="15" align="right" nowrap>用 戶：</td></p><p>　　<td width="23%" height="15" align="right">空 間：</td></p><p>　　&l

73、t;td width="23%" height="15" align="right">已 用：</td></p><p>　　<td><a href="myphoto.asp">我的相冊</a></td></p><p>　　<td bo

74、rdercolor="0"><a href="quit.asp">退出登錄</a></td></p><p>　　上述代碼實現(xiàn)了會員登錄時的主要信息內(nèi)容，包括用戶名、空間容量、已經(jīng)使用的空間容量，一級“我的相冊”、“會員退出”按鈕等。運行后的結(jié)果如圖6-1所示。</p><p>　　圖6-1 網(wǎng)絡相冊用戶登錄

75、界面</p><p>　　6.2 普通相冊用戶圖片修改模塊設計</p><p>　　以普通相冊用戶登錄網(wǎng)站系統(tǒng)后，用戶可以進行創(chuàng)建相冊、上傳圖片、查看其他用戶圖片等功能。點擊“我的相冊”，創(chuàng)建相冊，如圖6-2所示。在這個頁面中相冊用戶可以進行創(chuàng)建相冊以及圖片的上傳、下載、修改等。</p><p>　　圖6-2 相冊用戶個人相冊頁面</p><p

76、>　　系統(tǒng)可顯示相冊的信息，包括有幾張照片、是否可見等信息。</p><p>　　顯示相冊中基本信息代碼如下：</p><p>　　<a href=myphotoxc.asp?xcid=<%=rss("id")%>><%if rss("filename")<>"" then</

77、p><p>　　if instr(rss("filename"),"small_")<=0 then</p><p>　　response.write("<script>showimages('"&rss("filename")&"',"&

78、;rss("photowidth")&","&rss("photohight")&");</script>")</p><p><b>　　else</b></p><p>　　response.write("<img border=0

79、src='"&rss("filename")&"'>")</p><p><b>　　end if</b></p><p><b>　　else</b></p><p>　　response.write("<img bo

80、rder=0 src='images/def_exp01.gif'>")</p><p>　　end if%></a> </p><p>　　顯示相冊中有幾張照片以及人氣的代碼如下： </p><p>　　<tr><td width="100%" height="23&

81、quot; align="center"><%=rss("xps")%>張/<%=rss("hits")%>次</td></tr></p><p>　　顯示照片是否可見的信息的代碼如下：</p><p>　　<tr><td width="100%&q

82、uot; height="23" align="center"></p><p>　　<a href=photoxcmodiy.asp?xcid=<%=rss("id")%>>修改</a>&nbsp;</p><p>　　<a href=photoxcdel.asp?xcid

83、=<%=rss("id")%>>刪除</a>&nbsp;<font color=red>[<%</p><p>　　if rss("xcdj")=1 then</p><p>　　response.write("公開")</p><p>　　elsei

84、f rss("xcdj")=2 then</p><p>　　response.write("會員")</p><p>　　elseif rss("xcdj")=3 then</p><p>　　response.write("密碼")</p><p><b

85、>　　else</b></p><p>　　response.write("隱私")</p><p><b>　　end if</b></p><p>　　點擊“照片上傳”，如圖6-3所示。在這個頁面中相冊用戶可以對個人的圖片進行修改。</p><p>　　圖6-3 相冊用戶圖片修改

86、頁面</p><p>　　填寫完表單信息后，就會由Upload文件進行處理。首先進行表單驗證，圖片的上傳主要表現(xiàn)在對圖片的設置上，如圖片的格式、大小等。</p><p>　　下面的語句將圖片保存到服務器上。</p><p>　　File.SaveAs Server.mappath(UpFilePath&thispath&"."&a

87、mp;fileext) </p><p>　　若在相冊列表中單擊“上傳照片”按鈕，則列表框中的默認選項為“請選擇”。代碼如下：</p><p>　　Else response.write("<option value='"&rss("id")&"'>"&rss("xcn

88、ame")&"</option>")</p><p>　　若直接從相冊中單擊“上傳照片”按鈕，則列表框中顯示的是用戶所編輯的相冊名稱。應用程序代碼如下：</p><p>　　if int(xcid)=rss("id") then</p><p>　　response.write("<

89、;option selected value='"&rss("id")&"'>"&rss("xcname")&"</option>")</p><p>　　6.3 管理員模塊設計</p><p>　　以管理員身份登錄系統(tǒng)，如圖6-4所示

90、。登入管理員界面后系統(tǒng)有基本信息資料設置、用戶設置、相冊管理以及相冊公告管理等選項,可以對管理員進行信息的修改、添加或刪除管理員、IP管理等功能。</p><p>　　圖6-4 管理員登錄頁面</p><p>　　通過連接數(shù)據(jù)庫，管理員進行后臺登錄。數(shù)據(jù)庫的鏈接所示代碼如下：</p><p>　　connstr="Provider=Microsoft.J

91、et.OLEDB.4.0;Data Source=" & Server.MapPath(db)</p><p>　　connphoto.Open connstr</p><p>　　'connphoto.Open"Driver={SQL Server};Server=(Local);UID=sa;PWD=sa;database=photo;"&

92、lt;/p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　sub adminxx(xx,xxx)</p><p>　　if xxx="" then</p><p>　　xxx="javascript:history.ba

93、ck(-1);"</p><p><b>　　end if</b></p><p>　　點擊“修改管理員”，顯示頁面如圖6-5所示。</p><p>　　圖6-5 修改管理員界面</p><p>　　該命令實現(xiàn)了對相應管理員的信息進行修改和刪除的操作。</p><p>　　<td

94、 width="245" align="center" height="39"></p><p>　　<a href=main1.asp?username=<%=rs("username")%>修改</a> | </p><p>　　<a href=main3_del.

95、asp?id=<%=rs("id")%>>刪除</a></td></p><p>　　選擇“相片管理”，如圖6-6所示。管理員可以查看到圖片相冊的基本資料、內(nèi)容，進行審核。</p><p>　　圖6-6 圖片相冊內(nèi)容管理頁面</p><p>　　該界面列表顯示了所有圖片信息，并可通過該界面實現(xiàn)刪除、修改

96、和審核操作，對圖片進行管理。</p><p>　　下列代碼顯示圖片的樣式以及基本操作，其中包括刪除、修改和是否審核的信息。如下所示：</p><p>　　<td width="100%" align="center"><a href="?cation=adddate">添加時間</a></

97、td></tr></p><p>　　<tr><td width="100%"><%=rs("adddate")%></td></tr></p><p>　　<tr><td width="100%"align="center&

98、quot;><ahref="?cation=modiydate">修改時間</a></td></tr></p><p>　　<tr><td width="100%"><%=rs("modiydate")%></td></tr></tab

99、le></td></p><p>　　<td width="89" align="center" height="124"><a href="main8_del.asp?id=<%=rs("id")%>">刪除</a><br><a

100、href="main8_modiy.asp?id=<%=rs("id")%>">修改圖片</a><br></p><p>　　<%if rs("sh")=1 then</p><p>　　response.write("<a href='main8_sh.as

101、p?id="&rs("id")&"'><font color=red>已審</font></a>")</p><p><b>　　else</b></p><p>　　response.write("審核<input type='

102、checkbox' name='picid' value="&rs("id")&">")</p><p>　　end if%><br><br>評論(<font color=red></p><p>　　下列代碼為一條數(shù)據(jù)庫語句，其作用是計算對應圖片的評論

103、數(shù)量。如下所示：</p><p>　　sql="select count(*) as usercount from pl where picid="&rs("id")</p><p><b>　　7 系統(tǒng)關(guān)鍵技術(shù)</b></p><p>　　7.1 系統(tǒng)用戶簡介</p><p&

104、gt;　　該系統(tǒng)可以實現(xiàn)基本的網(wǎng)絡圖片相冊網(wǎng)站的功能，它可以實現(xiàn)訪問相冊用戶、瀏覽圖片、上傳和下載圖片、發(fā)表評論等功能。</p><p><b>　　7.2 技術(shù)要點</b></p><p>　　7.2.1 圖片顯示的技術(shù)</p><p>　　這里介紹的是網(wǎng)絡圖片相冊瀏覽人氣圖片的技術(shù)，在檢索推薦相冊時應用top關(guān)鍵字，該關(guān)鍵字為數(shù)據(jù)的前N位。

105、取數(shù)據(jù)后，會判斷是否取出數(shù)據(jù)，若取出則應用do while循環(huán)語句，將推薦相冊顯示在界面。用戶點擊相冊列表時，在下拉列表中的相冊名稱是動態(tài)顯示的，該數(shù)據(jù)從數(shù)據(jù)表中獲得。會員相冊列表、密碼相冊列表、相冊排行列表、推薦相冊列表界面的應用都相似，代碼如下：</p><p>　　<%dim classid</p><p>　　if request("classid")=&

106、quot;" then</p><p><b>　　classid=1</b></p><p><b>　　else</b></p><p>　　classid=int(request("classid"))</p><p><b>　　end if%>

107、</b></p><p>　　<%=photoname%>—<%</p><p>　　if classid=1 then</p><p>　　response.write("會員相冊列表")</p><p>　　elseif classid=2 then</p><p>

108、;　　response.write("密碼相冊列表")</p><p>　　elseif classid=3 then</p><p>　　response.write("相冊排行列表")</p><p><b>　　else</b></p><p>　　response.writ

109、e("推薦相冊列表")</p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　<%dim page,i</p><p><b>　　i=1</b></p><p>

110、　　if classid=4 then</p><p>　　sql="select * from xc where filename<>'' and xcdj<>3 and tj=1 order by id desc"</p><p>　　elseif classid=3 then</p><p>　　sq

111、l="select * from xc where filename<>'' and xcdj<>3 order by hits desc"</p><p>　　elseif classid=2 then</p><p>　　sql="select * from xc where filename<>'

112、;' and xcdj=4 order by id desc"</p><p><b>　　else</b></p><p>　　sql="select * from xc where filename<>'' and xcdj=2 order by id desc"</p><p&

113、gt;<b>　　end if</b></p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　rs.open sql,connphoto,1,1</p><p>　　if rs.eof then</p><p>　　resp

114、onse.write("暫無相冊顯示")</p><p><b>　　else</b></p><p>　　rs.pagesize=20</p><p>　　page=int(request("page"))</p><p>　　if page<=0 then page=1&

115、lt;/p><p>　　if request("page")="" then page=1</p><p>　　rs.absolutepage=page%></p><p>　　實現(xiàn)顯示相冊的信息，包括有幾張圖片、是否可見等信息。代碼如下：</p><p>　　<%dim userid,xcid

116、,password,xcdj</p><p>　　if request("xcid")="" then</p><p>　　call photoxx("參數(shù)傳遞錯誤．")</p><p>　　response.end</p><p><b>　　end if</b&g

117、t;</p><p>　　password=request("password")</p><p>　　if password<>"" then</p><p>　　password=md5(password)</p><p><b>　　end if</b></

118、p><p>　　xcid=request("xcid")</p><p>　　set rs=server.createobject("adodb.recordset")</p><p>　　sql="select * from xc where id="&xcid</p><p>

119、;　　rs.open sql,connphoto,1,3</p><p>　　if rs.eof then</p><p>　　call photoxx("未找到ID所對應的相冊信息．")</p><p>　　response.end</p><p><b>　　end if</b></p>

120、;<p>　　rs("hits")=rs("hits")+1</p><p><b>　　rs.update</b></p><p>　　xcdj=rs("xcdj")%></p><p>　　<table width="546" bord

121、er="0" cellspacing="1" cellpadding="2" bgcolor="#C0C0C0"></p><p>　　<tr bgcolor="#EEEEEE"> </p><p>　　<td width="62" height=

122、"30" align="right">相冊:</td></p><p>　　<td width="170">&nbsp;<%=rs("xcname")%></td></p><p>　　<td width="81" alig

123、n="right">創(chuàng)建日期:</td></p><p>　　<td width="212">&nbsp;<%=year(rs("regdate"))&"年"&month(rs("regdate"))&"月"&day(r

124、s("regdate"))&"日"%></td></p><p><b>　　</tr></b></p><p>　　<tr bgcolor="#FFFFFF"> </p><p>　　<td height="30&qu

125、ot; width="62" align="right">分類:</td></p><p>　　<td width="170">&nbsp;<%call photoclass(rs("classid"))%></td></p><p>　　<t

126、d width="81" align="right">修改日期:</td></p><p>　　<td width="212">&nbsp;<%=year(rs("modiydate"))&"年"&month(rs("modiydate"

127、;))&"月"&day(rs("modiydate"))&"日"%></td></p><p><b>　　</tr></b></p><p>　　<tr bgcolor="#EEEEEE"> </p><

128、;p>　　<td height="30" width="62" align="right">人氣:</td></p><p>　　<td width="170">&nbsp;<%=rs("hits")%>次</td></p>&

129、lt;p>　　<td width="81" align="right">照片數(shù)量:</td></p><p>　　<td width="212">&nbsp;<%=rs("xps")%>張</td></p><p><b>　　

130、</tr></b></p><p>　　<tr bgcolor="#FFFFFF"> </p><p>　　<td height="65" width="62" align="right">介紹:</td></p><p>