【正文】 圖 58 信息評(píng)論測(cè)試 圖 會(huì)員上傳動(dòng)畫(huà) 功能。 圖 56 用戶通過(guò)審 核測(cè)試圖 信息評(píng)論 功能 測(cè)試 網(wǎng)站用戶瀏覽信息后，可對(duì)信息進(jìn)行評(píng)論，但用戶只能在登錄網(wǎng)站后，才能實(shí)現(xiàn)評(píng)論功能，若不登錄，系統(tǒng)提示“對(duì)不起，請(qǐng)您先登錄！”，信息評(píng)論失敗測(cè)試如圖 57 所示。 圖 54 用戶注冊(cè)測(cè)試圖 哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 31 在信息管理界面會(huì)立即顯示 “ 鳴人 ” 的注冊(cè)信息， 此時(shí)用戶還未經(jīng)管理員審核，所以在“是否審核”下顯示的是“否”，用戶成功注冊(cè)測(cè)試 如圖 55所示。 哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 30 圖 52 成功添加動(dòng)漫節(jié)測(cè)試 圖 網(wǎng)站瀏覽信息用戶可在動(dòng)漫節(jié)信息列表中看到此條信息的標(biāo)題，單擊標(biāo)題，進(jìn)入信息詳細(xì)界面，“動(dòng)漫節(jié)紅領(lǐng)巾志愿者開(kāi)始招募了” 詳細(xì)信息成功顯示在網(wǎng)站信息展示界面中，其測(cè)試結(jié)果如圖 53所示。 圖 51 登錄失敗測(cè)試圖 添加動(dòng)漫節(jié)信息功能測(cè)試 管理員進(jìn)入動(dòng)漫節(jié)添加界面， 輸入動(dòng)漫節(jié)的標(biāo)題為“動(dòng)漫節(jié)紅領(lǐng)巾志愿者開(kāi)始招募了”、內(nèi)容為“ 為了更 好地體現(xiàn)玩轉(zhuǎn)動(dòng)漫青少年專(zhuān)場(chǎng)的特色，提高杭州紅領(lǐng)巾的服務(wù)意識(shí) ?? ”，類(lèi)別自動(dòng)顯示為動(dòng)漫節(jié)。 本系統(tǒng)采用的是黑盒測(cè)試法，采用的緣由是因?yàn)?黑盒測(cè)試獨(dú)立于程序代碼 ，從用戶的角度出發(fā)，通過(guò)一定的測(cè)試步驟與測(cè)試案例，驗(yàn)證軟件功能 。 目前主要的軟件測(cè)試方法有兩大類(lèi) ： 白盒測(cè)試和黑盒測(cè)試。 圖 419 公告信息管理 設(shè)計(jì) 界面 圖 引入文本編輯器的主要代碼如下： iframeID=eWebEditor1src=eWebEditor/?id=EMailBodyamp。 圖 418友情鏈接管理 設(shè)計(jì) 界面 圖 2．網(wǎng)站公告設(shè)置 網(wǎng)站公告設(shè)置模塊實(shí)現(xiàn)了管理員對(duì)系統(tǒng)首 頁(yè)的 公告信息的 添加、修改、刪除等操作。依次輸入將要鏈接的網(wǎng)站名稱(chēng)和地址，輸入完畢后，單擊“添加”按鈕，完成添加功能，此網(wǎng)站的鏈接會(huì)及時(shí)的顯現(xiàn)在首頁(yè)友情鏈接列表中。在此模塊下還能實(shí)現(xiàn)友情鏈接和網(wǎng)站公告的添加、刪除、修改等操作。 哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 27 圖 417 動(dòng)漫聚焦 管理設(shè)計(jì)界面 圖 系統(tǒng)管理模塊 系統(tǒng)管理模塊 是用于管理員管理網(wǎng)站留言、友情鏈接和網(wǎng)站公告的。 圖 416 動(dòng)漫聚焦 設(shè)計(jì)界面 圖 聚焦管理界面設(shè)計(jì) 動(dòng)漫聚焦模 塊通過(guò) 信息管理界面 的動(dòng)漫聚焦管理模塊 來(lái)進(jìn)行管理，管理員登錄系統(tǒng)管理界面后，單擊“動(dòng)漫聚焦管理”按鈕，此模塊下有動(dòng)漫聚焦添加和動(dòng)漫聚焦查詢兩個(gè)子模塊。 單擊 “ 動(dòng)漫聚焦 ” ，進(jìn)入動(dòng)漫 聚焦 界面 ， 信息內(nèi)容一目了然、言簡(jiǎn)意賅 。單擊“動(dòng)畫(huà)展示查詢”按鈕，進(jìn)入查詢動(dòng)畫(huà)信息界面，在此界面中可以選擇刪除和修改信息功能，動(dòng)畫(huà)展示管理設(shè)計(jì)界面如圖 415 所示。 動(dòng)畫(huà)展示管理模塊包括動(dòng)畫(huà)展示添加和查詢兩個(gè)子模塊。 管理員 登錄后 單擊“動(dòng)畫(huà)展示 管理 ”按鈕，進(jìn)入動(dòng)畫(huà)展示管理的操作界面后，就 可以對(duì) 動(dòng)畫(huà)的名稱(chēng)、簡(jiǎn)介、評(píng)論等信息 進(jìn)行修改、添加和 刪除操作。 單擊 “詳細(xì)”按鈕，進(jìn)入動(dòng)畫(huà)的詳細(xì)界面，可實(shí)現(xiàn)下載動(dòng)畫(huà)和評(píng)論功能，使用戶不僅能觀看到其他用戶的作品，還可哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 25 以下載其作品，方便對(duì)此動(dòng)畫(huà)感興趣的用戶下次觀看和欣賞，并且在觀看動(dòng)畫(huà)時(shí)還可以對(duì)其他用戶的作品提出請(qǐng)教和建議，方便大家共同探討和學(xué)習(xí)， 動(dòng)畫(huà)詳細(xì)介紹設(shè)計(jì) 界面如圖414 所示。 圖 413添加漫畫(huà)信息 設(shè)計(jì) 界面圖 動(dòng)畫(huà)展示 模塊 動(dòng)畫(huà)展示界面 設(shè)計(jì) 作為一個(gè)動(dòng)漫網(wǎng)站，動(dòng)畫(huà)影片勢(shì)必不可少的，網(wǎng)站的動(dòng)畫(huà)不同于其他網(wǎng)站的動(dòng)畫(huà)，不是那種像火影隱者、喜羊羊與灰太狼、死神這類(lèi)大型的動(dòng)畫(huà)，而是一些自制的小動(dòng)畫(huà)，動(dòng)畫(huà)文件可以是管理員上傳的，也可以是注冊(cè)用戶上傳的，其他會(huì)員還可以下載動(dòng)畫(huà)資源。當(dāng)管理員在信息管理界面添加新的漫畫(huà)信息時(shí)，最后添加的四條信息會(huì)在首頁(yè)的最新漫畫(huà) 中顯示出來(lái)。 若想快速找到某一 條信息將其修改或刪除時(shí)，可通過(guò)查詢的方式快速找到此信息，并對(duì)其進(jìn)行相應(yīng)的操作。 圖 412 漫畫(huà)詳細(xì)信息設(shè)計(jì)界面 圖 漫畫(huà) 管理 界面設(shè)計(jì) 漫畫(huà) 信息 模塊 通過(guò) 信息管理界面 中的 漫畫(huà)信心 管理模塊來(lái)管理。 網(wǎng)站每隔一段時(shí)間會(huì)更新漫畫(huà)的信息，其中最新添加的后四個(gè)漫畫(huà)信息會(huì)顯示在首頁(yè)，以最新漫畫(huà)信息的形式展示在首頁(yè) ， 單擊 “ 漫畫(huà)信息 ” 按扭，進(jìn)入 漫畫(huà)信息 界面，界面中 顯示漫畫(huà)圖片和漫畫(huà) 名稱(chēng) ，漫畫(huà)信息界面圖如圖 411 所示。 哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 22 圖 49 在線留言 設(shè)計(jì)界面 圖 圖 410 在線留言 管理設(shè)計(jì)界面 圖 漫畫(huà)信息模塊 漫畫(huà)展示界面設(shè)計(jì) 漫畫(huà)信息 模塊的主要功能是讓用戶 了解到最近出版了哪些漫畫(huà) ，使用戶能及時(shí)的了解到漫畫(huà) 動(dòng)態(tài)。 留言 管理 界面設(shè)計(jì) 在線留言 信息通過(guò) 信息管理界面 中的 留言 管理模塊來(lái)管理。 哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 21 圖 48站內(nèi) 新聞修改 設(shè)計(jì) 界面 圖 修改后 單擊 “修改” 按扭 ，系統(tǒng)提示“”修改成果，還可以 通過(guò) 單擊 文本域上面的圖標(biāo) 可以 改變文章的格式， 包括 改變文字的段落樣式、字體和字號(hào)等。 圖 47 站內(nèi) 新聞 詳細(xì) 內(nèi)容 圖 新聞 管理 界面設(shè)計(jì) 站內(nèi) 新聞信息通過(guò) 信息管理界面 中的 站內(nèi) 新聞管理模塊來(lái)管理。 單擊 “站內(nèi) 新聞 ” 按扭，進(jìn)入新聞 界面 ， 界面 中會(huì)顯示新聞的標(biāo)題 、 上傳 時(shí)間 以及 新聞點(diǎn)擊率，站內(nèi)新聞設(shè)計(jì)界面 如圖 46 所示。 網(wǎng)站的動(dòng)漫信息主要包括站內(nèi)新聞、動(dòng)漫節(jié)信息和劇情交流三方面，所以這三方面信息的設(shè)計(jì)界面相似，下面以站內(nèi)新聞為例進(jìn)行介紹。 圖 45注冊(cè)用戶管理設(shè)計(jì)界面 圖 3． 個(gè)人密碼管理模塊 此模塊的功能是用于管理員修改密碼的，超級(jí)管理員在添加普通管理員時(shí)，會(huì)設(shè)置一個(gè)初始密碼，這個(gè)密碼不一定是普通管理者熟悉的，為了普通管理員可以熟記自己的密碼，普通管理員在登錄到信息管理界面時(shí)，就可以選擇是否修改密碼，當(dāng)然超級(jí)管理員也可以修改自己的密碼。()。 對(duì) 不 起 ， 您 沒(méi) 有 該 權(quán) 限39。 1． 管理員用戶管理模塊 此模塊是為了超級(jí)管理員實(shí)現(xiàn)添加和刪除普通管理員而設(shè)計(jì)的模塊，其他管理員沒(méi)有此權(quán) 限。用戶 登錄時(shí)，只要正確的輸入用戶名和密碼，就可以登錄系統(tǒng)， 用戶注冊(cè)設(shè)計(jì)界面如圖 44 所示。在注冊(cè)用戶信息時(shí)，若填寫(xiě)不正確，當(dāng)單擊“注冊(cè)”按鈕時(shí)，會(huì)出現(xiàn)相應(yīng)的提示信息，例如郵箱格式不正確時(shí)，會(huì)提示“對(duì)不起，您輸入的郵箱地址格式錯(cuò)誤”；電話號(hào)碼位數(shù)不正確時(shí)，會(huì)提示“對(duì)不起，請(qǐng)輸入 8 位或11 位的電話號(hào)”等， 用戶注冊(cè)程序流程圖如圖 43 所 示 。當(dāng)單擊相應(yīng)的鏈接時(shí)，就會(huì)進(jìn)入到相應(yīng)的內(nèi)容界面，網(wǎng)站 導(dǎo)航設(shè)計(jì) 界面如圖 42 所示。 order by id desc 網(wǎng)站 導(dǎo)航 導(dǎo)航是網(wǎng)站設(shè)計(jì) 必不可少 的基礎(chǔ)元素之一，它不僅是信息結(jié)構(gòu)的基礎(chǔ)分類(lèi)，也是瀏覽者的網(wǎng)站路標(biāo)，就像一本 雜志 或 書(shū) 的目錄一樣，但比 雜志 或 書(shū) 的目錄更為重要 ， 因?yàn)?雜志我們可以一頁(yè)一頁(yè)的從頭向后翻 ， 而網(wǎng)頁(yè)卻不可以，只有有了 明晰 、 清楚 的導(dǎo)航，才能讓瀏覽者知道自己 瀏覽 網(wǎng)站的 具體 位置 。在首頁(yè)中顯示的動(dòng)漫節(jié)信息的 sql語(yǔ)句代碼如下： sql=select top 7 id,title,addtime from allgonggao where leibie=39。 系統(tǒng)的首頁(yè)界面文件為 ，在首頁(yè)中可以看到網(wǎng)站的導(dǎo)航欄，網(wǎng)站發(fā)布的最新公告，最新的漫畫(huà)信息和其他信息，以及鏈接的一些熱門(mén)網(wǎng)站，還可以根據(jù)信息的類(lèi)別，通過(guò)站內(nèi)搜索功能快速查找信息，系統(tǒng) 首頁(yè)的運(yùn)行 界面 如圖 41所示。 系統(tǒng)首頁(yè) 系統(tǒng) 首頁(yè)是瀏覽者打開(kāi)一個(gè)網(wǎng)站后第一眼看到的網(wǎng)頁(yè)，網(wǎng)站能不能吸引瀏覽者，在很大程度上取決于首頁(yè)做得怎么樣。 表 35 留言表 字段名 類(lèi)型 不 允許空 描述 ID int 是 編號(hào) nicheng varchar（ 50） 否 昵稱(chēng) biaoqing varchar（ 10） 否 表情圖標(biāo) Biaoti varchar（ 100） 否 留言標(biāo)題 neirong varchar（ 300） 否 留言內(nèi)容 addtime Addtime 否 添加 時(shí)間 hf varchar（ 100） 否 管理員回復(fù) 5．動(dòng)畫(huà)展示表（ donghuazhanshi） 動(dòng)畫(huà)展示表主要用于存儲(chǔ)關(guān)于動(dòng)畫(huà)的 信息和文件，包括動(dòng)畫(huà)的名稱(chēng)、簡(jiǎn)介、發(fā)布人等信息， suoluetu 字段用于存儲(chǔ)與每個(gè)動(dòng)畫(huà)相關(guān)聯(lián)的圖片，此圖片是動(dòng)畫(huà)播放時(shí)某個(gè)片段的截圖； dhyswj 字段用來(lái)存儲(chǔ)動(dòng)畫(huà)的壓縮文件，方便用戶下載動(dòng)畫(huà)；網(wǎng)站的動(dòng)畫(huà)文件可以是網(wǎng)站會(huì)員上傳的也可以是管理員上傳的，為了標(biāo)明動(dòng)畫(huà)文件的來(lái)源和上傳的時(shí)間，所以用faburen 和 addtime 兩個(gè)字段分別存儲(chǔ)動(dòng)畫(huà)文件的發(fā)布人和發(fā)布時(shí)間，動(dòng)畫(huà)展示表 結(jié)構(gòu)如表36 所示 。 由于信息表存儲(chǔ)了三方面的信息，為了區(qū)別信息的類(lèi)型，設(shè)計(jì)了 Leibie 字段用于存儲(chǔ)文章的分類(lèi)； Shouyetupian 字段用于存儲(chǔ)相關(guān)文章的圖片，如果選擇上傳圖片，此圖片會(huì)顯示在首頁(yè)的滾動(dòng)圖片中；每篇文章被關(guān)注的程度是不同的，所以有 dianjilv 字段用于存儲(chǔ)文章被閱讀的次數(shù)，信息表 結(jié)構(gòu)如表 34 所示 。友情鏈接表 結(jié)構(gòu)如表 33 所示 。 表 32 用戶表 字段名 類(lèi)型 不 允許空 描述 ID int 是 編號(hào) Username varchar（ 50） 否 用戶名稱(chēng) Pwd varchar（ 50） 否 用戶密碼 Cx varchar（ 50） 否 用戶權(quán)限 Addtime datatime 否 添加 時(shí)間 2．友情鏈接表（ youqinglianjie） 友情鏈接表主要用于存儲(chǔ) 動(dòng)漫 熱門(mén) 網(wǎng)站的名稱(chēng)和地址。 表 31 數(shù)據(jù)表概要說(shuō)明 表名稱(chēng) 表代碼 表功能說(shuō)明 用戶表 allusers 存儲(chǔ)網(wǎng)站管理員信息 信息表 allgonggao 存儲(chǔ)網(wǎng)站文章信息 友情鏈接表 youqinglianjie 存儲(chǔ)網(wǎng)站友情鏈接 動(dòng)畫(huà)展示表 donghuazhanshi 存儲(chǔ)網(wǎng)站中動(dòng)畫(huà)片 網(wǎng)站公告表 dx 存儲(chǔ)網(wǎng)站首頁(yè)公告信息 評(píng)論表 pinglun 存儲(chǔ)用戶對(duì)網(wǎng)站信息的評(píng)論 留言表 liuyanban 存儲(chǔ)用戶的留言 動(dòng)漫聚焦表 tukujujiao 存儲(chǔ)動(dòng)漫的焦點(diǎn)信息 用戶注冊(cè)表 yonghuzhuce 存儲(chǔ)網(wǎng)站注冊(cè)用戶的信息 漫畫(huà)信息表 manhuaxinxi 存儲(chǔ)網(wǎng)站漫畫(huà)圖片和信息 哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 13 主要數(shù)據(jù)表的表結(jié)構(gòu)設(shè)計(jì) 由于系統(tǒng)的數(shù)據(jù)表 較多，下面只介紹了系統(tǒng)的主要數(shù)據(jù)表的表結(jié)構(gòu)。信息管理界面 的 系統(tǒng)功能 模塊圖 如圖 33 所 示。 網(wǎng) 站 信 息 展 示 界 面首 頁(yè) 站 內(nèi) 新 聞 在 線 留 言 用 戶 注 冊(cè) 漫 畫(huà) 信 息 動(dòng) 畫(huà) 展 示 動(dòng) 漫 聚 焦 動(dòng) 漫 節(jié) 信 息劇 情 交 流友情鏈接站內(nèi)搜索用戶登錄網(wǎng)站公告站內(nèi)新聞劇情交流最新漫畫(huà)動(dòng)漫節(jié)信息瀏覽信息寫(xiě)留言查看留言查看回復(fù)信息注冊(cè)觀看動(dòng)畫(huà)評(píng)論信息瀏覽圖庫(kù)評(píng)論圖庫(kù)瀏覽劇情評(píng)論劇情瀏覽動(dòng)漫節(jié)評(píng)論動(dòng)漫節(jié)瀏覽漫畫(huà) 圖 32 信息展示界面 功能模塊 圖 信息管理界面功能 模塊 對(duì)于管理該網(wǎng)站的管理員來(lái)說(shuō)，首先應(yīng)進(jìn)行管理員的登錄，然后系統(tǒng)自動(dòng)驗(yàn)證管理員的信息，驗(yàn)證成功后才會(huì)進(jìn)入管理員的界面，在 信息管理界面 中，管理員可以添加、修改、刪除網(wǎng)站上的信息。 站內(nèi) 新聞 、動(dòng)漫節(jié)信息、漫畫(huà)信息、動(dòng)漫聚焦等 模塊主要用于顯示 一些關(guān)于 動(dòng)漫 的信息 ，便于用戶瀏覽 ； 劇情交流則為廣大漫迷提供了可以自由發(fā)表言論的平臺(tái) ； 動(dòng)漫 展示 是為喜歡看動(dòng)漫 和制作動(dòng)漫 的人準(zhǔn)備的，因?yàn)楝F(xiàn)在喜歡觀看動(dòng)漫 和制作動(dòng)漫 的人快速增加，哈爾濱學(xué)院 本科畢業(yè)論文（設(shè)計(jì)） 11 可以讓有才華和興趣的人得到展示的平臺(tái) ； 在在線留言模塊中動(dòng)漫愛(ài)好者可以對(duì) 網(wǎng)站 提出意見(jiàn)和要求，使得網(wǎng)民可以參與 動(dòng)漫網(wǎng)站 的建設(shè) ； 友情鏈接 模塊為用 戶進(jìn)入熱門(mén)網(wǎng)站提供入口， 快速鏈接到其 他相關(guān)動(dòng)漫網(wǎng)站并獲取動(dòng)漫資源； 站內(nèi)搜索模塊 為用戶提供了一個(gè)快速瀏覽信息的渠道，方便用戶查找和瀏覽其感興趣的信息 。 根據(jù)系統(tǒng)的 總體設(shè)計(jì) ，設(shè)計(jì)出相應(yīng)的流程，系統(tǒng)的總體流程圖如 圖31 所示。 信息展示界面的功能主要包括動(dòng)漫首頁(yè)、 站內(nèi) 新聞、 在線留言 、 漫畫(huà)信息 、 動(dòng)畫(huà)展示、動(dòng)漫聚焦、動(dòng)漫節(jié)信息、劇情交流、 以及一些熱門(mén)動(dòng)漫網(wǎng)站 的 鏈接。 由以上兩方面的分析可以看出，本系統(tǒng)的開(kāi)發(fā)時(shí)機(jī)已經(jīng)成熟，從多種角度考慮開(kāi)發(fā)此系統(tǒng)都是可行的，并且也是十分必要的。 2． 開(kāi)發(fā)的硬件可行性