相冊(cè)管理論文

1、隨著計(jì)算機(jī)網(wǎng)絡(luò)信息的發(fā)展，企業(yè)級(jí)應(yīng)用受到越來(lái)越多人的關(guān)注。利用Internet技術(shù)的告訴發(fā)展，我們可以方便快捷地從網(wǎng)路上獲取自己想要的有用信息，進(jìn)而提高生活質(zhì)量。另外一個(gè)方面，企業(yè)利用互聯(lián)網(wǎng)開(kāi)放平臺(tái)，可以更加精確地進(jìn)行營(yíng)銷，展現(xiàn)自己的企業(yè)的閃亮點(diǎn)。本論文主要探討利用新型的web技術(shù)實(shí)現(xiàn)相冊(cè)管理。電子相冊(cè)管理系統(tǒng)從相冊(cè)管理的角度出發(fā)，通過(guò)數(shù)據(jù)庫(kù)管理相關(guān)的數(shù)據(jù)。電子相冊(cè)管理系統(tǒng)不緊實(shí)現(xiàn)了信息共享功能，而且便于管理員和用戶使用，操作簡(jiǎn)單，適用人群廣泛。電子相冊(cè)管理系統(tǒng)容納了大量的信息，通過(guò)文字和圖片的形式展示給人們。電子相冊(cè)系統(tǒng)主要包含用戶的登錄、注冊(cè)、圖片上傳、圖片評(píng)論、圖片分類管理、圖片推薦、管

2、理員用戶管理、圖片管理的功能，使得用戶之間的交流更加便捷、快速。本網(wǎng)站采用的是ASP.net完成功能代碼編寫(xiě),使用MicrosoftAcess作為數(shù)據(jù)庫(kù)。通過(guò)本次的平臺(tái)設(shè)計(jì)開(kāi)發(fā)，目的是利用網(wǎng)絡(luò)信息的快速、高效改善傳統(tǒng)的相冊(cè)管理存在的弊病，簡(jiǎn)化相冊(cè)管理流程，便捷人們的生活。關(guān)鍵詞：電子相冊(cè)；AcessAbstractWith the development of computer network information , enterprise applications are more and more attention. Tell the development of the use of

3、 Internet technology , we can quickly and easily obtain useful information they want from the network , thus improving the quality of life . Another aspect , businesses using the Internet an open platform that can more precisely marketing , businesses show their shining points . This paper focuses o

4、n the use of web technology to achieve new album management .Electronic photo album management system from the perspective of the album management , management-related data through the database. Electronic photo album management system is not tight achieve information sharing capabilities , and easy

5、 for administrators and users to use , simple operation, widely applicable crowd. Electronic photo album management system to accommodate a lot of information , in the form of text and pictures to show people . Electronic photo album system mainly contains the user's login, registration , pictur

6、e updates, picture comments , image management features, making communication between users more convenient and fast.This site uses ASP.net completion code written using the Microsoft Acess as the database. Through this platform design and development, aims to use network information quickly and eff

7、iciently to improve the management of the existence of the traditional shortcomings of the album , the album simplify management processes, and convenient to people's lives .Keywords : electronic album ; ASP.NET; Acess目錄摘要46Abstract46第一章概述48網(wǎng)站的開(kāi)發(fā)背景48系統(tǒng)概述48系統(tǒng)開(kāi)發(fā)的可行性分析48第二章主要應(yīng)用技術(shù)的介紹492.1 Microsoft

8、Visual Studio 2010概述492.2 .NET平臺(tái)502.2.1 .NET簡(jiǎn)介502.2.2 .NET框架的優(yōu)點(diǎn)50502.3 Microsoft Acess51第三章相冊(cè)管理系統(tǒng)的需求分析51相冊(cè)管理系統(tǒng)的功能分析51電子相冊(cè)管理系統(tǒng)總體結(jié)構(gòu)圖52數(shù)據(jù)需求53第四章網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)53總體結(jié)構(gòu)設(shè)計(jì)53各功能模塊流程54數(shù)據(jù)庫(kù)的設(shè)計(jì)55數(shù)據(jù)庫(kù)表的總體設(shè)計(jì)56數(shù)據(jù)庫(kù)表結(jié)構(gòu)56頁(yè)面設(shè)計(jì)57首頁(yè)57用戶注冊(cè)界面58用戶評(píng)論圖片界面58圖片上傳功能59管理員界面60管理員管理相冊(cè)分類頁(yè)面61管理員管理圖片頁(yè)面61管理員管理用戶頁(yè)面62代碼設(shè)計(jì)624.5.1 系統(tǒng)登錄代碼62上傳圖片代碼6

9、3圖片分類管理代碼：67第五章系統(tǒng)測(cè)試695.1 引言695.2 任務(wù)概述695.2.1 目標(biāo)695.2.2 測(cè)試環(huán)境695.3 測(cè)試方法695.3.1 測(cè)試方法695.3.2 性能測(cè)試70致謝71參考文獻(xiàn)72第一章 概述21世紀(jì)，科技發(fā)展日新月異，計(jì)算機(jī)以及互聯(lián)網(wǎng)技術(shù)對(duì)人類生活產(chǎn)生了巨大的影響。計(jì)算機(jī)的高迸發(fā)，高計(jì)算特性，簡(jiǎn)化工作流程，將人從繁瑣的業(yè)務(wù)中脫離出來(lái)，降低企業(yè)運(yùn)行成本，提高工作效率。利用Internet技術(shù)的高速發(fā)展，我們可以方便快捷地從網(wǎng)路上獲取自己想要的有用信息，進(jìn)而提高生活質(zhì)量。電子相冊(cè)管理系統(tǒng)從相冊(cè)管理的角度出發(fā)，通過(guò)數(shù)據(jù)庫(kù)管理相關(guān)的數(shù)據(jù)。電子相冊(cè)管理系統(tǒng)不緊實(shí)現(xiàn)了信息共

10、享功能，而且便于管理員和用戶使用，操作簡(jiǎn)單，適用人群廣泛。電子相冊(cè)管理系統(tǒng)容納了大量的信息，通過(guò)文字和圖片的形式展示給人們。電子相冊(cè)系統(tǒng)主要包含用戶的登錄、注冊(cè)、圖片更新、圖片評(píng)論、圖片管理的功能，使得用戶之間的交流更加便捷、快速。系統(tǒng)概述本次課題在充分了解相冊(cè)管理系統(tǒng)功能需求的基礎(chǔ)上，采用Browser/Service，即B/S架構(gòu)的設(shè)計(jì)，利用當(dāng)前流行的ASP.NET技術(shù)開(kāi)發(fā)出一套實(shí)現(xiàn)相冊(cè)管理的網(wǎng)站。當(dāng)前計(jì)算機(jī)軟件系統(tǒng)比較流行的方式是C/S和B/S架構(gòu)，而基于瀏覽器/服務(wù)器架構(gòu)的網(wǎng)站會(huì)更受到用戶的歡迎，因?yàn)橛脩舨恍枰诒緳C(jī)安裝額外的軟件即可訪問(wèn)軟件后臺(tái)的服務(wù)器上存儲(chǔ)的信息。本設(shè)計(jì)采用Micr

11、osoft Acess存儲(chǔ)數(shù)據(jù)信息，它是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)，能夠滿足各種需求信息的存儲(chǔ)。網(wǎng)站主要實(shí)現(xiàn)的功能是：用戶登錄注冊(cè)，個(gè)人信息查詢，圖片發(fā)布、瀏覽、評(píng)價(jià)，圖片搜索，管理員后臺(tái)登錄，管理圖片分類，用戶信息管理。1.3系統(tǒng)開(kāi)發(fā)的可行性分析1.市場(chǎng)可行性：電子相冊(cè)管理系統(tǒng)不緊實(shí)現(xiàn)了信息共享功能，而且便于管理員和用戶使用，操作簡(jiǎn)單，適用人群廣泛，因此，本次開(kāi)發(fā)在市場(chǎng)上有一定的發(fā)展空間。2經(jīng)濟(jì)可行性：就開(kāi)發(fā)成本而言，本次開(kāi)發(fā)過(guò)程采用普通桌面PC機(jī)，基礎(chǔ)投資還是很少的。因此，本次開(kāi)發(fā)在經(jīng)濟(jì)上是可行的。3技術(shù)可行性：本次系統(tǒng)開(kāi)發(fā)運(yùn)用所學(xué)的信息系統(tǒng)設(shè)計(jì)與分析的相關(guān)知識(shí)，業(yè)務(wù)流程圖、數(shù)據(jù)流圖，開(kāi)發(fā)平臺(tái)是MS

12、 Visio 2010。在系統(tǒng)設(shè)計(jì)階段，通過(guò)分析確認(rèn)表的設(shè)計(jì)以及表之間的關(guān)系，通過(guò)Microsoft Acess完成數(shù)據(jù)庫(kù)的建立。采用B/S架構(gòu)開(kāi)發(fā)模式，使用A語(yǔ)言編寫(xiě)代碼，采用三層架構(gòu)的色劑思想，完成系統(tǒng)開(kāi)發(fā)，并編寫(xiě)系統(tǒng)分析說(shuō)明書(shū)、系統(tǒng)設(shè)計(jì)說(shuō)明去等相關(guān)開(kāi)發(fā)文檔。系統(tǒng)的開(kāi)發(fā)周期一般是三個(gè)月的時(shí)間。最初學(xué)習(xí)技術(shù)相關(guān)知識(shí)，通過(guò)市場(chǎng)調(diào)研完成需求分析說(shuō)明書(shū)，完成系統(tǒng)的模塊設(shè)計(jì)，代碼編寫(xiě)，最后要針對(duì)系統(tǒng)進(jìn)行測(cè)試，判斷是否滿足功能需求，進(jìn)行系統(tǒng)改進(jìn)和擴(kuò)展。當(dāng)然，保證系統(tǒng)的處理速度也是很關(guān)鍵的，網(wǎng)頁(yè)的響應(yīng)速度應(yīng)在2秒左右。因此，本次系統(tǒng)在技術(shù)方面是可行的。4法律可行性：本系統(tǒng)遵守國(guó)家相關(guān)法律法規(guī)，不涉及政治

13、、宗教等問(wèn)題，不存在侵犯他人利益的情況。因此，本次開(kāi)發(fā)在法律上是可行的。綜上所述，二手物品交易置換網(wǎng)站在市場(chǎng)，經(jīng)濟(jì)，技術(shù)及法律方面都是可行的。第二章 主要應(yīng)用技術(shù)的介紹為了快速而方便地開(kāi)發(fā)軟件項(xiàng)目，需要選用穩(wěn)定的、使用多、已知的bug少的技術(shù)和平臺(tái)。一個(gè)好的平臺(tái)和技術(shù)框架的選擇，能夠?yàn)楹笃诘拈_(kāi)發(fā)、測(cè)試、運(yùn)營(yíng)產(chǎn)生不可估量的益處。由于本系統(tǒng)設(shè)計(jì)是基于B/S架構(gòu)開(kāi)發(fā)的，即使用web技術(shù)，選用進(jìn)行Microsoft Visual Studio代碼編寫(xiě)。數(shù)據(jù)庫(kù)采用微軟旗下的Microsoft Acess進(jìn)行數(shù)據(jù)庫(kù)的設(shè)計(jì)和存儲(chǔ),另外使用DreamWave進(jìn)行網(wǎng)頁(yè)的美化。2.1 Microsoft Visu

14、al Studio 2010概述Microsoft Visual Studio（簡(jiǎn)稱VS）是由美國(guó)微軟公司開(kāi)發(fā)的產(chǎn)品。VS是一個(gè)基本完整的開(kāi)發(fā)工具集，包含了整個(gè)軟件生命周期中所使用的大多數(shù)工具，如UML、代碼管理工具、集成開(kāi)發(fā)環(huán)境等。所寫(xiě)的目標(biāo)代碼具有良好的兼容性，可以在微軟支持的平臺(tái)上使用，包括Microsoft Windows、Windows Mobile、Windows CE、.NET Framework、.NET Compact Framework和Microsoft Silverlight。Visual Studio .NET可以用來(lái)生成企業(yè)級(jí)ASP.NET Web的應(yīng)用程序，完成高

15、性能的桌面應(yīng)用。Visual Studio中包含Visual C#、Visual J#、Visual Basic和Visual C+組件的開(kāi)發(fā)工具，同時(shí)包含一些簡(jiǎn)化基于小組設(shè)計(jì)、開(kāi)發(fā)和部署方案的技術(shù)。Visual Studio 2010是最新版本， 2010年4月12日上市的，并且支持面向Windows 7的應(yīng)用程序的開(kāi)發(fā)。不僅支持Microsoft SQL Server，還兼容IBM DB2和Oracle數(shù)據(jù)庫(kù)。Visual Studio 2010簡(jiǎn)化了并行計(jì)算，并且包含了調(diào)試并行程序的工具。Visual Studio 2010代碼編輯器提供了快速查找特性，用來(lái)查找所有C+、C#以及VB.N

16、ET中的符號(hào)。在Visual Studio 2010中，微軟重新打造編輯器，使得代碼無(wú)級(jí)縮放，可以及時(shí)更新多窗口，自動(dòng)生成代碼等等，更好的便于web開(kāi)發(fā)，一定程度提高了程序員的開(kāi)發(fā)效率。.NET平臺(tái).NET簡(jiǎn)介.NET框架（.NET Framework） 是由微軟開(kāi)發(fā)的，致力于敏捷軟件開(kāi)發(fā)（Agile software development）、快速應(yīng)用開(kāi)發(fā)（Rapid application development）、平臺(tái)無(wú)關(guān)性和網(wǎng)絡(luò)透明化的軟件開(kāi)發(fā)平臺(tái)。.NET有助于互聯(lián)網(wǎng)和內(nèi)部網(wǎng)應(yīng)用快速開(kāi)發(fā)。.NET是采用虛擬機(jī)進(jìn)行編程的，以通用語(yǔ)言運(yùn)行庫(kù)（Common Language Runtime

17、）為基礎(chǔ)，支持多種語(yǔ)言（C#、VB.NET、C+、Python等）的開(kāi)發(fā)。.NET也為接口（API）提供了相應(yīng)的開(kāi)發(fā)工具。使得程序員可以同時(shí)進(jìn)行Windows應(yīng)用軟件和網(wǎng)絡(luò)應(yīng)用軟件以及組件和服務(wù)（web服務(wù)）的開(kāi)發(fā)。.NET提供了面向?qū)ο蟪绦蛟O(shè)計(jì)的接口。.NET框架的優(yōu)點(diǎn).Net具有的優(yōu)點(diǎn)是很明顯的，不緊提高了開(kāi)發(fā)人員的工作效率，減少系統(tǒng)存在的bug，加快應(yīng)用開(kāi)發(fā)進(jìn)度并使操作簡(jiǎn)單化。.NET的最終目的就是讓用戶在任何地方、任何時(shí)間，通過(guò)任何設(shè)備都能訪問(wèn)自己所需要的信息、文件或者程序程序。用戶不需要知道這些文件放在什么地方，只需要發(fā)出請(qǐng)求，等待接收信息即可。.NET框架的優(yōu)點(diǎn)：(1) 完全基于標(biāo)

18、準(zhǔn)，集成XML、SOAP及其他(2) 簡(jiǎn)化了應(yīng)用(3) 支持Web服務(wù)(4) 支持移動(dòng)設(shè)備(5) 可以進(jìn)行代碼管理(6) 開(kāi)發(fā)平臺(tái)具有獨(dú)立性(7) 面向?qū)ο?、多線程開(kāi)發(fā)、支持xml2.2.3 ASP.NETActive Server Pages即ASP，是微軟開(kāi)發(fā)的服務(wù)器腳本環(huán)境，通過(guò)ASP我們不僅可以與HTML網(wǎng)頁(yè)、ASP指令相結(jié)合，同時(shí)可以完成動(dòng)態(tài)、交互web應(yīng)用程序的編寫(xiě)和運(yùn)行。，提供了web程序所需的服務(wù)，具有的優(yōu)點(diǎn)如下：（1）是在服務(wù)器上運(yùn)行已經(jīng)完成編譯的代碼?？梢赃M(jìn)行實(shí)時(shí)編譯，本機(jī)優(yōu)化，明顯提高了性能。（2）中包含了Visual Studio中的工具箱

19、和設(shè)計(jì)器。例如拖放控件、自動(dòng)部署等便捷工具。  （3）使執(zhí)行常見(jiàn)任務(wù)變得容易。比如通過(guò)生成頁(yè)面框架，直接和應(yīng)用程序邏輯分開(kāi)，簡(jiǎn)化了開(kāi)發(fā)。  （4）配置信息是通過(guò)純文本的形式完成存儲(chǔ)的，同時(shí)也不需要重新啟動(dòng)服務(wù)器。  （5）當(dāng)進(jìn)程死鎖或者泄漏時(shí)，ASP可以創(chuàng)建新的進(jìn)程，確保程序可以正常處理請(qǐng)求。Microsoft Acess為了保存用戶或者其他有用的信息，我們一般將數(shù)據(jù)存儲(chǔ)在系統(tǒng)中。在數(shù)據(jù)庫(kù)沒(méi)有發(fā)明出來(lái)之間，大部分情況下數(shù)據(jù)是存儲(chǔ)在文件系統(tǒng)的，但是隨著信息越來(lái)越多，對(duì)文件的訪問(wèn)讀寫(xiě)越來(lái)越頻繁，人們很快發(fā)現(xiàn)文件系統(tǒng)不適合做大數(shù)據(jù)信息的存儲(chǔ)和讀寫(xiě)。計(jì)算機(jī)界迫切需要一套專

20、門(mén)的數(shù)據(jù)管理系統(tǒng)來(lái)進(jìn)行數(shù)據(jù)結(jié)構(gòu)組織、存儲(chǔ)和管理數(shù)據(jù)。按照數(shù)據(jù)模型來(lái)劃分?jǐn)?shù)據(jù)庫(kù)分為三種：層次結(jié)構(gòu)模型，網(wǎng)狀結(jié)構(gòu)模型，關(guān)系型結(jié)構(gòu)模型。數(shù)據(jù)模型就是在數(shù)據(jù)內(nèi)容之上的構(gòu)架層，主要是設(shè)計(jì)數(shù)據(jù)的存儲(chǔ)結(jié)構(gòu)以及數(shù)據(jù)之間的邏輯關(guān)系。Microsoft Access簡(jiǎn)單易用，專業(yè)性要求不高，輕松地實(shí)現(xiàn)數(shù)據(jù)的跟蹤、報(bào)告與共享，通過(guò) Web 瀏覽器即可輕松訪問(wèn)數(shù)據(jù)。該數(shù)據(jù)庫(kù)入門(mén)快，輕松易學(xué)，可以在很多平臺(tái)訪問(wèn)數(shù)據(jù)、表格，通過(guò)自定義主題制作出美觀的表格，可以直接通過(guò) Web 服務(wù)協(xié)議連接到數(shù)據(jù)源。第三章相冊(cè)管理系統(tǒng)的需求分析通過(guò)問(wèn)卷調(diào)查以及參考同種類型的網(wǎng)站，確定系統(tǒng)開(kāi)發(fā)的可行性，并且參考同類系統(tǒng)所包含的功能模塊，確保

21、系統(tǒng)開(kāi)發(fā)的實(shí)用性和適用性。通過(guò)搜索相關(guān)資料以及咨詢導(dǎo)師，分析明確了相冊(cè)管理系統(tǒng)所應(yīng)具備的基本功能。相冊(cè)管理系統(tǒng)的功能分析現(xiàn)有的相冊(cè)系統(tǒng)主要是通過(guò)人工管理和維護(hù)的，工作量大，所耗費(fèi)時(shí)間多，效率低，不能適應(yīng)日益增長(zhǎng)的相冊(cè)管理量，無(wú)法滿足人們的需求，開(kāi)發(fā)一套智能的電子相冊(cè)管理系統(tǒng)勢(shì)在必行。本網(wǎng)站所應(yīng)具備的功能：【登錄注冊(cè)】游客可以瀏覽相冊(cè)，如果要進(jìn)行評(píng)論，則必須進(jìn)行注冊(cè)成為本網(wǎng)站的用戶，登錄成功之后可以進(jìn)行評(píng)論?！鞠鄡?cè)瀏覽】網(wǎng)站首頁(yè)會(huì)包含相冊(cè)瀏覽，圖片搜索，圖片分類，點(diǎn)擊量排行等信息。點(diǎn)擊某張圖片，會(huì)顯示該物品的名稱、發(fā)布時(shí)間、相冊(cè)描述、相冊(cè)評(píng)論等信息?！痉诸惞芾怼窟@個(gè)操作只有管理員可以進(jìn)行，管理員

22、可以瀏覽所有圖片，并對(duì)圖片的分類進(jìn)行添加、修改、刪除操作?！居脩艄芾怼窟@個(gè)操作只有管理員可以進(jìn)行，針對(duì)系統(tǒng)的用戶進(jìn)行添加、修改、權(quán)限管理操作。【相冊(cè)管理】相冊(cè)管理是系統(tǒng)的核心部分，主要包括圖片管理、圖片審核、圖片評(píng)論管理、圖片推薦等功能。3.2電子相冊(cè)管理系統(tǒng)總體結(jié)構(gòu)圖電子相冊(cè)管理系統(tǒng)用戶注冊(cè)登錄用戶管理內(nèi)容管理分類管理理系統(tǒng)設(shè)置管理用戶審核申請(qǐng)圖片管理評(píng)論管理圖片審核管理分類分類排序添加用戶推薦圖片圖3-1 系統(tǒng)功能結(jié)構(gòu)圖3.3數(shù)據(jù)需求數(shù)據(jù)庫(kù)是系統(tǒng)的核心部分，系統(tǒng)提取數(shù)據(jù)經(jīng)過(guò)數(shù)據(jù)庫(kù)之后又返回?cái)?shù)據(jù)給用戶。隨著科學(xué)技術(shù)的發(fā)展，數(shù)據(jù)管理不僅僅要用來(lái)存儲(chǔ)和管理數(shù)據(jù)，而逐漸轉(zhuǎn)變成用戶所需要管理數(shù)據(jù)的模

23、式。因此，在系統(tǒng)開(kāi)發(fā)過(guò)程中不緊需要考慮開(kāi)發(fā)所需要的數(shù)據(jù)，同時(shí)要對(duì)數(shù)據(jù)進(jìn)行操作。軟件系統(tǒng)需要將數(shù)據(jù)存儲(chǔ)在自身服務(wù)器上，當(dāng)用戶需要讀取數(shù)據(jù)的時(shí)候，計(jì)算機(jī)可以很快地進(jìn)行數(shù)據(jù)查詢，因?yàn)閿?shù)據(jù)結(jié)構(gòu)邏輯方便進(jìn)行增刪改查的操作。本網(wǎng)站的數(shù)據(jù)庫(kù)設(shè)計(jì)并不復(fù)雜，但是需要對(duì)系統(tǒng)的數(shù)據(jù)進(jìn)行詳盡的分析和研究。經(jīng)過(guò)分析和研究，最終確認(rèn)各個(gè)表以及表之間的關(guān)系。只有數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)設(shè)計(jì)良好，表之間的關(guān)系建立正確，才能更好地完成網(wǎng)站的開(kāi)發(fā)。第四章 網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)當(dāng)前計(jì)算機(jī)軟件系統(tǒng)比較流行的方式是C/S和B/S架構(gòu)，而基于瀏覽器/服務(wù)器架構(gòu)的網(wǎng)站會(huì)更受到用戶的歡迎，因?yàn)橛脩舨恍枰诒緳C(jī)安裝額外的軟件即可訪問(wèn)軟件后臺(tái)的服務(wù)器上存儲(chǔ)

24、的信息。B/S 結(jié)構(gòu)相對(duì)于傳統(tǒng)的C/S 結(jié)構(gòu)，除了直接通過(guò)瀏覽器處理，不必考慮客戶端的問(wèn)題, 一切都交由瀏覽器來(lái)處理之外, 只需考慮服務(wù)器端的應(yīng)用和功能,前端處理的邏輯事務(wù)是很少的，主要的事務(wù)邏輯都在服務(wù)器端實(shí)現(xiàn)，這樣不僅減輕了系統(tǒng)開(kāi)發(fā)的工作量，同時(shí)減輕了系統(tǒng)維護(hù)的成本。故而本次設(shè)計(jì)采用B/S的架構(gòu)進(jìn)行開(kāi)發(fā)。3 Tiers整體架構(gòu)分為表示層、業(yè)務(wù)邏輯層、數(shù)據(jù)訪問(wèn)層三層。UI層:主要負(fù)責(zé)完成界面、用戶的交互功能，通過(guò)visual studio完成界面設(shè)計(jì)及相關(guān)控件的代碼編寫(xiě)。業(yè)務(wù)邏輯層：主要負(fù)責(zé)實(shí)現(xiàn)網(wǎng)站的業(yè)務(wù)邏輯，即用戶管理、物品交易管理、求購(gòu)信息管理等功能。數(shù)據(jù)訪問(wèn)層：該層主要負(fù)責(zé)完成事務(wù)操作

25、，針對(duì)數(shù)據(jù)進(jìn)行增添、刪除、修改、更新、查找的操作。圖4-1 B/S模式三層模型流程進(jìn)入注冊(cè)界面錄入基本及必填信息提交數(shù)據(jù)是否注冊(cè)取消服務(wù)，等待用戶下步操作YesNo進(jìn)入登錄首界面圖4-2 注冊(cè)流程圖是否登錄取消服務(wù)，退出界面YesNo用戶進(jìn)入登錄首界面輸入用戶名及密碼進(jìn)入用戶個(gè)人界面系統(tǒng)查詢匹配YesNo圖4-3登錄流程圖進(jìn)入個(gè)人檔案用戶界面選擇相應(yīng)操作進(jìn)入個(gè)人相冊(cè)查看、修改相應(yīng)數(shù)據(jù)選擇相應(yīng)操作打開(kāi)相冊(cè)上傳相片刪除相冊(cè)瀏覽相片圖4-3用戶功能流程圖數(shù)據(jù)庫(kù)的設(shè)計(jì)軟件系統(tǒng)需要將數(shù)據(jù)存儲(chǔ)在自身服務(wù)器上，為了盡可能快速存儲(chǔ)大量的數(shù)據(jù)信息并方便從存儲(chǔ)文件中讀取自己想要的信息，需要利用數(shù)據(jù)抽象的功能。所謂

26、數(shù)據(jù)抽象，即是對(duì)現(xiàn)實(shí)世界中真真需要的數(shù)據(jù)進(jìn)行邏輯意義上的壓縮抽象，通過(guò)研究觀察數(shù)據(jù)得到數(shù)據(jù)的基本結(jié)構(gòu)。然后，這種結(jié)構(gòu)被存儲(chǔ)在計(jì)算機(jī)底層中，當(dāng)用戶需要讀取數(shù)據(jù)的時(shí)候，計(jì)算機(jī)可以很快地進(jìn)行數(shù)據(jù)查詢，因?yàn)閿?shù)據(jù)結(jié)構(gòu)邏輯方便進(jìn)行增刪改查的操作。圖 數(shù)據(jù)抽象4.3.1數(shù)據(jù)庫(kù)表的總體設(shè)計(jì)根據(jù)業(yè)務(wù)規(guī)則，抽象數(shù)據(jù)，最終得到本次系統(tǒng)開(kāi)發(fā)需要的數(shù)據(jù)模型。本次相冊(cè)管理系統(tǒng)有Nt_user表，表，Nt_Title表，Nt_Classname表， Nt_UserGroup表，Nt_Imagebook表.2數(shù)據(jù)庫(kù)表結(jié)構(gòu)Nt_user用戶信息表表4.2 Nt_Title點(diǎn)擊排行表表4.3 Nt_Classname圖片分類表表

27、4.4 Nt_UserGroup用戶類別表表4.5 Nt_Imagebook圖片信息表頁(yè)面設(shè)計(jì)程序設(shè)計(jì)中，UI設(shè)計(jì)所占比重越來(lái)越大，同種類型的網(wǎng)站很多，美觀大方的界面設(shè)計(jì)可以讓使用者心情舒暢，開(kāi)發(fā)者獲得良好的評(píng)價(jià)。本網(wǎng)站主要針對(duì)的是高校學(xué)校，所以簡(jiǎn)潔、美觀的界面風(fēng)格更能適合大眾的喜愛(ài)風(fēng)格。首頁(yè)圖4-5系統(tǒng)首頁(yè)用戶以游客身份進(jìn)入系統(tǒng)之后，可以瀏覽所有圖片。查看圖片分類，圖片點(diǎn)擊排行，最新評(píng)論信息。用戶可以通過(guò)關(guān)鍵詞快速搜索，短時(shí)間內(nèi)找到自己所需要的圖片，當(dāng)對(duì)圖片評(píng)論時(shí)，系統(tǒng)會(huì)提示用戶進(jìn)行登錄。注冊(cè)界面圖4-6登錄注冊(cè)界面為了方便使用，系統(tǒng)首頁(yè)有登錄。在用戶注冊(cè)時(shí)，通過(guò)密碼和重復(fù)密碼確認(rèn)兩次輸入密

28、碼是否一致，同時(shí)要求密碼是6個(gè)字符以上，同時(shí)系統(tǒng)會(huì)提取用戶注冊(cè)所填寫(xiě)的用戶名和后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行匹配，判斷是否重復(fù)，一系列驗(yàn)證之后跳轉(zhuǎn)至注冊(cè)成功或注冊(cè)失敗。用戶輸入的登錄信息提交之后，后臺(tái)會(huì)提取相應(yīng)的賬號(hào)、密碼，通過(guò)與數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行匹配，判斷登陸成功或者失敗，從而跳轉(zhuǎn)到不同的頁(yè)面。用戶評(píng)論圖片界面登陸成功之后，用戶可以進(jìn)行圖片評(píng)論。并且可以瀏覽系統(tǒng)其他用戶的評(píng)論信息。4.4.4圖片上傳功能電子相冊(cè)系統(tǒng)主要用于圖片管理，上傳圖片是重要功能之一，上傳圖片時(shí)需要填寫(xiě)圖片的相關(guān)信息。4.4.5管理員界面管理員身份登錄之后，擁有本系統(tǒng)的最高權(quán)限，可以對(duì)網(wǎng)站的基本設(shè)置進(jìn)行修改，同時(shí)管理圖片的分類，對(duì)圖片的

29、評(píng)論、專題、公告等進(jìn)行管理，對(duì)系統(tǒng)的用戶進(jìn)行管理也是必不可少的。4.4.6管理員管理相冊(cè)分類頁(yè)面管理可以針對(duì)系統(tǒng)的分類進(jìn)行添加、刪除、修改操作。管理員添加圖片分類4.4.8管理員管理圖片頁(yè)面管理可以查看所有圖片，對(duì)物品進(jìn)行修改、刪除操作。4.4.9管理員管理用戶頁(yè)面管理員可以對(duì)系統(tǒng)的每個(gè)用戶進(jìn)行添加、修改、刪除的操作。系統(tǒng)登錄代碼<!-#include File="Head.asp"-><%If <>"" ThenIf ("Upload") = "1" Or ("Articl

30、e") = "1" Then("admin_index.asp")End IfEnd If%><html><head><title>相冊(cè)管理系統(tǒng)用戶登錄</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><link rel="stylesheet" href="Style/naipin.css"&

31、gt;<script language=javascript><!-functionSetFocus()if (="")();else();functionCheckForm()if(="")alert("請(qǐng)輸入用戶名！");();return false;if( = "")alert("請(qǐng)輸入密碼！");();return false;if (="") alert ("請(qǐng)輸入您的驗(yàn)證碼！");();return(false); func

32、tionMM_displayStatusMsg(msgStrstatus=msgStr; = true;/-></script></head><body onLoad="SetFocus();MM_displayStatusMsg('耐品圖片管理系統(tǒng)');return"><table width="300" border="0" align="center" cellpadding="0" cellspacing="0&q

33、uot;> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td colspan="2">&nbsp;</td> </tr></table><form name="Login" action="?C

34、omeUrl=Admin_Index.asp" method="post" target="_parent" onSubmit="return CheckForm();MM_displayStatusMsg('耐品圖片管理系統(tǒng)');return "> <table width="300" border="0" align="center" cellpadding="5" cellspacing="0"

35、; class="border" > <tr> <td colspan="2" align="center" class="tdbg1">用戶登錄</td> </tr> <tr> <td height="120" colspan="2" class="tdbg"><table width="250" border="0" cellsp

36、acing="8" cellpadding="0" align="center"> <tr> <td align="right">用戶名稱：</td> <td><input name="UserName" type="text" id="UserName2" size="23" maxlength="20"></td> </tr>

37、; <tr> <td align="right">用戶密碼：</td> <td><input name="Password" type="password" size="23" maxlength="50"></td> </tr> <tr> <td align="right">驗(yàn)證碼：</td> <td><input name="

38、CheckCode" size="10" maxlength="4"><imgsrc="Inc/GetCode.asp" align="absmiddle" onClick="='Inc/GetCode.asp'"></td> </tr> <tr> <td colspan="2"> <div align="center"> <input type=

39、"submit" name="Submit" value=" 確認(rèn) "> &nbsp; <input name="reset" type="reset" id="reset" value=" 返回 " onClick="javascript:(-1);"> <br> </div></td> </tr> </table> </td> <

40、/tr> </table> </form></body></html>4.5.2上傳圖片代碼<!-#include file="Admin_ChkPurview1.asp"-><% = -1%><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><%Titl

41、e="添加內(nèi)容"if("Upload")="1" then Link="<a href='Admin_Add.asp?TypeID=1' class='black'>上傳圖片</a>"if then link=link&" | <a href='?TypeID=3' class='black'>添加公告</a> | <a href='Admin_Add.asp?TypeID

42、=4' class='black'>添加專題</a>"Title,LinkTypeID = (Request("TypeID")Select Case TypeIDCase 1Call AddPic()Case 2 "Admin_DiaryAdd.asp"Case 3 "Admin_AnnounceAdd.asp"Case 4 "Admin_SpecialAdd.asp"Case 5Call AddPic_Main()Case ElseCall Main()End

43、 SelectSub AddPic()%><table width="60%" border="0" cellpadding="2" cellspacing="1" class="border" align="center"> <form action="?TypeId=5" method="post" name="form1"><tr> <td align="

44、;center" class="tdbg1"><strong>選擇上傳圖片數(shù)量</strong></td></tr><tr> <td class="tdbg">選擇上傳圖片張數(shù):<select name="PhotoCount"> <% For i=1 to 20 "<option value="&i&">"&i&"</option

45、>"next %> </select></td></tr> <tr> <td class="tdbg" align="center"> <input type="submit" name="Submit" value="· 確定添加 ·" > </td> </tr> </form></table></table><%E

46、nd SubSub AddPic_Main()Dim Title,Link,GroupInfo,ClassID,HasAcceptGroupInfo = Split(Session("GroupInfo"),"#")ifUbound(GroupInfo)<0 ThenReDimGroupInfo(8)GroupInfo(0) = 0GroupInfo(1) = 0GroupInfo(2) = ""GroupInfo(3) = ("Select ManuName from Nt_User Where UserName=&

47、#39;"&&"'")GroupInfo(4) = 0GroupInfo(5) = 1GroupInfo(6) = 5GroupInfo(7) = 5GroupInfo(8) = ""End IfPhotoCount = (Request("PhotoCount")If PhotoCount = 0 Then PhotoCount = 1%><SCRIPT LANGUAGE="JavaScript"><!- Begin = function()return

48、false;functionShowError(element,msg)alert(msg);();return false; functioncheckfrm(form)document.form1.btnSave.disabled = true;if(="") return ShowError(,"請(qǐng)選擇一個(gè)分類！");if(="") return ShowError(,"請(qǐng)?zhí)顚?xiě)組圖標(biāo)題！");if(>50) return ShowError(,"標(biāo)題字?jǐn)?shù)不能大于50！");if(=&

49、quot;") return ShowError(,"請(qǐng)?zhí)顚?xiě)圖片署名！");if(="") return ShowError(,"沒(méi)有圖片數(shù)據(jù)！");functionautoResize() try document.all"uploadfrm".style.height=uploadfrm.document.body.scrollHeight catch(e)return false; functionUpdateSize(rows,objName)var area = (objName);if(row

50、s>0) += rows;else if(rows<0&&>=8) += rows;-></script><script language="javascript" src="Inc/Pop.js"></script><table width="100%" border="0" cellpadding="2" cellspacing="1" class="border">

51、; <form action="?PhotoCount=<%=PhotoCount%>" method="post" name="form1" onSubmit="return checkfrm(this);"><tr> <td colspan="2" align="center" class="tdbg1"><strong>填寫(xiě)組圖信息</strong></td><

52、/tr><tr> <td width="160" align="right" class="tdbg"><strong>* 所屬分類</strong></td> <td class="tdbg" ><select name="ClassId"><% 2,GroupInfo(0),0%></select></td> </tr><tr> <td

53、width="160" align="right" class="tdbg"><strong> * 所屬專題 </strong></td> <td class="tdbg"> <select name="SpecialId"> <% 3,GroupInfo(1)%> </select> </td></tr><tr> <td width="160"

54、 align="right" class="tdbg"><strong> * 組圖標(biāo)題 </strong></td> <td class="tdbg"> <input name="TitleName" type="text" id="TitleName" size="60" maxlength="50" value="<%=GroupInfo(2)%>&q

55、uot;> </td></tr><tr> <td width="160" align="right" class="tdbg"><b> * 圖片署名</b></td> <td class="tdbg"> <input name="ManuName" type="text" id="ManuName" maxlength="15"

56、value="<%=GroupInfo(3)%>"> </td> </tr> <tr> <td width="160" align="right" valign="top" class="tdbg"><strong>組圖說(shuō)明</strong><br> </td> <td class="tdbg"><textarea name="Titl

57、eDesc" cols="66" rows="5" id="TitleDesc"><%=Netout.HtmlCode(GroupInfo(8),False)%></textarea> <br> <a href="javascript:UpdateSize(-3,'TitleDesc')"><imgsrc="images/minus.gif" unselectable="on" border

58、='0'></a> <a href="javascript:UpdateSize(3,'TitleDesc')"><imgsrc="images/plus.gif" unselectable="on" border='0'></a></td> </tr><tr> <td colspan="2" align="center" class="tdb

59、g1"><B>上傳圖片及設(shè)置圖片說(shuō)明</B></td></tr> <tr> <td class="tdbg" valign="top" height="190" colspan=2><iframeframeborder="0" id="uploadfrm" style="height:190; aho:expression(autoResize()" scrolling="

60、no" width="100%" src="Admin_Upload_0.asp?PhotoCount=<%=PhotoCount%>"></iframe> </td> </tr> <tr> <td colspan="2" class="tdbg"> <table width="100%" border="0" cellspacing="0" cellpaddin

61、g="0" id="ThumTable"> </table> </td> </tr> <tr> <td class="tdbg" align="center">&nbsp; </td> <td class="tdbg"><font color="#FF0000">上傳完成后請(qǐng)單擊</font><textarea id="UploadFile

62、s" name="UploadFiles" style="display: none;"></textarea> <input type="submit" name="btnSave" value="· 確定 ·" class="bt" disabled="disabled"> </td> </tr> <tr> <td colspan="2&qu

63、ot; class="tdbg">&nbsp;</td> </tr> </form></table><%End Subsub main()%> <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" class="border"> <tr class="ti

64、tle"> <td height="22" colspan="3" align="center" class="tdbg1"><strong>選擇您要添加的內(nèi)容</strong></td> </tr> <tr class="tdbg"> <%if ("Upload")="1" then%> <td height="108" widt

65、h="25%" align="center"><a href="?TypeID=1"><strong><font color="#000">上傳圖片</font></strong></a> </td> <%end if%> <%if ("Article")="1" then%> <%end if%> <%if then%> <td h

66、eight="108" width="25%" align="center"><a href="?TypeID=3"><strong><font color="#000">添加公告</font></strong></a> </td> <td height="108" width="25%" align="center"><a hr

67、ef="?TypeID=4"><strong><font color="#000">添加專題</font></strong></a> </td> <%end if%> </tr> </table><%end sub%></body></html><%Set Netout = Nothing%>圖片分類管理代碼：<!-#include file="Admin_ChkPurview.

68、asp"-><html><head><title>分類管理</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">.menubackground-color:#D4D0C8;width:97%;overflow:hidden.classmenuwidth:97%;background-color: #FFFF

69、FF;border-bottom: 1 solid #000000;border-left: 1 solid #000000;border-right: 1 solid #000000;</style><script language="JavaScript" src="Inc/ClassName.js"></script><%Dim rsTitle="分類管理"Link="<a href='Admin_ClassAdd.asp' class='blac

70、k'>添加分類</a> | <a href='Admin_ClassOrder.asp' class='black'>分類排序</a> | <a href='Admin_ClassOrderN.asp' class='black'>N級(jí)分類排序</a>"IF Request("page")<>"" Then currentPage=cint(request("page") Else currentPage=1With Behind.WriteHtmlHead.WriteHtmlTop Title,Link.MaxPerPage