【正文】 1. 用戶(hù) （這里主要指 直接使用本系統(tǒng)的最終用戶(hù)，不包括后臺(tái)具有管理功能的用戶(hù) ）根據(jù) 自己的圖片格式，選擇合適的圖片上傳到本系統(tǒng)的處理端。 （這樣做，是為了 統(tǒng)一圖片的格式，便于輸出的處理以及圖片入庫(kù)時(shí)統(tǒng)一處理接口。 4. 圖片在存儲(chǔ)后，同時(shí)在前臺(tái)顯示已經(jīng)上傳的圖片，并且將圖片添加到所設(shè)定的標(biāo)簽下，并且按照任務(wù)對(duì)圖片進(jìn)行分批顯示。 6. 已經(jīng)上傳的圖片，可以通過(guò)用戶(hù)查看圖片的連接直接提供給第三方用戶(hù)進(jìn)行查看。 7. 后臺(tái)管理員可以通過(guò)系統(tǒng)提供的功能直接對(duì)管理用戶(hù)進(jìn)行添 加以及更改。 8. 管理員在需要?jiǎng)h除某個(gè)用戶(hù)的上傳圖片時(shí)，也可通過(guò)統(tǒng)一的圖片管理接口對(duì)用戶(hù)的圖片，分類(lèi)，標(biāo)簽以及任務(wù)進(jìn)行刪除。以及對(duì)多用戶(hù)的管理以及在后臺(tái)對(duì)用戶(hù)的圖片進(jìn)行管理。 用戶(hù)界面子模塊劃分 圖 33 用戶(hù)界面子模塊結(jié)構(gòu)圖 ? 用戶(hù)界面子模塊 — 密碼修改 密碼修改 ，作為 用戶(hù)界面 子模塊的一部分，主要完成 用戶(hù)密碼修改的 工作。在輸入當(dāng)前使用密碼以及修改的密碼并且重復(fù)輸入一次修改的密碼，最后填入該操作的驗(yàn)證碼（為了方便用戶(hù)，驗(yàn)證碼已經(jīng)由后臺(tái)自動(dòng)填入）。 在用戶(hù)提交修改內(nèi)容時(shí)，頁(yè)面內(nèi)的代碼首先檢測(cè)用戶(hù)兩次修改的密碼是否一致。當(dāng)該檢查通過(guò)后，信息提交到后臺(tái)系統(tǒng)。當(dāng)兩個(gè)散列一致時(shí)，后臺(tái)系統(tǒng)將修改用戶(hù)當(dāng)前的密碼為用戶(hù)修改后的密碼。并要求用戶(hù)重新填寫(xiě)。此時(shí)，用戶(hù)可以根據(jù)自己的需要選擇單個(gè)圖片進(jìn)行上傳或者直接批量上傳多個(gè)圖片。如果圖片格式不符合要求，系統(tǒng)將給出出錯(cuò)提示。當(dāng)一切設(shè)置完畢后，點(diǎn)擊“提交上傳”，用戶(hù)圖片開(kāi)始上傳到系統(tǒng)中。接下來(lái) 將轉(zhuǎn)入批量上傳界面。 ? 用戶(hù)界面子模塊 — 管理圖片 管理圖片，在用戶(hù)登陸系統(tǒng)后，點(diǎn)擊導(dǎo)航欄上的上傳圖片， 進(jìn)入圖片管理頁(yè)面。在這個(gè)列表里，用戶(hù)可以對(duì)圖片按照任務(wù)，分類(lèi)，或者標(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)境變量，以及一些說(shuō)明性的信息。在設(shè)置完成后，如果不是系統(tǒng)性能問(wèn)題或者系統(tǒng)遷移，均可以保持設(shè)定的信息。便于后期對(duì)系統(tǒng)的常規(guī)設(shè)定的修改以及方便系統(tǒng)的簡(jiǎn)單遷移，例如系統(tǒng)更換域名或者更改其他系統(tǒng)環(huán)境信息。 ? 管理后臺(tái)子模塊 — 管理員管理 管理員管理，主要是用于設(shè)置能夠?qū)Ξ?dāng)前系統(tǒng)后臺(tái)的功能進(jìn)行操作 的用戶(hù)，以及設(shè)置這些用戶(hù)可以使用后臺(tái)哪些功能。并且可以設(shè)置對(duì)某個(gè)功能專(zhuān)門(mén)進(jìn)行操作的管理人員，簡(jiǎn)化了管理的復(fù)雜程度。以便于在中后期對(duì)某個(gè)功能管理達(dá)到一定要求時(shí)可以對(duì)該功能賦予專(zhuān)用人員。可以方便的使該管理員在各個(gè)功能之間實(shí)現(xiàn)切換以及更改現(xiàn)有權(quán)限。用戶(hù)要注冊(cè)該 系統(tǒng)，除了可以在前臺(tái)提供的注冊(cè)頁(yè)面注冊(cè)外，也可以由具有用戶(hù)管理權(quán)限的后臺(tái)管理員在后臺(tái)進(jìn)行添加。同時(shí)，可以通過(guò)搜索功能來(lái)定位特定用戶(hù)名的用戶(hù)，便于更快的找到需要操作的用戶(hù)。 在該模塊中，后臺(tái)管理員可以根據(jù)單個(gè)用戶(hù)對(duì)該用戶(hù)所上傳的圖片進(jìn)行管理。另外，和用 戶(hù)管理一樣，后臺(tái)管理員也可以通過(guò)搜索特定的用戶(hù)名來(lái)快速定位到某個(gè)用戶(hù)，并且對(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)原來(lái)需要復(fù)雜專(zhuān)用軟件才能實(shí)現(xiàn)的強(qiáng)大功能，并節(jié)約了開(kāi)發(fā)成本，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)。 ASP采用腳本語(yǔ) 言 VBScript（ Java script）作為自己的開(kāi)發(fā)語(yǔ)言。 JSP 可以在 Serverlet 和 JavaBean 的支持下，完成功能強(qiáng)大的站點(diǎn)程序。 三者 都提供在 HTML 代碼中混合某種程序代碼、由語(yǔ)言引擎解釋執(zhí)行程序代碼的能力。在 PHP、 ASP 、 JSP 環(huán)境下， HTML 代碼主要負(fù)責(zé)描述信息的顯示樣式，而程序代碼則用來(lái)描述處理邏輯。程序代碼的執(zhí)行結(jié)果被重新嵌入到 HTML 代碼中 ，然后一起發(fā)送給瀏覽器。 然而，相較與 ASP ， JSP， PHP有其便于部署，可快速開(kāi)發(fā)并且使用靈活等特點(diǎn)。 方案選擇 綜上所述，本系統(tǒng)開(kāi)發(fā)選擇方案如下： 本圖片共享 系統(tǒng)采用 PHP、 JavaScript 作為主要程序開(kāi)發(fā)語(yǔ)言，采用smarttemplate + 獨(dú)立后臺(tái)管理模版的 構(gòu)架， mysql 數(shù)據(jù) 庫(kù)。系統(tǒng)界面美觀內(nèi)容豐富，很好的實(shí)現(xiàn)了與用戶(hù)的交互 。 開(kāi)發(fā)環(huán)境搭建 ? 配置 PHP 5 將從網(wǎng)絡(luò)上下載下來(lái)的文件解包，然后 需要 以下操作 ： 打開(kāi) 文件，修改以下內(nèi)容： max_execution_time = 600。 memory_limit = 16M post_max_size = 20M file_uploads = On upload_max_filesize = 20M default_socket_timeout = 60 以上選項(xiàng)避免由于用戶(hù)上傳過(guò)大的圖片導(dǎo)致 PHP 處理超時(shí)。 extension_dir = D:\PHP\PHP\ext 以上選項(xiàng)用于設(shè)定 PHP 的擴(kuò)展所在文件夾。 extension= 該擴(kuò)展用于 PHP 對(duì)圖片的操作以及驗(yàn)證碼的生成操作。打開(kāi) 文件，修改以下內(nèi)容： 設(shè)置執(zhí)行超時(shí)： Timeout 300 設(shè)置監(jiān)聽(tīng) 80端口： Listen 80 開(kāi)啟 APACHE 對(duì) PHP 的支持： LoadModule php5_module d:/php/php/ 開(kāi)啟 URL 重寫(xiě)功能： LoadModule rewrite_module modules/ 設(shè)定 WEB 服務(wù)的根目錄： DocumentRoot E:\web 設(shè)置 URL 重寫(xiě)所生效的范圍： Directory / Options FollowSymLinks AllowOverride ALL /Directory 設(shè)置中文支持： AddLanguage zhCN .zh AddLanguage zhTW .zhtw AddLanguage zh . 設(shè)置默認(rèn)語(yǔ)言 AddDefaultCharset GB2312 設(shè)置默認(rèn)索引頁(yè)： DirectoryIndex 設(shè)置 APACHE 對(duì) PHP 文件進(jìn)行解析： AddType application/xdphp .php 2） 將 APACHE 安裝為服務(wù)： 進(jìn)入命令行，轉(zhuǎn)到 APACHE 文件夾下的 BIN 文件夾，執(zhí)行以下命令： apache k install 3） 啟動(dòng) APACHE 服務(wù)器 執(zhí)行以下命令： start apache2 ? mysql 安裝 1） 將從網(wǎng)上下載的 MYSQL 解包 ,然后修改其配置文件如下 : defaultcharacterset=utf8 //由于整個(gè)系統(tǒng)均使用 UTF8,故數(shù)據(jù)庫(kù)也統(tǒng)一文字編碼 key_buffer_size=20M max_allowed_packet=15M //以上設(shè)置用于處理將圖片存入數(shù)據(jù)庫(kù)的大量信息數(shù)據(jù)。 3） 安裝 MYSQL 服務(wù) 執(zhí)行 mysql – 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é)解析用戶(hù)的請(qǐng)求以及動(dòng)態(tài)的生成用戶(hù)所能看見(jiàn)的 Web 頁(yè)面。在此存放著所有的原始數(shù)據(jù)及用于系統(tǒng)的其它結(jié)構(gòu)數(shù)據(jù)，所有的用戶(hù)及管理者對(duì) 信息的新增，修改，刪除最終都將反映在該服務(wù)器上 。 系統(tǒng)處理流程 本系統(tǒng)采用 B/S 模式 ,Smartemplate 構(gòu)架，用戶(hù)使用本系統(tǒng)時(shí)，只需要安裝上網(wǎng)的瀏覽器即可，不需要安裝其它任何軟 件。模型由實(shí)現(xiàn)業(yè)務(wù)邏輯的 PHP解析腳本構(gòu)成，控制器由 SmartTemplate 來(lái)實(shí)現(xiàn)，視圖由一組含有 SmartTemplate 格式標(biāo)簽的HTML 文件構(gòu)成。 圖 53響應(yīng)用戶(hù)請(qǐng)求的工作流程 MVC 是一種設(shè)計(jì)模式，它強(qiáng)制性的把應(yīng)用程序的輸入、處理和輸出分開(kāi)。 SmartTemplate 本身與協(xié)議無(wú)關(guān)。 普通模板引擎工作方 式 : 你的 PHP 腳本指定一個(gè) HTML 模板， 指定 動(dòng)態(tài)內(nèi)容并顯示。 SmartTemplate 的工作方式類(lèi)似模板編譯，他把模板轉(zhuǎn)換為可執(zhí)行的 PHP腳本，并且保存起來(lái)以備以后重用。舉 個(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 模版主要用來(lái)定義最終的表現(xiàn)頁(yè)面，而 PHP 腳本主要用來(lái)完成大量的邏輯處理， SmartTemplate 用于將處理后的數(shù)據(jù)動(dòng)態(tài)的封裝到 html 模版中，最終顯示的頁(yè)面有 PHP 解析后發(fā)送到客戶(hù)端。 SmartTemplate 本身沒(méi)有任何的業(yè)務(wù)處理邏輯，它只是簡(jiǎn)單地檢索 PHP 腳本定義的對(duì)象，再將動(dòng)態(tài)的內(nèi)容插入到預(yù)定義的 html 模版中。 在實(shí)際開(kāi)發(fā)過(guò)程中，往往是先把 html 模版開(kāi)發(fā)出來(lái)，然后再將 html 模版中需要?jiǎng)討B(tài)生成的部分用 SmartTemplate 預(yù)定義的標(biāo)簽代替。 以下是節(jié)選程序代碼中的 HTML 模版轉(zhuǎn)換為最終的頁(yè)面對(duì)象： 1. 首先，用 HTML 編輯工具開(kāi)發(fā)出 HTML 頁(yè)面 ? ?. ?. ?. form action= id=find_photo method=post div 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_indexphotolist a href={_link} class=thickbox rel=galleryplants img src={link} alt= width=70 height=70 border=0 / /a /div ! END img_thb_block ?. ?. ?. 2. 通過(guò) PHP 解析將對(duì)應(yīng)內(nèi)容填充到 HTML 模版內(nèi) ? ? . ? . ? . ?php if (!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= ?php echo $_obj[39。]。 該表主要分為以下幾個(gè)部分： 管理員相關(guān)表： 圖 56 管理員相關(guān)表 系統(tǒng)設(shè)置表 ： 圖 57 系統(tǒng)設(shè)置表 用戶(hù)組設(shè)置表 圖 58 用戶(hù)組設(shè)置表 圖片信息表 圖 59 圖片信息表 g ro u p _se ttin gg idg ro u p _n a m e b ig in tva rch a r p k 相冊(cè)以及標(biāo)簽分類(lèi)表 圖 510 相冊(cè)分類(lèi)以及標(biāo)簽表 前臺(tái)用戶(hù)主要數(shù)據(jù)庫(kù)表結(jié)構(gòu)設(shè)計(jì) 用戶(hù)上傳相冊(cè)表（ job） 用于存儲(chǔ)用戶(hù)上傳某批圖片的基礎(chǔ)信息 表 51 job 表 Name Type Description job_id BIGINT(11) 編號(hào) Article MEDIUMTEXT 該相冊(cè)的內(nèi)容描述 article_title TINYTE