【正文】 ，用戶可以上傳的圖片有哪些類型；三，應該以 什么方式展示這些圖片 。并且能夠從用戶角度來設計一個應用。 而且除了需要良好的用戶體驗外，還需要良好的系統(tǒng)支持。該系統(tǒng)初步分為兩個 部分，一個是作為 WEB 界面的 WEB端，還有一個部分是用來通過 C/S 模式遠程上傳本地圖片的客戶端工具。 就目前看來，圖片共享系統(tǒng)現(xiàn)在需要解決的問題主要是如何更快的讓用戶上傳圖片。導致資源無法有效利用。當用戶拍了照片后，他們會找一個可以方便的共享自己所拍的照片的地方。于是，網(wǎng)站從以前的集中發(fā)布式，漸漸的轉(zhuǎn)變成了用戶提供資源，網(wǎng)站整理發(fā)布的模式。隨著 AJAX 的重新使用，大大提高了用戶的 WEB 體驗。并且系統(tǒng)中對于圖片上傳需要有比較直觀的進度顯示， 圖片的呈現(xiàn)使用比較 友善的顯示效果。在 時代，信息由以前的服務器發(fā)布變成了用戶發(fā)布。 畢業(yè)設計 ( 論文 ) 基于 PHP 實現(xiàn)的 WEB 圖片共享系統(tǒng) ? 論文 作者 姓名： ? ? 申 請 學 位 專業(yè)： ? ? 申 請 學 位 類別： ? ? 指導教師姓名（職稱）： ? ? 論 文 提 交 日期： ? 基于 PHP 實現(xiàn)的 WEB 圖片共享系統(tǒng) 摘 要 本系統(tǒng)主要從現(xiàn)代社會電腦化觀念出發(fā)，通過對現(xiàn)有資料的分析、研究和整理，確定了在基于現(xiàn)存的 模式下開發(fā)圖片共享系統(tǒng)的可行性、緊迫性和必要性。也就是從以前的通過服務器搜集資源并且發(fā)布變成了通過用戶提供資源，服務器進行整理，分類，發(fā)布的模式。 關鍵詞 ： 模型 視圖 控制器 ； 圖片 共享； 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。其頁面局部刷新的方式在很大程度上減少了用戶訪問頁面時所花的時間。其中最為常見的就是 BLOG， WIKI 這些形勢。但是，現(xiàn)在傳統(tǒng)的網(wǎng)站，要么操作太復雜，要么就是不方便共 享，比如 163，不支持外部連接圖片，雖然這樣做的確可以明顯的降低服務器的負擔，但是對用戶體驗卻大大折扣。國內(nèi)目前在這方面興起的網(wǎng)站還不多，國外也有比較出名的，例如： Flikre： ，巴巴變： 等。如何以更快的形式顯示圖片。 2 系統(tǒng) 概述 在對于由經(jīng)用戶提交的的方式來實現(xiàn)圖片共享 ,首要就是提高用戶上傳效率，以及用戶上傳體驗和用戶的瀏覽是否方便。不僅僅是程序，而是隨著用戶需求可以不斷拓展 的業(yè)務平臺，以及發(fā)展流程。大大減輕了設計的壓力以及風險。 另外，還應該實現(xiàn)對圖片的簡單整理以及統(tǒng)計。并且需要實現(xiàn)在用戶不安裝客戶端的情況下，在 WEB 上實現(xiàn)批量上傳圖片 。 圖片展現(xiàn) 應該能夠很直觀的展示給最終用戶進行查看。 總體結(jié)構(gòu) 圖片共享系統(tǒng)主要功能模塊結(jié)構(gòu)示意圖如下： 圖 片 共 享 系 統(tǒng)用 戶 界 面 后 臺 管 理用 戶 前 臺 圖 片 處理用戶登錄驗證用戶圖片上傳用戶圖片預覽用 戶 后 臺 管 理用 戶 管 理 管 理 員 管 理用戶信息管理用戶圖片標簽管理用戶圖片任務管理用戶添加用戶信息修改用戶圖片管理用戶搜索后臺用戶添加后臺用戶修改后臺用戶刪除后臺用戶權(quán)限分派圖 31 圖片共享系統(tǒng) 功能模塊圖 圖片共享系統(tǒng) 包括兩大部分：用戶界面和后臺管理，其中用戶界面為用戶可視并且可使用的功能，后臺管理為管理員所能使用的功能。 ） 3. 圖片添加成功 后，將上傳的圖片直接緩存到用戶所在的文件夾下，按照上傳日期排列，并且同時在數(shù)據(jù)庫中保存圖片的副本。或者直接通過系統(tǒng)生成的連接發(fā)送給第三方用戶進行查看。 ? 圖片共享 系統(tǒng)流程圖如下： 圖 32 圖片共享系統(tǒng)流程圖 圖片共享系統(tǒng)模塊功能介紹 圖片共享系統(tǒng) ，主要完成 圖片的 添加， 刪除 以及 圖片標簽 的 添加 ， 刪除 功能。 執(zhí)行 流程是： 用戶在登陸到主界面后 ， 點擊導航欄上的密碼修改 ， 轉(zhuǎn)向到修改用戶密碼的界面。如果不一致，將提示用戶密碼不一致。如果用戶沒有輸入驗證碼或者驗證碼出錯，當前用戶密碼散列無法和數(shù)據(jù)庫中的密碼散列對應，系統(tǒng)將給出對應的出錯提示。 １） 對單個頁面進行上傳：這種上傳需要用戶自己過濾不符 合系統(tǒng)需求的圖片，當前系統(tǒng)只支持 JPEG 以及 PNG。 ２） 直接批量上傳多個圖片：用戶點擊“批量上傳”標簽，系統(tǒng)提示該功能需要 JAVA 運行時支持，確認后，進入批量圖片信息設定頁面，該頁面用于設置接下來所上傳的圖片的名稱，描述，分類，標簽等信息。 該頁面分為上中下 3 個部分，分別為用戶圖片按照任務，分類，標簽進行分類后的圖片列表。主要是由后臺管理員對系統(tǒng)進行維護以及系統(tǒng)初始化的時候確定這些設置。 系統(tǒng)信息表中記錄了系統(tǒng)的每個設定，對該模塊進行修改最后將反饋到系統(tǒng)信息表中。 這個功能為 系統(tǒng) 提供了 比較方便的擴展系統(tǒng)管理團隊的方法。 ? 管理后臺子模塊 — 用戶管理 用戶 管理 用于管理當前系統(tǒng)中已經(jīng)正常注冊并且使用本系統(tǒng)的圖片共享功能的用戶。 ? 管理后臺子模塊 — 圖片管理 圖片 管理 用于管理當前系統(tǒng)中已經(jīng)正常注冊并且使用本系統(tǒng)的圖片共享功能的用戶 所上傳的圖片 。 在用戶上傳圖片的過程中，有可能由于用戶的誤操作導致用戶所上傳的圖片沒有分類或者沒有標簽，這種情況下，管理員可以使用圖片清理功能將這些圖片清理掉。在這種結(jié)構(gòu)下，用戶界面完全通過 WWW 瀏覽器實現(xiàn)，一部分事務邏輯在前端實現(xiàn)，但是主要事務邏輯在服務器端實現(xiàn)。 JSP 是 Sun 公司推出的新一代網(wǎng)站開發(fā)語言， Java Server Page。但 JSP 代碼被編譯成 Servlet 并由 Java 虛擬機解釋執(zhí)行，這種編譯操作僅在對 JSP 頁面的第一次請求時發(fā)生。 PHP、 ASP 、 JSP 兩者都是面向 Web 服務器的技術(shù)，客戶端瀏覽器不需要任何附加的軟件支持。采用 B/S 結(jié)構(gòu)。 max_input_time = 600。 extension= 該擴展用于支持長字符集 extension= 該擴展用于支持 PHP 讀取圖片的 EXIF 信息。 2） 運行 對 MYSQL 進行初始化設置。Servers39。localhost39。port39。Servers39。tcp39。press39。][$i][39。//如果 PHP安裝模式為 Apache，可以使用 和 cookie；如果 PHP安裝模式為 CGI，可以使用 cookie；默認為 config $cfg[39。] = 39。][$i][39。//MySQL 連接密碼 5 實現(xiàn)技術(shù)與數(shù)據(jù)結(jié)構(gòu) 系統(tǒng)架構(gòu)設計 網(wǎng)絡架構(gòu) 整個網(wǎng)絡架構(gòu)體系如下圖： 圖 51 圖片共享系統(tǒng)網(wǎng)絡構(gòu)架圖 系統(tǒng)邏輯服務器 在邏輯上可以將使用的服務器分為三類，每類服務器均有不同的功能： Web 服務器 ： 該服務器進行 Web 發(fā)布，提供用于普通用戶業(yè)務工作的操作界面（網(wǎng)頁），亦將用戶的操作參數(shù) 通過處理后生成的數(shù)據(jù)庫查詢 傳遞回 數(shù)據(jù)庫 服務器，同時亦將結(jié)果 在經(jīng)過解析以及重新編碼后生成的數(shù)據(jù) 通過網(wǎng)頁的方式返回到用戶 前端。 同時，該服務器需要處理通過 WEB 服務器傳輸來的查詢請求，并將查詢結(jié)果返回給應用服務器。下圖簡要描述了工作流程。 要理解 SmartTemplate，首先需要理解 模板引擎 的 工作方式 。當一個新的模板在第一次被使用時，模板內(nèi)所有的占位符被替換為簡單的可輸出指定內(nèi)容的 PHP 代碼元素。開發(fā)基于 WEB 的軟件系統(tǒng)，采用PHP 腳本 工具，用 PHP 的動態(tài)庫連接訪問數(shù)據(jù)庫，將一些對象的屬性和方法封裝在 PHP 類庫中，客戶端界面可用 HTML 與 JavaScript 配合完成，服務器端的應用處理可用 PHP 腳本＋ SmartTemplate 引擎來具體實現(xiàn)。 PHP 腳本創(chuàng)建 SmartTemplate 需要的變量和對象，再根據(jù)用戶的行為，決定處理哪個 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ù)庫設計 圖 55 圖片共享 系統(tǒng)數(shù)據(jù)庫設計 結(jié)構(gòu)圖 上圖是根據(jù)需求設計出 十二 個數(shù)據(jù)表，分別是： 系統(tǒng)設定 表（ setting）， 管理員操作記錄 表（ adminlog） ,管理員 信息表（ admin_info）， 圖片緩存記錄 表（ hash_cache）， 縮略圖 表（ photothumbs）， 圖片 表（ photo）， 用戶組 表(group_setting)，用戶信息表（ member_info），用戶登陸記錄 表 (loginlog)，圖片分類表（ sort_setting），用戶上傳相冊表（ job） 以及標簽表（ tags_setting）。 2． 在 HTML 模版的 HEADER 部分注明編碼標準： meta equiv=contenttype content=text/html。)。該庫的使用方法很簡單，下面具體說明其調(diào)用方法： 調(diào)用方法： upu/misc/, 修改 var basePath = /upload/upu/。]即可獲得其值，如果是一個文件，則返回這樣一個數(shù)組 $_POST[39。同時，為了實現(xiàn)對批量上傳的文件進行處理，還需要手工編寫對上傳后的文件進行處理的回調(diào)腳本，具體實現(xiàn)原理如下： 首先， jupload 在上傳一個文件后便會自動調(diào)用一個回調(diào)腳本來處理上傳過后的文件。)。cgifcgi39。 default: $sz_htstatus = 39。406 It is not acceptable to save this file39。 } //未登陸的直接退出 $result = $_GET[39。 exit(0)。job_title39。] = $_GET