【正文】 ，用戶可以上傳的圖片有哪些類(lèi)型；三，應(yīng)該以 什么方式展示這些圖片 。并且能夠從用戶角度來(lái)設(shè)計(jì)一個(gè)應(yīng)用。 而且除了需要良好的用戶體驗(yàn)外，還需要良好的系統(tǒng)支持。該系統(tǒng)初步分為兩個(gè) 部分，一個(gè)是作為 WEB 界面的 WEB端，還有一個(gè)部分是用來(lái)通過(guò) C/S 模式遠(yuǎn)程上傳本地圖片的客戶端工具。 就目前看來(lái)，圖片共享系統(tǒng)現(xiàn)在需要解決的問(wèn)題主要是如何更快的讓用戶上傳圖片。導(dǎo)致資源無(wú)法有效利用。當(dāng)用戶拍了照片后，他們會(huì)找一個(gè)可以方便的共享自己所拍的照片的地方。于是，網(wǎng)站從以前的集中發(fā)布式，漸漸的轉(zhuǎn)變成了用戶提供資源，網(wǎng)站整理發(fā)布的模式。隨著 AJAX 的重新使用，大大提高了用戶的 WEB 體驗(yàn)。并且系統(tǒng)中對(duì)于圖片上傳需要有比較直觀的進(jìn)度顯示， 圖片的呈現(xiàn)使用比較 友善的顯示效果。在 時(shí)代，信息由以前的服務(wù)器發(fā)布變成了用戶發(fā)布。 畢業(yè)設(shè)計(jì) ( 論文 ) 基于 PHP 實(shí)現(xiàn)的 WEB 圖片共享系統(tǒng) ? 論文 作者 姓名： ? ? 申 請(qǐng) 學(xué) 位 專(zhuān)業(yè)： ? ? 申 請(qǐng) 學(xué) 位 類(lèi)別： ? ? 指導(dǎo)教師姓名（職稱）： ? ? 論 文 提 交 日期： ? 基于 PHP 實(shí)現(xiàn)的 WEB 圖片共享系統(tǒng) 摘 要 本系統(tǒng)主要從現(xiàn)代社會(huì)電腦化觀念出發(fā)，通過(guò)對(duì)現(xiàn)有資料的分析、研究和整理，確定了在基于現(xiàn)存的 模式下開(kāi)發(fā)圖片共享系統(tǒng)的可行性、緊迫性和必要性。也就是從以前的通過(guò)服務(wù)器搜集資源并且發(fā)布變成了通過(guò)用戶提供資源，服務(wù)器進(jìn)行整理，分類(lèi)，發(fā)布的模式。 關(guān)鍵詞 ： 模型 視圖 控制器 ； 圖片 共享； Ajax A Picture Share System Based on PHP Abstract This system mainly embarks from the modern society puterization. Based on existence information analysis, the research and the reanization, we considered the pressing and the necessity of implementing order form developing picture share system base on the present stage, the domestic picture share system based on is just underway. There is expansive to take part in this field, at the same time, mature picture share system aboard is already exist for a long time. In period, the style of information publishing turned from server publishing to user publishing .In another word, it is changed from server publishing information to user providing information, and in this case, servers only need to coordinating, sorting and republishing. Furthermore, in this model, a website is much friendlier to user. This thesis mainly describes how to developing fully functional pictures upload and picture management system. This system can easy to add, delete pictures and categories. In the backstage management, is mainly to implementing user and pictures management and user information changing. In this system, picture uploading is intuitionisticly showing, and the picture is need to be shown user friendly. Key words: MVC。其頁(yè)面局部刷新的方式在很大程度上減少了用戶訪問(wèn)頁(yè)面時(shí)所花的時(shí)間。其中最為常見(jiàn)的就是 BLOG， WIKI 這些形勢(shì)。但是，現(xiàn)在傳統(tǒng)的網(wǎng)站，要么操作太復(fù)雜，要么就是不方便共 享，比如 163，不支持外部連接圖片，雖然這樣做的確可以明顯的降低服務(wù)器的負(fù)擔(dān)，但是對(duì)用戶體驗(yàn)卻大大折扣。國(guó)內(nèi)目前在這方面興起的網(wǎng)站還不多，國(guó)外也有比較出名的，例如： Flikre： ，巴巴變： 等。如何以更快的形式顯示圖片。 2 系統(tǒng) 概述 在對(duì)于由經(jīng)用戶提交的的方式來(lái)實(shí)現(xiàn)圖片共享 ,首要就是提高用戶上傳效率，以及用戶上傳體驗(yàn)和用戶的瀏覽是否方便。不僅僅是程序，而是隨著用戶需求可以不斷拓展 的業(yè)務(wù)平臺(tái)，以及發(fā)展流程。大大減輕了設(shè)計(jì)的壓力以及風(fēng)險(xiǎn)。 另外，還應(yīng)該實(shí)現(xiàn)對(duì)圖片的簡(jiǎn)單整理以及統(tǒng)計(jì)。并且需要實(shí)現(xiàn)在用戶不安裝客戶端的情況下，在 WEB 上實(shí)現(xiàn)批量上傳圖片 。 圖片展現(xiàn) 應(yīng)該能夠很直觀的展示給最終用戶進(jìn)行查看。 總體結(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)管理為管理員所能使用的功能。 ） 3. 圖片添加成功 后，將上傳的圖片直接緩存到用戶所在的文件夾下，按照上傳日期排列，并且同時(shí)在數(shù)據(jù)庫(kù)中保存圖片的副本。或者直接通過(guò)系統(tǒng)生成的連接發(fā)送給第三方用戶進(jìn)行查看。 ? 圖片共享 系統(tǒng)流程圖如下： 圖 32 圖片共享系統(tǒng)流程圖 圖片共享系統(tǒng)模塊功能介紹 圖片共享系統(tǒng) ，主要完成 圖片的 添加， 刪除 以及 圖片標(biāo)簽 的 添加 ， 刪除 功能。 執(zhí)行 流程是： 用戶在登陸到主界面后 ， 點(diǎn)擊導(dǎo)航欄上的密碼修改 ， 轉(zhuǎn)向到修改用戶密碼的界面。如果不一致，將提示用戶密碼不一致。如果用戶沒(méi)有輸入驗(yàn)證碼或者驗(yàn)證碼出錯(cuò)，當(dāng)前用戶密碼散列無(wú)法和數(shù)據(jù)庫(kù)中的密碼散列對(duì)應(yīng)，系統(tǒng)將給出對(duì)應(yīng)的出錯(cuò)提示。 １） 對(duì)單個(gè)頁(yè)面進(jìn)行上傳：這種上傳需要用戶自己過(guò)濾不符 合系統(tǒng)需求的圖片，當(dāng)前系統(tǒng)只支持 JPEG 以及 PNG。 ２） 直接批量上傳多個(gè)圖片：用戶點(diǎn)擊“批量上傳”標(biāo)簽，系統(tǒng)提示該功能需要 JAVA 運(yùn)行時(shí)支持，確認(rèn)后，進(jìn)入批量圖片信息設(shè)定頁(yè)面，該頁(yè)面用于設(shè)置接下來(lái)所上傳的圖片的名稱，描述，分類(lèi)，標(biāo)簽等信息。 該頁(yè)面分為上中下 3 個(gè)部分，分別為用戶圖片按照任務(wù)，分類(lèi)，標(biāo)簽進(jìn)行分類(lèi)后的圖片列表。主要是由后臺(tái)管理員對(duì)系統(tǒng)進(jìn)行維護(hù)以及系統(tǒng)初始化的時(shí)候確定這些設(shè)置。 系統(tǒng)信息表中記錄了系統(tǒng)的每個(gè)設(shè)定，對(duì)該模塊進(jìn)行修改最后將反饋到系統(tǒng)信息表中。 這個(gè)功能為 系統(tǒng) 提供了 比較方便的擴(kuò)展系統(tǒng)管理團(tuán)隊(duì)的方法。 ? 管理后臺(tái)子模塊 — 用戶管理 用戶 管理 用于管理當(dāng)前系統(tǒng)中已經(jīng)正常注冊(cè)并且使用本系統(tǒng)的圖片共享功能的用戶。 ? 管理后臺(tái)子模塊 — 圖片管理 圖片 管理 用于管理當(dāng)前系統(tǒng)中已經(jīng)正常注冊(cè)并且使用本系統(tǒng)的圖片共享功能的用戶 所上傳的圖片 。 在用戶上傳圖片的過(guò)程中，有可能由于用戶的誤操作導(dǎo)致用戶所上傳的圖片沒(méi)有分類(lèi)或者沒(méi)有標(biāo)簽，這種情況下，管理員可以使用圖片清理功能將這些圖片清理掉。在這種結(jié)構(gòu)下，用戶界面完全通過(guò) WWW 瀏覽器實(shí)現(xiàn)，一部分事務(wù)邏輯在前端實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端實(shí)現(xiàn)。 JSP 是 Sun 公司推出的新一代網(wǎng)站開(kāi)發(fā)語(yǔ)言， Java Server Page。但 JSP 代碼被編譯成 Servlet 并由 Java 虛擬機(jī)解釋執(zhí)行，這種編譯操作僅在對(duì) JSP 頁(yè)面的第一次請(qǐng)求時(shí)發(fā)生。 PHP、 ASP 、 JSP 兩者都是面向 Web 服務(wù)器的技術(shù)，客戶端瀏覽器不需要任何附加的軟件支持。采用 B/S 結(jié)構(gòu)。 max_input_time = 600。 extension= 該擴(kuò)展用于支持長(zhǎng)字符集 extension= 該擴(kuò)展用于支持 PHP 讀取圖片的 EXIF 信息。 2） 運(yùn)行 對(duì) MYSQL 進(jìn)行初始化設(shè)置。Servers39。localhost39。port39。Servers39。tcp39。press39。][$i][39。//如果 PHP安裝模式為 Apache，可以使用 和 cookie；如果 PHP安裝模式為 CGI，可以使用 cookie；默認(rèn)為 config $cfg[39。] = 39。][$i][39。//MySQL 連接密碼 5 實(shí)現(xiàn)技術(shù)與數(shù)據(jù)結(jié)構(gòu) 系統(tǒng)架構(gòu)設(shè)計(jì) 網(wǎng)絡(luò)架構(gòu) 整個(gè)網(wǎng)絡(luò)架構(gòu)體系如下圖： 圖 51 圖片共享系統(tǒng)網(wǎng)絡(luò)構(gòu)架圖 系統(tǒng)邏輯服務(wù)器 在邏輯上可以將使用的服務(wù)器分為三類(lèi)，每類(lèi)服務(wù)器均有不同的功能： Web 服務(wù)器 ： 該服務(wù)器進(jìn)行 Web 發(fā)布，提供用于普通用戶業(yè)務(wù)工作的操作界面（網(wǎng)頁(yè)），亦將用戶的操作參數(shù) 通過(guò)處理后生成的數(shù)據(jù)庫(kù)查詢 傳遞回 數(shù)據(jù)庫(kù) 服務(wù)器，同時(shí)亦將結(jié)果 在經(jīng)過(guò)解析以及重新編碼后生成的數(shù)據(jù) 通過(guò)網(wǎng)頁(yè)的方式返回到用戶 前端。 同時(shí)，該服務(wù)器需要處理通過(guò) WEB 服務(wù)器傳輸來(lái)的查詢請(qǐng)求，并將查詢結(jié)果返回給應(yīng)用服務(wù)器。下圖簡(jiǎn)要描述了工作流程。 要理解 SmartTemplate，首先需要理解 模板引擎 的 工作方式 。當(dāng)一個(gè)新的模板在第一次被使用時(shí)，模板內(nèi)所有的占位符被替換為簡(jiǎn)單的可輸出指定內(nèi)容的 PHP 代碼元素。開(kāi)發(fā)基于 WEB 的軟件系統(tǒng)，采用PHP 腳本 工具，用 PHP 的動(dòng)態(tài)庫(kù)連接訪問(wèn)數(shù)據(jù)庫(kù)，將一些對(duì)象的屬性和方法封裝在 PHP 類(lèi)庫(kù)中，客戶端界面可用 HTML 與 JavaScript 配合完成，服務(wù)器端的應(yīng)用處理可用 PHP 腳本＋ SmartTemplate 引擎來(lái)具體實(shí)現(xiàn)。 PHP 腳本創(chuàng)建 SmartTemplate 需要的變量和對(duì)象，再根據(jù)用戶的行為，決定處理哪個(gè) html 模版并發(fā)送給用戶。img_thb_block39。img_thb_block39。img_thb_block39。])。img_thb_block39。 $_stack[$_stack_t++]=$_obj。ROWCNT39。]=$rowt%2。 $_obj=amp。]。 ? alt= width=70 height=70 border=0 //a /div ? . ? . ? . 數(shù)據(jù)庫(kù)設(shè)計(jì) 圖 55 圖片共享 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì) 結(jié)構(gòu)圖 上圖是根據(jù)需求設(shè)計(jì)出 十二 個(gè)數(shù)據(jù)表，分別是： 系統(tǒng)設(shè)定 表（ setting）， 管理員操作記錄 表（ adminlog） ,管理員 信息表（ admin_info）， 圖片緩存記錄 表（ hash_cache）， 縮略圖 表（ photothumbs）， 圖片 表（ photo）， 用戶組 表(group_setting)，用戶信息表（ member_info），用戶登陸記錄 表 (loginlog)，圖片分類(lèi)表（ sort_setting），用戶上傳相冊(cè)表（ job） 以及標(biāo)簽表（ tags_setting）。 2． 在 HTML 模版的 HEADER 部分注明編碼標(biāo)準(zhǔn)： meta equiv=contenttype content=text/html。)。該庫(kù)的使用方法很簡(jiǎn)單，下面具體說(shuō)明其調(diào)用方法： 調(diào)用方法： upu/misc/, 修改 var basePath = /upload/upu/。]即可獲得其值，如果是一個(gè)文件，則返回這樣一個(gè)數(shù)組 $_POST[39。同時(shí)，為了實(shí)現(xiàn)對(duì)批量上傳的文件進(jìn)行處理，還需要手工編寫(xiě)對(duì)上傳后的文件進(jìn)行處理的回調(diào)腳本，具體實(shí)現(xiàn)原理如下： 首先， jupload 在上傳一個(gè)文件后便會(huì)自動(dòng)調(diào)用一個(gè)回調(diào)腳本來(lái)處理上傳過(guò)后的文件。)。cgifcgi39。 default: $sz_htstatus = 39。406 It is not acceptable to save this file39。 } //未登陸的直接退出 $result = $_GET[39。 exit(0)。job_title39。] = $_GET