【正文】 朋友看他某個(gè)相冊(cè)里面的某一張圖片的時(shí)候，他還必須將自己的相冊(cè)連接給對(duì)方，然后對(duì)方還要在相冊(cè)里面找到那張圖片后才能查看。而且 163 上的圖片沒有專門針對(duì)數(shù)碼照片的整理和分類，也就是說多而不精。導(dǎo)致資源無法有效利用。國(guó)內(nèi)目前在這方面興起的網(wǎng)站還不多，國(guó)外也有比較出名的，例如： Flikre： ，巴巴變： 等。其中巴巴變基本仿照 FLIKRE 改版過來。就目前看來，該市場(chǎng)還有比較大的介入空間 。 就目前看來，圖片共享系統(tǒng)現(xiàn)在需要解決的問題主要是如何更快的讓用戶上傳圖片。如何以更快的形式顯示圖片。其中，影響到系統(tǒng)開發(fā)的主要有以下問題：市場(chǎng)競(jìng)爭(zhēng)， 軟件的可用性，穩(wěn)定性， 時(shí)間限制。由于目前已經(jīng)有部分市場(chǎng)被前期對(duì)手搶占，所以需要在盡可能短的時(shí)間內(nèi)開發(fā)出一個(gè)可用的網(wǎng)站系統(tǒng)。該系統(tǒng)初步分為兩個(gè) 部分，一個(gè)是作為 WEB 界面的 WEB端，還有一個(gè)部分是用來通過 C/S 模式遠(yuǎn)程上傳本地圖片的客戶端工具。 2 系統(tǒng) 概述 在對(duì)于由經(jīng)用戶提交的的方式來實(shí)現(xiàn)圖片共享 ,首要就是提高用戶上傳效率，以及用戶上傳體驗(yàn)和用戶的瀏覽是否方便。一般的圖片共享網(wǎng)站都是通過很單一的上傳頁(yè)面對(duì)文件進(jìn)行上傳，并且展現(xiàn)形式單一化，不方便用戶使用和查看。在 下，誕生了大批用于增強(qiáng)用戶體驗(yàn)的控件，使得圖片共享比傳統(tǒng)的形式更加的美觀以及人性化。 而且除了需要良好的用戶體驗(yàn)外，還需要良好的系統(tǒng)支持。不僅僅是程序，而是隨著用戶需求可以不斷拓展 的業(yè)務(wù)平臺(tái)，以及發(fā)展流程。 本畢業(yè)設(shè)計(jì)就是根據(jù) 目前 的需求和特點(diǎn)有針對(duì)的利用現(xiàn)在比較成熟的框架所編寫 。 應(yīng)用 中已經(jīng)成熟的框架接口可以大大加快目前高可用性應(yīng)用的開發(fā)以及設(shè)計(jì)。并且能夠從用戶角度來設(shè)計(jì)一個(gè)應(yīng)用。大大減輕了設(shè)計(jì)的壓力以及風(fēng)險(xiǎn)。該系統(tǒng)能夠通過多種方式來對(duì)用戶的圖片進(jìn)行上傳以及管理。并且使用了現(xiàn)在比較流行的視覺框架來實(shí)現(xiàn)圖片的呈現(xiàn)，大大改進(jìn)了用戶體驗(yàn)。 3 總體設(shè)計(jì) 系統(tǒng) 需求分析 圖片共享，有三個(gè)方面需要考慮：一，用戶應(yīng)該以什么方式上傳圖片；二，用戶可以上傳的圖片有哪些類型；三，應(yīng)該以 什么方式展示這些圖片 。 另外，還應(yīng)該實(shí)現(xiàn)對(duì)圖片的簡(jiǎn)單整理以及統(tǒng)計(jì)。 因此，將上傳圖片的用戶和瀏覽圖片的用戶作為系統(tǒng)服務(wù)的主要目標(biāo)， 對(duì)系統(tǒng)的功能提出了如下需求： 圖片上傳需要支持的方式 圖片上傳應(yīng)該支持目前使用最多的頁(yè)面表單方式。并且可以對(duì)其進(jìn)行簡(jiǎn)單的處理。 除此之外，最好還要支持客戶端方式。并且需要實(shí)現(xiàn)在用戶不安裝客戶端的情況下，在 WEB 上實(shí)現(xiàn)批量上傳圖片 。 用戶上傳圖片需要支持 的 格式 一種是 JPEG 一種是 PNG，現(xiàn)在大多數(shù)的數(shù)碼相機(jī)都是使用 JPEG 格式保存圖片，但是考慮到版權(quán)問題，也應(yīng)提供 PNG 格式圖片的支 持。 分類 圖片上傳后 ,根據(jù)圖片的標(biāo)簽以及圖片所在任務(wù)自動(dòng)將圖片按照標(biāo)簽以及任務(wù)進(jìn)行分類 圖片管理 圖片管理 應(yīng)該包括的基本內(nèi)容： 圖片的刪除，圖片的添加，圖片分類的添加以及刪除，圖片任務(wù)的添加以及刪除，圖片標(biāo)簽的添加以及刪除。 同時(shí)，在圖片管理中，用戶能夠以比較直觀的方式查看自己上傳的圖片。 圖片展現(xiàn) 應(yīng)該能夠很直觀的展示給最終用戶進(jìn)行查看。 查詢功能 用戶需要了解自己的分類下的圖片總量以及任務(wù)下的圖片情況，又因?yàn)橛脩艨赡苄枰鶕?jù)不同的情況下，對(duì)自己的分類，任務(wù)下的圖片情況做統(tǒng)計(jì)，因此該系統(tǒng)還應(yīng)具有分類，任 務(wù)，標(biāo)簽的多條件組合查詢功能。 由于該系統(tǒng)為多用戶系統(tǒng)，系統(tǒng)后臺(tái)還應(yīng)該具有用戶管理功能 用戶管理包括的功能如下： 用戶的添加，刪除，查詢。以及對(duì)用戶圖片的查看，刪除；對(duì)用戶的分類的查看，刪除；對(duì)用戶標(biāo)簽的查看，刪除。 總體結(jié)構(gòu) 圖片共享系統(tǒng)主要功能模塊結(jié)構(gòu)示意圖如下： 圖 片 共 享 系 統(tǒng)用 戶 界 面 后 臺(tái) 管 理用 戶 前 臺(tái) 圖 片 處理用戶登錄驗(yàn)證用戶圖片上傳用戶圖片預(yù)覽用 戶 后 臺(tái) 管 理用 戶 管 理 管 理 員 管 理用戶信息管理用戶圖片標(biāo)簽管理用戶圖片任務(wù)管理用戶添加用戶信息修改用戶圖片管理用戶搜索后臺(tái)用戶添加后臺(tái)用戶修改后臺(tái)用戶刪除后臺(tái)用戶權(quán)限分派圖 31 圖片共享系統(tǒng) 功能模塊圖 圖片共享系統(tǒng) 包括兩大部分：用戶界面和后臺(tái)管理，其中用戶界面為用戶可視并且可使用的功能，后臺(tái)管理為管理員所能使用的功能。 圖片共享系統(tǒng) 流程 ? 圖片共享系統(tǒng)流 程 設(shè)計(jì)思想如下： 1. 用戶 （這里主要指 直接使用本系統(tǒng)的最終用戶，不包括后臺(tái)具有管理功能的用戶 ）根據(jù) 自己的圖片格式，選擇合適的圖片上傳到本系統(tǒng)的處理端。 2. 系統(tǒng)在接到用戶上傳的圖片后 ，應(yīng) 根據(jù)系統(tǒng)當(dāng)前所允許上傳的圖片的類型判斷用戶所上傳的文件是否符合系統(tǒng)的要求 ， 確定用戶為上傳圖片所分配的標(biāo)簽 ，依據(jù) 上傳圖片的設(shè)置對(duì)圖片進(jìn)行分類以及更改格式 ， 此時(shí)的圖片并非最后存 儲(chǔ)在系統(tǒng)中的圖片，該圖片在經(jīng)過裁減以及根據(jù)系統(tǒng)設(shè)定更改后的格式進(jìn)行存儲(chǔ)。 （這樣做，是為了 統(tǒng)一圖片的格式，便于輸出的處理以及圖片入庫(kù)時(shí)統(tǒng)一處理接口。 ） 3. 圖片添加成功 后，將上傳的圖片直接緩存到用戶所在的文件夾下，按照上傳日期排列，并且同時(shí)在數(shù)據(jù)庫(kù)中保存圖片的副本。 4. 圖片在存儲(chǔ)后，同時(shí)在前臺(tái)顯示已經(jīng)上傳的圖片，并且將圖片添加到所設(shè)定的標(biāo)簽下，并且按照任務(wù)對(duì)圖片進(jìn)行分批顯示。 5. 用戶在用戶管理臺(tái)里面可以對(duì)當(dāng)前所有圖片進(jìn)行管理，用戶刪除圖片時(shí)，可以按照單個(gè)圖片，分類，標(biāo)簽，以及任務(wù)對(duì)圖片進(jìn)行刪除操作。 6. 已經(jīng)上傳的圖片，可以通過用戶查看圖片的連接直接提供給第三方用戶進(jìn)行查看?；蛘咧苯油ㄟ^系統(tǒng)生成的連接發(fā)送給第三方用戶進(jìn)行查看。 7. 后臺(tái)管理員可以通過系統(tǒng)提供的功能直接對(duì)管理用戶進(jìn)行添 加以及更改。當(dāng)需要具體賦予用戶某個(gè)功能時(shí)，可以通過更改后臺(tái)用戶的細(xì)節(jié)設(shè)定來更改用戶權(quán)限。 8. 管理員在需要?jiǎng)h除某個(gè)用戶的上傳圖片時(shí)，也可通過統(tǒng)一的圖片管理接口對(duì)用戶的圖片，分類，標(biāo)簽以及任務(wù)進(jìn)行刪除。 ? 圖片共享 系統(tǒng)流程圖如下： 圖 32 圖片共享系統(tǒng)流程圖 圖片共享系統(tǒng)模塊功能介紹 圖片共享系統(tǒng) ，主要完成 圖片的 添加， 刪除 以及 圖片標(biāo)簽 的 添加 ， 刪除 功能。以及對(duì)多用戶的管理以及在后臺(tái)對(duì)用戶的圖片進(jìn)行管理。 以下是子模塊劃分以及各模塊的功能介紹。 用戶界面子模塊劃分 圖 33 用戶界面子模塊結(jié)構(gòu)圖 ? 用戶界面子模塊 — 密碼修改 密碼修改 ，作為 用戶界面 子模塊的一部分，主要完成 用戶密碼修改的 工作。 執(zhí)行 流程是： 用戶在登陸到主界面后 ， 點(diǎn)擊導(dǎo)航欄上的密碼修改 ， 轉(zhuǎn)向到修改用戶密碼的界面。在輸入當(dāng)前使用密碼以及修改的密碼并且重復(fù)輸入一次修改的密碼，最后填入該操作的驗(yàn)證碼（為了方便用戶，驗(yàn)證碼已經(jīng)由后臺(tái)自動(dòng)填入）。當(dāng)以上操作完成后，用戶點(diǎn)擊提交以對(duì)密碼進(jìn)行修改。 在用戶提交修改內(nèi)容時(shí)，頁(yè)面內(nèi)的代碼首先檢測(cè)用戶兩次修改的密碼是否一致。如果不一致，將提示用戶密碼不一致。當(dāng)該檢查通過后，信息提交到后臺(tái)系統(tǒng)。后臺(tái)系統(tǒng)首先判斷 驗(yàn)證碼是否相同，如果相同，將比較用戶輸入的當(dāng)前密碼散列是否和數(shù)據(jù)庫(kù)中的密碼散列一致。當(dāng)兩個(gè)散列一致時(shí)，后臺(tái)系統(tǒng)將修改用戶當(dāng)前的密碼為用戶修改后的密碼。如果用戶沒有輸入驗(yàn)證碼或者驗(yàn)證碼出錯(cuò)，當(dāng)前用戶密碼散列無法和數(shù)據(jù)庫(kù)中的密碼散列對(duì)應(yīng)，系統(tǒng)將給出對(duì)應(yīng)的出錯(cuò)提示。并要求用戶重新填寫。 ? 用戶界面子模塊 — 上傳圖片 上傳圖片 ， 在用戶登陸系統(tǒng)后，點(diǎn)擊導(dǎo)航欄上的上傳圖片，進(jìn)入上傳圖片功能頁(yè)面。此時(shí)，用戶可以根據(jù)自己的需要選擇單個(gè)圖片進(jìn)行上傳或者直接批量上傳多個(gè)圖片。 １） 對(duì)單個(gè)頁(yè)面進(jìn)行上傳：這種上傳需要用戶自己過濾不符 合系統(tǒng)需求的圖片，當(dāng)前系統(tǒng)只支持 JPEG 以及 PNG。如果圖片格式不符合要求，系統(tǒng)將給出出錯(cuò)提示。當(dāng)用戶所選擇的圖片格式無誤，并點(diǎn)擊“開始上傳”，此時(shí)，系統(tǒng)會(huì)彈出一個(gè)設(shè)置圖片信息的對(duì)話框，需要用戶選擇該圖片的類型，以及設(shè)置該圖片的標(biāo)簽還有該圖片的名稱等信息。當(dāng)一切設(shè)置完畢后，點(diǎn)擊“提交上傳”，用戶圖片開始上傳到系統(tǒng)中。 ２） 直接批量上傳多個(gè)圖片：用戶點(diǎn)擊“批量上傳”標(biāo)簽，系統(tǒng)提示該功能需要 JAVA 運(yùn)行時(shí)支持，確認(rèn)后，進(jìn)入批量圖片信息設(shè)定頁(yè)面，該頁(yè)面用于設(shè)置接下來所上傳的圖片的名稱，描述，分類，標(biāo)簽等信息。接下來 將轉(zhuǎn)入批量上傳界面。具體的操作步驟說明在批量上傳頁(yè)面中有詳細(xì)的說明。 ? 用戶界面子模塊 — 管理圖片 管理圖片，在用戶登陸系統(tǒng)后，點(diǎn)擊導(dǎo)航欄上的上傳圖片， 進(jìn)入圖片管理頁(yè)面。 該頁(yè)面分為上中下 3 個(gè)部分，分別為用戶圖片按照任務(wù)，分類，標(biāo)簽進(jìn)行分類后的圖片列表。在這個(gè)列表里，用戶可以對(duì)圖片按照任務(wù)，分類，或者標(biāo)簽等批量對(duì)圖片進(jìn)行操作。同時(shí)，在該功能頁(yè)面中，也可以對(duì)分類，任務(wù)，標(biāo)簽進(jìn)行刪除操作。 管理后臺(tái)子模塊劃分 圖 34管理后臺(tái) 子模塊結(jié)構(gòu)圖 ? 管理后臺(tái)子模塊 — 系統(tǒng)管理 系統(tǒng)管理作為后臺(tái)管理的一個(gè)重要部分，主 要是用于設(shè)置當(dāng)前系統(tǒng)的環(huán)境變量，以及一些說明性的信息。主要是由后臺(tái)管理員對(duì)系統(tǒng)進(jìn)行維護(hù)以及系統(tǒng)初始化的時(shí)候確定這些設(shè)置。在設(shè)置完成后，如果不是系統(tǒng)性能問題或者系統(tǒng)遷移，均可以保持設(shè)定的信息。 這個(gè)功能為 系統(tǒng) 提供了 比較方便的擴(kuò)展系統(tǒng)環(huán)境變量的方法。便于后期對(duì)系統(tǒng)的常規(guī)設(shè)定的修改以及方便系統(tǒng)的簡(jiǎn)單遷移，例如系統(tǒng)更換域名或者更改其他系統(tǒng)環(huán)境信息。 系統(tǒng)信息表中記錄了系統(tǒng)的每個(gè)設(shè)定，對(duì)該模塊進(jìn)行修改最后將反饋到系統(tǒng)信息表中。 ? 管理后臺(tái)子模塊 — 管理員管理 管理員管理，主要是用于設(shè)置能夠?qū)Ξ?dāng)前系統(tǒng)后臺(tái)的功能進(jìn)行操作 的用戶，以及設(shè)置這些用戶可以使用后臺(tái)哪些功能。該功能使得后臺(tái)管理更為靈活，可以方便的進(jìn)行權(quán)限托管。并且可以設(shè)置對(duì)某個(gè)功能專門進(jìn)行操作的管理人員，簡(jiǎn)化了管理的復(fù)雜程度。 這個(gè)功能為 系統(tǒng) 提供了 比較方便的擴(kuò)展系統(tǒng)管理團(tuán)隊(duì)的方法。以便于在中后期對(duì)某個(gè)功能管理達(dá)到一定要求時(shí)可以對(duì)該功能賦予專用人員。 同時(shí)，該模塊也提供了修改管理員信息的功能?？梢苑奖愕氖乖摴芾韱T在各個(gè)功能之間實(shí)現(xiàn)切換以及更改現(xiàn)有權(quán)限。 ? 管理后臺(tái)子模塊 — 用戶管理 用戶 管理 用于管理當(dāng)前系統(tǒng)中已經(jīng)正常注冊(cè)并且使用本系統(tǒng)的圖片共享功能的用戶。用戶要注冊(cè)該 系統(tǒng)，除了可以在前臺(tái)提供的注冊(cè)頁(yè)面注冊(cè)外，也可以由具有用戶管理權(quán)限的后臺(tái)管理員在后臺(tái)進(jìn)行添加。 除了用戶能在自己的管理面板修改自己的信息之外，管理員可以通過該模塊的用戶編輯功能對(duì)用戶信息進(jìn)行修改。同時(shí)，可以通過搜索功能來定位特定用戶名的用戶，便于更快的找到需要操作的用戶。 ? 管理后臺(tái)子模塊 — 圖片管理 圖片 管理 用于管理當(dāng)前系統(tǒng)中已經(jīng)正常注冊(cè)并且使用本系統(tǒng)的圖片共享功能的用戶 所上傳的圖片 。 在該模塊中，后臺(tái)管理員可以根據(jù)單個(gè)用戶對(duì)該用戶所上傳的圖片進(jìn)行管理。管理用戶圖片的界面和用戶前臺(tái)的管理界面相同。另外，和用 戶管理一樣，后臺(tái)管理員也可以通過搜索特定的用戶名來快速定位到某個(gè)用戶，并且對(duì)他所上傳的圖片進(jìn)行管理。 在用戶上傳圖片的過程中，有可能由于用戶的誤操作導(dǎo)致用戶所上傳的圖片沒有分類或者沒有標(biāo)簽，這種情況下，管理員可以使用圖片清理功能將這些圖片清理掉。避免冗余以及錯(cuò)誤數(shù)據(jù)導(dǎo)致的系統(tǒng)不穩(wěn)定或者統(tǒng)計(jì)數(shù)據(jù)出錯(cuò)。 4 方案選擇 方案比較 系統(tǒng)模式比較 目前開發(fā)模式主要有 C/S 結(jié)構(gòu)和 B/S 結(jié)構(gòu)： C/S 結(jié)構(gòu)，即 Client/Server(客戶機(jī) /服務(wù)器 )結(jié)構(gòu)，是大家熟知的軟件系統(tǒng)體系結(jié)構(gòu)，通過將任務(wù)合理分配到 Client 端和 Server 端，降低了系統(tǒng)的通訊開銷，可以充分利用兩端硬件環(huán)境的優(yōu)勢(shì)。 B/S 結(jié)構(gòu)，即 Browser/Server(瀏覽器 /服務(wù)器 )結(jié)構(gòu)，是隨著 Inter 技術(shù)的興起，對(duì) C/S 結(jié)構(gòu)的一種變化或者改進(jìn)的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶界面完全通過 WWW 瀏覽器實(shí)現(xiàn)，一部分事務(wù)邏輯在前端實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端實(shí)現(xiàn)。 B/S結(jié)構(gòu)利用不斷成熟和普及的瀏覽器技術(shù)實(shí)現(xiàn)原來需要復(fù)雜專用軟件才能實(shí)現(xiàn)的強(qiáng)大功能，并節(jié)約了開發(fā)成本，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)。 程序語言比較 目前流行的程序開發(fā)語言主要有 ASP 和 JSP和 PHP： ASP 全名 Active Server Pages，是一個(gè) WEB 服務(wù)器端的開發(fā)環(huán)境，利用它可以產(chǎn)生和執(zhí)行動(dòng)態(tài)的、互動(dòng)的、高性能的 WEB 服務(wù)應(yīng)用程序。 ASP采用腳本語 言 VBScript（ Java script）作為自己的開發(fā)語言。 JSP 是 Sun 公司推出的新一代網(wǎng)站開發(fā)語言， Java Server Page。 JSP 可以在 Serverlet 和 JavaBean 的支持下，完成功能強(qiáng)大的站點(diǎn)程序。 PHP，即“ PHP: Hypertext Preprocessor”，是一種被廣泛使用的開放源代碼多用途腳本 語言，尤其適用于 web 開發(fā)并可以嵌入到 HTML 中去。 三者 都提供在 HTML 代碼中混合某種程序代碼、由語言