【導讀】專業(yè)計算機科學與技術。哈爾濱學院本科畢業(yè)論文（設計）

　　

【正文】 密碼，這個密碼不一定是普通管理者熟悉的，為了普通管理員可以熟記自己的密碼，普通管理員在登錄到信息管理界面時，就可以選擇是否修改密碼，當然超級管理員也可以修改自己的密碼。 站內新聞 模塊 新聞展示界面設計 動漫 信息 幾乎是所有的動漫愛好者和動漫專業(yè)人員所關注的，人們可以從中獲知最新的動漫動態(tài)，動漫 信息 也是人們閑暇之余閑談的 話題。 網(wǎng)站的動漫信息主要包括站內新聞、動漫節(jié)信息和劇情交流三方面，所以這三方面信息的設計界面相似，下面以站內新聞為例進行介紹。 站內新聞的主要 功能是 發(fā)布動漫新聞 ， 包括國內動漫新聞和國際動漫新聞，動漫信息、主要包括顯示 信息 列表、顯示 信息 內容兩個部分。 單擊 “站內 新聞 ” 按扭，進入新聞 界面 ， 界面 中會顯示新聞的標題 、 上傳 時間 以及 新聞點擊率，站內新聞設計界面 如圖 46 所示。 哈爾濱學院 本科畢業(yè)論文（設計） 20 圖 46站內 新聞 設計 界面 圖 單擊 站內新聞 列表 中的新聞標題 進入 該標題下 的新聞內容 界面 ，瀏覽 此條 新聞的 詳細內容， 站內新聞詳細內容 界面 如圖 47。 圖 47 站內 新聞 詳細 內容 圖 新聞 管理 界面設計 站內 新聞信息通過 信息管理界面 中的 站內 新聞管理模塊來管理。 管理員 登錄后 選擇“ 站內 新聞管理 ”模塊下的功能，實現(xiàn) 對新聞信息 的 修改、添加和刪除 功能，站內新聞 修改 設計 界面 如圖 48 所示。 哈爾濱學院 本科畢業(yè)論文（設計） 21 圖 48站內 新聞修改 設計 界面 圖 修改后 單擊 “修改” 按扭 ，系統(tǒng)提示“”修改成果，還可以 通過 單擊 文本域上面的圖標 可以 改變文章的格式， 包括 改變文字的段落樣式、字體和字號等。 在線留言 模塊 留言展示界面 設計 作為一個主要以信息發(fā)布為主的動漫交流網(wǎng)站，用戶瀏覽 網(wǎng)站信息時 ，會產(chǎn)生一定的想法和意見， 如果用戶對動漫節(jié)信息十分感興趣，希望網(wǎng)站可以更詳細的發(fā)布一些關于動漫節(jié)的信息建議等， 在線留言模塊 就可以 存儲 這些來自于用戶對網(wǎng)站的需求和建議 ，使用戶可以參加到 網(wǎng)站 的建設中來， 實現(xiàn)了管理員和用戶之間的互動，使網(wǎng)站信息更加豐富，更好地服務于用戶，在線留言設計 界面 如圖 49 所示。 留言 管理 界面設計 在線留言 信息通過 信息管理界面 中的 留言 管理模塊來管理。 管理員 登錄后 單擊 “系統(tǒng)管理 ”模塊下的“留言管理”模塊，進入已有留言列表界面，管理員可以查看到留言內容，若是惡意的留言，則選 擇刪除功能將其刪除，否則選擇回復功能進行回復，使用戶得到信息的回饋，在線留言管理設計界面如圖 410 所示。 哈爾濱學院 本科畢業(yè)論文（設計） 22 圖 49 在線留言 設計界面 圖 圖 410 在線留言 管理設計界面 圖 漫畫信息模塊 漫畫展示界面設計 漫畫信息 模塊的主要功能是讓用戶 了解到最近出版了哪些漫畫 ，使用戶能及時的了解到漫畫 動態(tài)。用戶通過這個模塊能了解到漫畫的主要信息，還可以通過查詢的方式快速找到感興趣的漫畫信息。 網(wǎng)站每隔一段時間會更新漫畫的信息，其中最新添加的后四個漫畫信息會顯示在首頁，以最新漫畫信息的形式展示在首頁 ， 單擊 “ 漫畫信息 ” 按扭，進入 漫畫信息 界面，界面中 顯示漫畫圖片和漫畫 名稱 ，漫畫信息界面圖如圖 411 所示。 哈爾濱學院 本科畢業(yè)論文（設計） 23 圖 411漫畫信息設計界面 圖 單擊漫畫的“圖片”或“名稱”可鏈接到漫畫的詳細界面，在詳細界面中介紹了漫畫的作者、簡介等信息，登錄的會員還可對信息進行評論，漫畫詳細界面如圖 412 所示。 圖 412 漫畫詳細信息設計界面 圖 漫畫 管理 界面設計 漫畫 信息 模塊 通過 信息管理界面 中的 漫畫信心 管理模塊來管理。 管理員 登錄后 在“漫哈爾濱學院 本科畢業(yè)論文（設計） 24 畫信息管理”模塊下，可 對 漫畫 信息進行修改、添加和刪除操作。 若想快速找到某一 條信息將其修改或刪除時，可通過查詢的方式快速找到此信息，并對其進行相應的操作。 單擊“漫畫信息添加”按鈕，進入漫畫信息添加界面，在添加界面中輸入漫畫的名稱、作者、上傳漫畫封面圖等信息，輸入信息完畢后單擊“添加”按鈕，這條漫畫信息被保存成功了。當管理員在信息管理界面添加新的漫畫信息時，最后添加的四條信息會在首頁的最新漫畫 中顯示出來。 單擊“漫畫信息查詢”按鈕，進入查詢漫畫信息界面，在此界面中可以選擇刪除和修改信息操作，管理員還可以通過查找的方式快速找到要刪除或修改的信息，查尋內容可按漫畫名稱和作者進行查找，提高 了管理員工作的效率， 添加漫畫信息設計界面如圖 413 所示。 圖 413添加漫畫信息 設計 界面圖 動畫展示 模塊 動畫展示界面 設計 作為一個動漫網(wǎng)站，動畫影片勢必不可少的，網(wǎng)站的動畫不同于其他網(wǎng)站的動畫，不是那種像火影隱者、喜羊羊與灰太狼、死神這類大型的動畫，而是一些自制的小動畫，動畫文件可以是管理員上傳的，也可以是注冊用戶上傳的，其他會員還可以下載動畫資源。 動畫展示 模塊 為動漫愛好者 提供一個展示和分享的平臺，此 模塊主要顯示 7 部分，包括 動畫名稱、 縮略圖、動畫文件、發(fā)布人、添加 時間和 操作 。 單擊 “詳細”按鈕，進入動畫的詳細界面，可實現(xiàn)下載動畫和評論功能，使用戶不僅能觀看到其他用戶的作品，還可哈爾濱學院 本科畢業(yè)論文（設計） 25 以下載其作品，方便對此動畫感興趣的用戶下次觀看和欣賞，并且在觀看動畫時還可以對其他用戶的作品提出請教和建議，方便大家共同探討和學習， 動畫詳細介紹設計 界面如圖414 所示。 圖 414動畫 詳細介紹設計界面 圖 動畫管理界面設計 動畫展示 信息通過 信息管理界面 中的 動畫展示 管理模塊來管理。 管理員 登錄后 單擊“動畫展示 管理 ”按鈕，進入動畫展示管理的操作界面后，就 可以對 動畫的名稱、簡介、評論等信息 進行修改、添加和 刪除操作。 保存這些信息后會及時的顯示在信息展示界面。 動畫展示管理模塊包括動畫展示添加和查詢兩個子模塊。單擊“動畫展示添加”按鈕，進入添加動畫信息界面，在此界面中輸入動畫的名稱、簡介、縮略圖、動畫文件，然后單擊“添加”按鈕，這條信息就會保存并顯示在動畫展示的界面中。單擊“動畫展示查詢”按鈕，進入查詢動畫信息界面，在此界面中可以選擇刪除和修改信息功能，動畫展示管理設計界面如圖 415 所示。 圖 415動畫展示 管理設計界面 圖 哈爾濱學院 本科畢業(yè)論文（設計） 26 動漫聚焦模塊 聚焦展示界面 設計 動漫聚焦 模塊的主要功能是讓用戶 可 以快速地了解到關于 動漫 的一些焦點信息，信息以圖文結合的方式展示在首頁，左邊是關于焦點信息的相關圖片，中間是焦點內容，右邊是添加時間，信息以列表形式羅列在首頁，每頁共顯示 7 條。 單擊 “ 動漫聚焦 ” ，進入動漫 聚焦 界面 ， 信息內容一目了然、言簡意賅 。 用戶還可以通過搜索功能，快速找到感興趣的話題，在文本框內輸入查找的關鍵字，然后單擊“查找”按鈕，若查找成功，則會顯示對應的信息，若查找不成功，則不會顯示任何信息，動漫聚焦設計 界面 如圖 416 所示。 圖 416 動漫聚焦 設計界面 圖 聚焦管理界面設計 動漫聚焦模 塊通過 信息管理界面 的動漫聚焦管理模塊 來進行管理，管理員登錄系統(tǒng)管理界面后，單擊“動漫聚焦管理”按鈕，此模塊下有動漫聚焦添加和動漫聚焦查詢兩個子模塊。當單擊“動漫聚焦添加”按鈕時，進入動漫聚焦添加界面，管理員把相應的信息正確添加后，單擊“添加”按鈕，就可以完成添加操作；管理員可通過“動漫聚焦查詢”按鈕查看到目前已添加的信息內容，在每條信息內容的結尾都有刪除和修改兩個鏈接，管理員可通過這兩個鏈接功能就能實現(xiàn)對其相應的操作，動漫聚焦管理設計界面如圖 417 所示。 哈爾濱學院 本科畢業(yè)論文（設計） 27 圖 417 動漫聚焦 管理設計界面 圖 系統(tǒng)管理模塊 系統(tǒng)管理模塊 是用于管理員管理網(wǎng)站留言、友情鏈接和網(wǎng)站公告的。留言管理功能已在前面介紹過了，這里就不再介紹。在此模塊下還能實現(xiàn)友情鏈接和網(wǎng)站公告的添加、刪除、修改等操作。 1．友情鏈接管理 管理員進入信息管理界面的系統(tǒng)管理模塊后，單擊“友情鏈接添加”按鈕，進入友情鏈接添加界面，在此界面有兩個字段，分別是網(wǎng)站名稱和網(wǎng)址。依次輸入將要鏈接的網(wǎng)站名稱和地址，輸入完畢后，單擊“添加”按鈕，完成添加功能，此網(wǎng)站的鏈接會及時的顯現(xiàn)在首頁友情鏈接列表中。單擊“友情鏈接查詢”按鈕，進入友情鏈接查詢界面，在此界面 可實現(xiàn)刪除和修改鏈接的功能，使管理員方便管理網(wǎng)站的鏈接功能，友情鏈接設計界面如圖 418 所示。 圖 418友情鏈接管理 設計 界面 圖 2．網(wǎng)站公告設置 網(wǎng)站公告設置模塊實現(xiàn)了管理員對系統(tǒng)首 頁的 公告信息的 添加、修改、刪除等操作。單擊“網(wǎng)站公告設置”按鈕，進入網(wǎng)站公告設置界面，已存在的公告信息會直接顯示在文本編輯器中，管理員可隨時修改公告內容，當編輯完成后，單擊“確定編輯”按鈕，文本哈爾濱學院 本科畢業(yè)論文（設計） 28 器中的所有內容都會以滾動形式展示在系統(tǒng)首頁的網(wǎng)站公告模塊中，若想更換所有公告信息，單擊“重置”按鈕，即可清空所有信息，再單擊“確定 編輯”按鈕，完成編輯操作，公告信息 管理設計 界面 如圖 419 所示。 圖 419 公告信息管理 設計 界面 圖 引入文本編輯器的主要代碼如下： iframeID=eWebEditor1src=eWebEditor/?id=EMailBodyamp。style=coolblue frameborder=0scrolling=no width=550 height=350/iframe 哈爾濱學院 本科畢業(yè)論文（設計） 29 第 5 章 系統(tǒng)測試 系統(tǒng)測試概述 軟件測試的目標是為了發(fā)現(xiàn)軟件中的錯誤 ，而發(fā)現(xiàn)錯誤并不是最終的目標，通過測試發(fā)現(xiàn)錯誤之后還必須診斷并改正錯誤，這就是測試的目的。 目前主要的軟件測試方法有兩大類 ： 白盒測試和黑盒測試。白盒測試是針對程序代碼進行正確性檢驗的測試工作 ， 這種方法按照程序內部的邏輯測試程序，檢驗程序中的每一條通路是否能按預定的要求正確工作 ； 黑盒測試是在程序接口進行的測試，它只檢查程序功能是否能按照規(guī)格說明書的規(guī)定正常使用，程序是否能適當?shù)慕邮蛰斎氲臄?shù)據(jù)產(chǎn)生正確的輸出信息，并保持外部信息的完整性。 本系統(tǒng)采用的是黑盒測試法，采用的緣由是因為 黑盒測試獨立于程序代碼 ，從用戶的角度出發(fā)，通過一定的測試步驟與測試案例，驗證軟件功能 。 系統(tǒng)測試 管理員登錄功能測試 管理員登錄系統(tǒng)時，在登錄界面不輸入任何信息或錯誤信息時，單擊“登錄”按鈕，系統(tǒng)提示“用戶名或密碼錯誤”，登錄失敗測試如圖 51 所示。 圖 51 登錄失敗測試圖 添加動漫節(jié)信息功能測試 管理員進入動漫節(jié)添加界面， 輸入動漫節(jié)的標題為“動漫節(jié)紅領巾志愿者開始招募了”、內容為“ 為了更 好地體現(xiàn)玩轉動漫青少年專場的特色，提高杭州紅領巾的服務意識 ?? ”，類別自動顯示為動漫節(jié)。單擊“添加”按鈕，系統(tǒng)提示“添加 成功！”，成功添加動漫節(jié)測試如圖 52所示。 哈爾濱學院 本科畢業(yè)論文（設計） 30 圖 52 成功添加動漫節(jié)測試 圖 網(wǎng)站瀏覽信息用戶可在動漫節(jié)信息列表中看到此條信息的標題，單擊標題，進入信息詳細界面，“動漫節(jié)紅領巾志愿者開始招募了” 詳細信息成功顯示在網(wǎng)站信息展示界面中，其測試結果如圖 53所示。 圖 53 成功顯示動漫節(jié)信息測試圖 用戶注冊功能測試 注冊用戶在填寫個人信息的過程中，用戶名、密碼、確認密碼、姓名、電話、郵箱、身份證是必填項，如果不填或為空都會有提示信息，其中身份證號必須是 18位，只有這些必填信息都正確填寫后才能提交 注冊信息，否則會出現(xiàn)提示信息，下面以鳴人為用戶名等相應信息進行注冊，測試結果如圖 54所示。 圖 54 用戶注冊測試圖 哈爾濱學院 本科畢業(yè)論文（設計） 31 在信息管理界面會立即顯示 “ 鳴人 ” 的注冊信息， 此時用戶還未經(jīng)管理員審核，所以在“是否審核”下顯示的是“否”，用戶成功注冊測試 如圖 55所示。 圖 55 用戶成功注冊測試圖 此時管理員再單擊“是否審核”下的“否”，系統(tǒng)會提示“您確定執(zhí)行此操作？”，再單擊“確定”，當“是否審核” 下的“否”變成“是”時，此用戶通過審核，才可以登錄網(wǎng)站，用戶通過審核測試如圖 56所示。 圖 56 用戶通過審 核測試圖 信息評論 功能 測試 網(wǎng)站用戶瀏覽信息后，可對信息進行評論，但用戶只能在登錄網(wǎng)站后，才能實現(xiàn)評論功能，若不登錄，系統(tǒng)提示“對不起，請您先登錄！”，信息評論失敗測試如圖 57 所示。 圖 57 信息評論失敗測試 圖 以 網(wǎng)站會員 “鳴人”身份 登錄后， 單擊“我也要評論”按鈕，進入評論編輯頁面進行哈爾濱學院 本科畢業(yè)論文（設計） 32 編輯，單擊“添加”按鈕，系統(tǒng)提示“評論成功！”，測試結果如圖 58 所示。 圖 58 信息評論測試 圖 會員上傳動畫