【正文】 ，又因?yàn)橛脩艨赡苄枰鶕?jù)不同的情況下，對(duì)自己的分類，任務(wù)下的圖片情況做統(tǒng)計(jì)，因此該系統(tǒng)還應(yīng)具有分類，任務(wù)，標(biāo)簽的多條件組合查詢功能。以及對(duì)用戶圖片的查看，刪除；對(duì)用戶的分類的查看，刪除；對(duì)用戶標(biāo)簽的查看，刪除。 圖片共享系統(tǒng)流程? 圖片共享系統(tǒng)流程設(shè)計(jì)思想如下：1. 用戶（這里主要指直接使用本系統(tǒng)的最終用戶，不包括后臺(tái)具有管理功能的用戶）根據(jù)自己的圖片格式，選擇合適的圖片上傳到本系統(tǒng)的處理端。 （這樣做，是為了統(tǒng)一圖片的格式，便于輸出的處理以及圖片入庫時(shí)統(tǒng)一處理接口。4. 圖片在存儲(chǔ)后，同時(shí)在前臺(tái)顯示已經(jīng)上傳的圖片，并且將圖片添加到所設(shè)定的標(biāo)簽下，并且按照任務(wù)對(duì)圖片進(jìn)行分批顯示。6. 已經(jīng)上傳的圖片，可以通過用戶查看圖片的連接直接提供給第三方用戶進(jìn)行查看。7. 后臺(tái)管理員可以通過系統(tǒng)提供的功能直接對(duì)管理用戶進(jìn)行添加以及更改。8. 管理員在需要?jiǎng)h除某個(gè)用戶的上傳圖片時(shí)，也可通過統(tǒng)一的圖片管理接口對(duì)用戶的圖片，分類，標(biāo)簽以及任務(wù)進(jìn)行刪除。以及對(duì)多用戶的管理以及在后臺(tái)對(duì)用戶的圖片進(jìn)行管理。 用戶界面子模塊劃分圖 33 用戶界面子模塊結(jié)構(gòu)圖? 用戶界面子模塊 — 密碼修改密碼修改，作為用戶界面子模塊的一部分，主要完成用戶密碼修改的工作。在輸入當(dāng)前使用密碼以及修改的密碼并且重復(fù)輸入一次修改的密碼，最后填入該操作的驗(yàn)證碼（為了方便用戶，驗(yàn)證碼已經(jīng)由后臺(tái)自動(dòng)填入） 。在用戶提交修改內(nèi)容時(shí)，頁面內(nèi)的代碼首先檢測(cè)用戶兩次修改的密碼是否一致。當(dāng)該檢查通過后，信息提交到后臺(tái)系統(tǒng)。當(dāng)兩個(gè)散列一致時(shí)，后臺(tái)系統(tǒng)將修改用戶當(dāng)前的密碼為用戶修改后的密碼。并要求用戶重新填寫。此時(shí)，用戶可以根據(jù)自己的需要選擇單個(gè)圖片進(jìn)行上傳或者直接批量上傳多個(gè)圖片。如果圖片格式不符合要求，系統(tǒng)將給出出錯(cuò)提示。當(dāng)一切設(shè)置完畢后，點(diǎn)擊“提交上傳” ，用戶圖片開始上傳到系統(tǒng)中。接下來將轉(zhuǎn)入批量上傳界面。? 用戶界面子模塊 — 管理圖片管理圖片，在用戶登陸系統(tǒng)后，點(diǎn)擊導(dǎo)航欄上的上傳圖片，進(jìn)入圖片管理頁面。在這個(gè)列表里，用戶可以對(duì)圖片按照任務(wù)，分類，或者標(biāo)簽等批量對(duì)圖片進(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)境變量，以及一些說明性的信息。在設(shè)置完成后，如果不是系統(tǒng)性能問題或者系統(tǒng)遷移，均可以保持設(shè)定的信息。便于后期對(duì)系統(tǒng)的常規(guī)設(shè)定的修改以及方便系統(tǒng)的簡單遷移，例如系統(tǒng)更換域名或者更改其他系統(tǒng)環(huán)境信息。? 管理后臺(tái)子模塊 — 管理員管理管理員管理，主要是用于設(shè)置能夠?qū)Ξ?dāng)前系統(tǒng)后臺(tái)的功能進(jìn)行操作的用戶，以及設(shè)置這些用戶可以使用后臺(tái)哪些功能。并且可以設(shè)置對(duì)某個(gè)功能專門進(jìn)行操作的管理人員，簡化了管理的復(fù)雜程度。以便于在中后期對(duì)某個(gè)功能管理達(dá)到一定要求時(shí)可以對(duì)該功能賦予專用人員?？梢苑奖愕氖乖摴芾韱T在各個(gè)功能之間實(shí)現(xiàn)切換以及更改現(xiàn)有權(quán)限。用戶要注冊(cè)該系統(tǒng)，除了可以在前臺(tái)提供的注冊(cè)頁面注冊(cè)外，也可以由具有用戶管理權(quán)限的后臺(tái)管理員在后臺(tái)進(jìn)行添加。同時(shí)，可以通過搜索功能來定位特定用戶名的用戶，便于更快的找到需要操作的用戶。在該模塊中，后臺(tái)管理員可以根據(jù)單個(gè)用戶對(duì)該用戶所上傳的圖片進(jìn)行管理。另外，和用戶管理一樣，后臺(tái)管理員也可以通過搜索特定的用戶名來快速定位到某個(gè)用戶，并且對(duì)他所上傳的圖片進(jìn)行管理。避免冗余以及錯(cuò)誤數(shù)據(jù)導(dǎo)致的系統(tǒng)不穩(wěn)定或者統(tǒng)計(jì)數(shù)據(jù)出錯(cuò)。 B/S 結(jié)構(gòu)，即 Browser/Server(瀏覽器/服務(wù)器)結(jié)構(gòu)，是隨著 Inter 技術(shù)的興起，對(duì) C/S 結(jié)構(gòu)的一種變化或者改進(jìn)的結(jié)構(gòu)。B/S 結(jié)構(gòu)利用不斷成熟和普及的瀏覽器技術(shù)實(shí)現(xiàn)原來需要復(fù)雜專用軟件才能實(shí)現(xiàn)的強(qiáng)大功能，并節(jié)約了開發(fā)成本，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)。ASP 采用腳本語言 VBScript（Java script）作為自己的開發(fā)語言。JSP 可以在 Serverlet 和 JavaBean 的支持下，完成功能強(qiáng)大的站點(diǎn)程序。三者都提供在 HTML 代碼中混合某種程序代碼、由語言引擎解釋執(zhí)行程序代碼的能力。在 PHP、ASP 、JSP 環(huán)境下，HTML 代碼主要負(fù)責(zé)描述信息的顯示樣式，而程序代碼則用來描述處理邏輯。程序代碼的執(zhí)行結(jié)果被重新嵌入到 HTML 代碼中，然后一起發(fā)送給瀏覽器。然而，相較與 ASP ， JSP，PHP 有其便于部署，可快速開發(fā)并且使用靈活等特點(diǎn)。 方案選擇綜上所述，本系統(tǒng)開發(fā)選擇方案如下：本圖片共享系統(tǒng)采用 PHP、JavaScript 作為主要程序開發(fā)語言，采用smarttemplate + 獨(dú)立后臺(tái)管理模版的構(gòu)架， mysql 數(shù)據(jù)庫。系統(tǒng)界面美觀內(nèi)容豐富，很好的實(shí)現(xiàn)了與用戶的交互。 開發(fā)環(huán)境搭建? 配置 PHP 5將從網(wǎng)絡(luò)上下載下來的文件解包，然后需要以下操作：打開 文件，修改以下內(nèi)容：max_execution_time = 600。memory_limit = 16Mpost_max_size = 20Mfile_uploads = Onupload_max_filesize = 20Mdefault_socket_timeout = 60以上選項(xiàng)避免由于用戶上傳過大的圖片導(dǎo)致 PHP 處理超時(shí)。extension_dir = D:\PHP\PHP\ext以上選項(xiàng)用于設(shè)定 PHP 的擴(kuò)展所在文件夾。extension=該擴(kuò)展用于 PHP 對(duì)圖片的操作以及驗(yàn)證碼的生成操作。打開 文件，修改以下內(nèi)容：設(shè)置執(zhí)行超時(shí)： Timeout 300設(shè)置監(jiān)聽 80 端口： Listen 80開啟 APACHE 對(duì) PHP 的支持：LoadModule php5_module d:/php/php/開啟 URL 重寫功能：LoadModule rewrite_module modules/設(shè)定 WEB 服務(wù)的根目錄： DocumentRoot E:\web設(shè)置 URL 重寫所生效的范圍： Directory /Options FollowSymLinksAllowOverride ALL/Directory設(shè)置中文支持：AddLanguage zhCN .zhAddLanguage zhTW .zhtwAddLanguage zh .設(shè)置默認(rèn)語言AddDefaultCharset GB2312設(shè)置默認(rèn)索引頁：DirectoryIndex 設(shè)置 APACHE 對(duì) PHP 文件進(jìn)行解析：AddType application/xdphp .php2） 將 APACHE 安裝為服務(wù)：進(jìn)入命令行，轉(zhuǎn)到 APACHE 文件夾下的 BIN 文件夾，執(zhí)行以下命令：apache k install3） 啟動(dòng) APACHE 服務(wù)器執(zhí)行以下命令： start apache2? mysql 安裝1） 將從網(wǎng)上下載的 MYSQL 解包,然后修改其配置文件如下:defaultcharacterset=utf8 //由于整個(gè)系統(tǒng)均使用 UTF8,故數(shù)據(jù)庫也統(tǒng)一文字編碼key_buffer_size=20Mmax_allowed_packet=15M //以上設(shè)置用于處理將圖片存入數(shù)據(jù)庫的大量信息數(shù)據(jù)。3） 安裝 MYSQL 服務(wù)執(zhí)行 –install 將 MYSQL 進(jìn)程作為系統(tǒng)服務(wù)運(yùn)行。$cfg[39。][$i][39。] = 39。//設(shè)置為本機(jī)（只做調(diào)試用）$cfg[39。][$i][39。] = 39。//MySQL 的端口$cfg[39。][$i][39。] = 39。//設(shè)置與 MySQL 連接的方式 $cfg[39。][$i][39。] = FALSE。Servers39。auth_type39。config39。Servers39。user39。root39。Servers39。password39。39。同時(shí)，該 WEB 服務(wù)器還負(fù)責(zé)解析用戶的請(qǐng)求以及動(dòng)態(tài)的生成用戶所能看見的 Web 頁面。在此存放著所有的原始數(shù)據(jù)及用于系統(tǒng)的其它結(jié)構(gòu)數(shù)據(jù)，所有的用戶及管理者對(duì)信息的新增，修改，刪除最終都將反映在該服務(wù)器上。 系統(tǒng)處理流程本系統(tǒng)采用 B/S 模式,Smartemplate 構(gòu)架，用戶使用本系統(tǒng)時(shí)，只需要安裝上網(wǎng)的瀏覽器即可，不需要安裝其它任何軟件。模型由實(shí)現(xiàn)業(yè)務(wù)邏輯的 PHP 解析腳本構(gòu)成，控制器由 SmartTemplate 來實(shí)現(xiàn)，視圖由一組含有 SmartTemplate 格式標(biāo)簽的 HTML 文件構(gòu)成。圖 53 響應(yīng)用戶請(qǐng)求的工作流程MVC 是一種設(shè)計(jì)模式，它強(qiáng)制性的把應(yīng)用程序的輸入、處理和輸出分開。SmartTemplate 本身與協(xié)議無關(guān)。普通模板引擎工作方式: 你的 PHP 腳本指定一個(gè) HTML 模板，指定動(dòng)態(tài)內(nèi)容并顯示。SmartTemplate 的工作方式類似模板編譯，他把模板轉(zhuǎn)換為可執(zhí)行的 PHP腳本，并且保存起來以備以后重用。舉個(gè)例子，模板片斷 H3{TITLE}/H3，將被轉(zhuǎn)換為 H3?php echo $TITLE。 SmartTemplate 與 html 模版之間的關(guān)系為了增強(qiáng)系統(tǒng)的移植性，使系統(tǒng)能在 Windows 、NT、UNIX 及 Linux 環(huán)境下運(yùn)行而不進(jìn)行源代碼的修改，采用 PHP 技術(shù)。html 模版主要用來定義最終的表現(xiàn)頁面，而 PHP 腳本主要用來完成大量的邏輯處理，SmartTemplate 用于將處理后的數(shù)據(jù)動(dòng)態(tài)的封裝到 html 模版中，最終顯示的頁面有 PHP 解析后發(fā)送到客戶端。SmartTemplate 本身沒有任何的業(yè)務(wù)處理邏輯，它只是簡單地檢索 PHP 腳本定義的對(duì)象，再將動(dòng)態(tài)的內(nèi)容插入到預(yù)定義的 html 模版中。在實(shí)際開發(fā)過程中，往往是先把 html 模版開發(fā)出來，然后再將 html 模版中需要?jiǎng)討B(tài)生成的部分用 SmartTemplate 預(yù)定義的標(biāo)簽代替。以下是節(jié)選程序代碼中的 HTML 模版轉(zhuǎn)換為最終的頁面對(duì)象：1. 首先，用 HTML 編輯工具開發(fā)出 HTML 頁面… …. …. ….form action= id=find_photo method=postdiv align=left搜索圖片: input type=text name=key size=24 /input id=findbutton type=submit name=find_photo value=搜索 //div/form!this is the content of the slidshow! do not modify the id of the father of dojoslidshow{flash_slideshow}/div!agl:cssobject id=indexphotolist type=Three Columns /! BEGIN img_thb_block div class=threecolbox_indexphotolista href={_link} class=thickbox rel=galleryplantsimg src={link} alt= width=70 height=70 border=0 //a/div! END img_thb_block …. …. ….2. 通過 PHP 解析將對(duì)應(yīng)內(nèi)容填充到 HTML 模版內(nèi)… …. …. ….?phpif (!empty($_obj[39。])){if (!is_array($_obj[39。]))$_obj[39。]=array(array(39。=$_obj[39。]))。img_thb_block39。if ($_tmp_arr_keys[0]!=39。)$_obj[39。]=array(0=$_obj[39。])。foreach ($_obj[39。] as $rowt=$img_thb_block) {$img_thb_block[39。]=$rowt。ALTROW39。$img_thb_block[39。]=$rowt%2。$img_thb_block。_link39。? class=thickbox rel=galleryplantsimg src=?phpecho $_obj[39。]。該表主要分為以下幾個(gè)部分：管理員相關(guān)表：圖 56 管理員相關(guān)表系統(tǒng)設(shè)置表：圖 57 系統(tǒng)設(shè)置表用戶組設(shè)置表圖 5