【正文】 ksv*3tnGK8!z89AmYWpazadNuKNamp。qYpEh5pDx2zVkumamp。UE9aQGn8xp$Ramp。6a*CZ7H$dq8KqqfHVZFedswSyXTyamp。gTXRm6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn%Mz849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5ux^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn%Mz849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。849Gx^Gjqv^$UE9wEwZQcUE%amp。ksv*3tnGK8!z89AmYWpazadNuKNamp。qYpEh5pDx2zVkumamp。UE9aQGn8xp$Ramp。6a*CZ7H$dq8KqqfHVZFedswSyXTyamp。gTXRm6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn%Mz849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5ux^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn%Mz849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn%Mz849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5ux^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。MuWFA5uxY7JnD6YWRrWwc^vR9CpbK!zn%Mz849Gx^Gjqv^$UE9wEwZQcUE%amp。gTXRm6X4NGpP$vSTTamp。849Gx^Gjqv^$UE9wEwZQcUE%amp。QA9wkxFyeQ^!djsXuyUP2kNXpRWXmAamp。 44 內(nèi)部資料 請勿外傳 項(xiàng) 目 經(jīng) 理項(xiàng) 目 副 經(jīng) 理 項(xiàng) 目 總 工 質(zhì) 安 總 監(jiān)工程管理部物資管理部技術(shù)管理部檢測試驗(yàn)室質(zhì)安管理部監(jiān) 督 工 程 管 理部 、 物 資 管 理部 、 檢 測 試 驗(yàn) 室現(xiàn) 場 質(zhì) 檢 員 、 施 工 員施 工 班 組 9JWKffwvGtYM*Jgamp。在此向姜老師表示深深的敬意和衷心的感謝。 41 致 謝 本系統(tǒng)是我在姜志明老師的悉心指導(dǎo)下完成的，從畢設(shè)的選題、系統(tǒng)的開發(fā)到論文的撰寫都得到了姜老師極大的幫助。 在寫前端頁面的時(shí)候，往往感覺排版很難，接觸兩天 bootstrap 后，發(fā)現(xiàn)不用再頭疼了，只需要調(diào)用相應(yīng)的 class，就可以實(shí)現(xiàn)頁面的完美顯示，十分方便。此外，對于 Django 框架的 MTV 格式有了深刻的理 解，第一次體會到模板的強(qiáng)大之處。 在設(shè)計(jì)數(shù)據(jù)庫的時(shí)候，因?yàn)榫W(wǎng)站邏輯不復(fù)雜，所以運(yùn)用了多個(gè)簡單的表來存儲，學(xué)習(xí)到了 Django 對于數(shù)據(jù)庫操作的強(qiáng)大功能。 在選擇 Django 的時(shí)候，曾經(jīng)問過很多朋友哪種框架比較容易上手，因此選擇了 Django。 Python 擁有無比強(qiáng)大的庫，任何需要的功能都可以從庫中找到，這也是為什 么 Python 作為腳本語言如此盛行的原因之一。并且，在語言方面，從對 Python 一竅不通，到現(xiàn)在可以熟練運(yùn)用 Python 去寫程序，有了很大的進(jìn)步。各個(gè)用戶的上傳可以共享。涉及圖片搜索的功能有按關(guān)鍵字搜索，按色系搜索，按大小搜索等。使用的是 Django 框架。 39 表 51 測試用例表 測試用例 輸入 預(yù)期結(jié)果 實(shí)際結(jié)果 測試結(jié)論 OA1 進(jìn)入系統(tǒng)前臺主頁瀏覽頁面 若成功，則顯示圖片輪播 顯示圖片輪播，并正常自動、手動切換 成功 OA2 選擇 havefan 應(yīng)該列出最新上傳的圖片，并且點(diǎn)擊圖片后進(jìn)入輪播模式 顯示出最新圖片，并輪播正常 成功 OA3 點(diǎn)擊 Register 應(yīng)該進(jìn)入注冊頁面，并能注冊，成功后轉(zhuǎn)到主頁，否則注冊頁面出現(xiàn)錯(cuò)誤提示 進(jìn)入注冊頁面，可以注冊。 系統(tǒng)測試 因?yàn)橄到y(tǒng)功能比較簡單，所以本人采用黑盒測試法對網(wǎng)站各個(gè)功能模塊進(jìn)行測試。四、質(zhì)量也代表著它符合客戶的需要。二、符合一些應(yīng)用標(biāo)準(zhǔn)的要求，比如 不同國家的用戶不同的操作習(xí)慣和要求，項(xiàng)目工程中的可維護(hù)性、可測試性等要求。因此軟件測試的第三個(gè)目的是保證整個(gè)軟件開發(fā)過程是高質(zhì)量的。第三 ， 軟件測試不僅是在測試軟件產(chǎn)品的本身，而且還包括軟件開發(fā)的過程。 38 第五章 系統(tǒng)運(yùn)行測試 測試概述 軟件測試的目的 軟件測試的 目的，第一是確認(rèn)軟件的質(zhì)量，其一方面是確認(rèn)軟件做了你所期望的事情，另一方面是確認(rèn)軟件以正確的方式來做了這個(gè)事 情 。用戶點(diǎn)擊 ，進(jìn)入 have_fun視圖，該視圖返回最新上傳的 108 張圖片。點(diǎn)擊頁面上 37 的圖標(biāo)，在 search_size 視圖中查找出對應(yīng)寬高的圖片，返回結(jié)果。在數(shù)據(jù)庫 color_image 表中搜索相關(guān)顏色，按照顏色比重（越接近該顏色的圖片比重越高）從高到低排序，返回結(jié)果。 收 藏 / 刪 除是 否 登 陸關(guān) 系 入庫是登 陸否 圖 收藏 /刪除操作 36 搜索模塊 用戶點(diǎn)擊 出現(xiàn)三種搜索方式，所用的除了最后一個(gè)均為用的search 視圖，具體如下： 1. 按關(guān)鍵字搜索 用戶在輸入框中輸入想查找的單詞，通過后臺處理函數(shù)通過數(shù)據(jù)庫中的關(guān)鍵字對比，返回結(jié)果。同樣的，在我的圖集中，用戶可以點(diǎn)擊叉號進(jìn)行刪除收藏操作。點(diǎn)擊上傳，進(jìn)入 頁面，其流程圖如圖 所示： 上 傳是 否 已 經(jīng) 登 陸登 陸選 擇 文 件上 傳 成 功是 否 上 傳 成 功否是是否. . . 圖 用戶上傳圖片 35 圖片上傳之后需要有一系列的操作，比如存入后臺，分析其色系，生成縮略圖，增加用戶和圖片的關(guān)系，保存圖片大小等，具體見圖 . 上 傳 成 功加 入 數(shù) 據(jù) 庫增 加 用 戶 與 圖片 的 關(guān) 系生 成 縮 略 圖生 成 色 系保 存 大 小 圖 上傳后續(xù)操作 用戶可以在搜索出來的圖片點(diǎn)擊星星進(jìn)行收藏。然后自動登錄，跳轉(zhuǎn)到網(wǎng)站首頁。 33 系統(tǒng)功能模塊實(shí)現(xiàn) 用戶模塊 1. 用戶登錄 用戶輸入用戶名和密碼提交登錄憑證，由 views 中的 login 函數(shù)進(jìn)行處理，登錄成功后授予注冊用戶角色直接跳轉(zhuǎn)到主頁，否則轉(zhuǎn)向 由給出的錯(cuò)誤信息改正輸入再次提交。 Views 的函數(shù)調(diào)用 service 文件中的 Python 文件。當(dāng) Django 框架接收到 請求的時(shí)候，從定義的 urlpatterns 中尋找 url 表達(dá)式進(jìn)行匹配，一旦找到匹配的項(xiàng)，就將 HTTPRequest 以及匹配到的其他字符串作為參數(shù)，調(diào)用找到的視圖函 數(shù)，然后根據(jù)視圖函數(shù)返回的 HTTPResponse對象進(jìn)行響應(yīng)。具體見圖 。 圖 上傳頁面 如圖所示，頁面會顯示用戶 ID，用戶相冊里有多少張圖，上傳按鈕，以及 32 圖片。 點(diǎn)擊上傳按鈕用戶可以對圖片進(jìn)行上傳操作。如果不喜歡這張圖的話，可以從我的圖集中刪掉這張圖。 31 圖 隨便看看頁面 其中滾動播放可以下載，自動播放，鼠標(biāo)滑輪翻頁等功能。 見圖 ： 圖 搜索頁面 30 返回的結(jié)果按照圖 排列： 圖 搜索返回頁面 在 這里用戶可以點(diǎn)擊右下角的星收藏該圖片，收藏后顯示在我的圖集里。 2. 按圖片色系搜索：在數(shù)據(jù)庫中查找該色系下的圖片，按比重從高到底排序后返回結(jié)果。 其實(shí)現(xiàn)截圖如圖 所示： 28 圖 其中網(wǎng)站的每個(gè)頁面均有： 1. ：頂欄以及網(wǎng)站 Logo 2. ：版權(quán) 3. ：結(jié)合前兩者形成的模板 組成?？梢哉J(rèn)為 是父模板，而 是繼承 的子模板。而 我們調(diào)用傳進(jìn)來的參數(shù)來展示結(jié)果。img_list39。39。^accounts/login/$39。^login$39。^index$39。^$39。39。 根據(jù)配置好的 urls 文件，確定某個(gè)請求的請求頁面。 調(diào)用 Template 對象的 render() 方法并提供給他變量 (., 內(nèi)容 )。color_image39。color39。tag39。user_image39。image39。user39。這一步在開發(fā) 過程中就是： 創(chuàng)建 app ，設(shè)計(jì) ，在 project 的 文件 的 INSTALLED_APPS 里添加此 app 的加載路徑，使用 ./ syncdb 更新 數(shù)據(jù)庫。通常，我們定義的每個(gè) Model 對象都對于 一個(gè)數(shù)據(jù)庫表。 Django 視圖 不處理用戶輸入，而僅僅決定要展現(xiàn)哪些數(shù)據(jù) 給用戶； 24 Django 模板 僅僅決定如何展現(xiàn) Django 視圖指定的數(shù)據(jù)。 你可以把它看作模型與模板之間的橋梁。 V 代表視圖（ View），即業(yè)務(wù)邏輯層。 T 代表模板 (Template)，即表現(xiàn)層。但是在 Django 中，控制器接受用戶輸入的部分由框架自行處理，所以 Django 里更關(guān)注的是模型（ Model）、模板 (Template)和視圖（ Views），稱為 MTV 模式： M 代表模型（ Model），即數(shù)據(jù)存取層。 系統(tǒng)框架實(shí)現(xiàn) 在本系統(tǒng)中，我們采用 Django 技術(shù)進(jìn)行開發(fā)。 23 第四章 系統(tǒng)的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 詳細(xì)設(shè)計(jì)階段的根本目標(biāo)是確定應(yīng)該怎樣具體地實(shí)現(xiàn)所要求的系統(tǒng)。 和諧是指整個(gè)頁面符合美的法則 ， 渾然一體。 對比就是通過矛盾和沖突，使設(shè)計(jì)更加富有生氣。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式 上的相互呼應(yīng)，實(shí)現(xiàn)視覺上和心理上的連貫，使整個(gè)頁面的各個(gè)部分融洽。設(shè)計(jì)作品的整體效果是至關(guān)重要的 ， 在設(shè)計(jì)中切勿將各組成部分孤立分散。 設(shè)計(jì)要遵循五個(gè)大的原則 ： 統(tǒng)一、連貫、分割、對比及和諧。 設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。 第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成。 (3)按尺寸搜索：注冊用戶和游客均可點(diǎn)擊此模塊對應(yīng)的尺寸搜索圖片，并將其顯示出 來。 22 3. 搜索模塊 (1)按圖片關(guān)鍵字搜索：注冊用戶和游客均可點(diǎn)擊此模塊輸入關(guān)鍵字搜索該關(guān)鍵字下對應(yīng)的圖片。 (6)查看我的圖集：注冊用戶可以通過此模塊查看自己喜歡過的圖片。 (4)收藏圖片：注冊用戶可以通過此模塊點(diǎn)擊自己喜歡圖片收藏到自 己的圖集里。 (2)用戶登錄：注冊用戶通過此模塊登錄到網(wǎng)站，登錄后便可使用所有注冊用戶功能。 功能模塊設(shè)計(jì) 由系統(tǒng)功能描述，可將本系統(tǒng)的功能 分為四大模塊，分別是用戶模塊、隨便看看模塊、搜索模塊。 表 36 color_image 字段名稱 數(shù)據(jù)類型 長度 允許空 字段描述 id int 主鍵 color_id int 標(biāo)簽 ID image_id int 圖片 ID value double 顏色值的比重 7. 尺寸表 因?yàn)橛脩舨樵兂叽绲臅r(shí)候往往是有目的的，比如想查詢壁紙，壁紙的大小都是固定的，所以這個(gè)表示固定的寫入一些常見的壁紙大小，方便生成標(biāo)簽，用戶可以直接點(diǎn)擊查找。另外還存儲了該圖片在此色系下所占比重。 表 34 tag 字段名稱 數(shù)據(jù)類型 長度 允許空 字段描述 id int 主鍵 name varchar 30 標(biāo)簽名字 frequency int 該標(biāo)簽下圖片數(shù)量 5. 顏色表 色系搜索的時(shí)候使用到的顏色，表中存儲顏色的中文名，英文名以及ID 號。 表 32 image 字段名稱 數(shù)據(jù)類型 長度 允許空 字段描述 id int 主鍵 date date 加入時(shí)間 description text 圖片描述 width int 圖片寬度 height int 圖片高度 3. 用戶圖片關(guān)系表 由于用戶和圖片是多對多的關(guān)系，所以表中存放圖片和用戶的關(guān)系映射。 本系統(tǒng)的 ER圖： 用 戶搜 索圖 片上 傳下 載游 客收 藏1MNM圖 冊查 看1刪 除N圖 系統(tǒng) ER圖 17 數(shù)據(jù)庫表及關(guān)系建立 根據(jù)以上步驟建立數(shù)據(jù)庫 imageSearch，依次建立下列表結(jié)構(gòu)： 1. 用戶信息表使用 Django 自帶