【文章內(nèi)容簡(jiǎn)介】 0) NULL 文章的作者，不一定是發(fā)布者 copyfrom varchar(100) NULL 來(lái)源于哪個(gè)網(wǎng)站 titlecolor varchar(15) NULL 標(biāo)題顏色 fonttype tinyint(1) 0 標(biāo)題是否加粗，很少使用 picurl varchar(150) 0 縮略圖，即列表頁(yè)顯示的縮略圖，前臺(tái)頁(yè)面 調(diào)用的縮略圖 ispic tinyint(1) 0 是否有縮略圖，主要方便查詢(xún)數(shù)據(jù)庫(kù) yz tinyint(1) 0 文章審核與否， 1 為審核， 2 為回收站， 0為未審核 levels tinyint(2) 0 文章是否為精華， 1為精華， 0為普通 levelstime int(10) 0 文章被推薦精華的日期 keywords varchar(100) NULL 文章的關(guān)鍵字，用空格隔開(kāi) allowview varchar(150) NULL 允許查看本文的用戶(hù)組 詳細(xì)設(shè)計(jì) 由于齊博 CMS 是全開(kāi)源的內(nèi)容管理系統(tǒng)，所以為我們的二次開(kāi)發(fā)提供了非常便利的條件。用戶(hù)自己按照需要修改源代碼，使網(wǎng)站達(dá)到需求。由于我的 WampServer安裝在 C 盤(pán)，所以齊博 CMS 安裝在 C:\wamp\\phpv7 文件夾中。網(wǎng)站頁(yè)面代碼默認(rèn)存放路徑為 C:\wamp\\phpv7\default 文件夾。 網(wǎng)站頭部設(shè)計(jì) 網(wǎng)站頁(yè)面的頭部 代碼在 C:\wamp\\phpv7\template\default\ 文件中。 我在其中添加進(jìn)顯示時(shí)間代碼，增加網(wǎng)頁(yè)友好度。調(diào)用代碼如下： script language=JavaScript ! today=new Date()。 var hours = ()。 //獲取當(dāng)前時(shí)間（小時(shí)） 12 var minutes = ()。 //獲取當(dāng)前時(shí)間（分鐘） var seconds = ()。 //獲取當(dāng)前時(shí)間（秒鐘） var timeValue = ((hours 12) ? hours 12 :hours)。 //轉(zhuǎn)換成 12 小時(shí)制 timeValue += ((minutes 10) ? :0 : :) + minutes。 timeValue += (hours = 12) ? 下午 : 上午 。 function initArray(){ = for(var i=0。i。i++) this[i+1]=[i] } var d=new initArray(span星期日 /span， em星期一 /em， em星期二 /em， em星期三 /em， em星期四 /em， em星期五 /em， em星期六 /em)。 (()， 年 ， ()+1， 月 ，()， 日 ， d[()+1]， ， timeValue)。 // /script 添加完成，調(diào)試之后頁(yè)面頭部右側(cè)效果如圖 48。 圖 48 增加時(shí)間代碼后前臺(tái)頁(yè)面效果 網(wǎng)站腳部設(shè)計(jì) 網(wǎng)站頁(yè)面的腳部代碼存放于 C:\wamp\\phpv7\template\default\文件中。 打開(kāi)之后修改其原本的網(wǎng)頁(yè)版權(quán)標(biāo)識(shí)信息。修改后部分調(diào)用代碼如下： div id=copyright 13 Copyright@{$webdb[_url]}all rights reserved a href= target=_blank {$webdb[miibeian_gov_]}/a br Powered by 石家莊郵電職業(yè)技術(shù)學(xué)院 Code 169。 202111 教務(wù)處 a href= target=_blank/a br $webdb[copyright] /div 修改之后網(wǎng)站頁(yè)腳顯示如圖 49。 圖 49 修改頁(yè)腳后前臺(tái)頁(yè)面顯示效果 網(wǎng)站主頁(yè)設(shè)計(jì) （ 1）代碼設(shè)計(jì) 網(wǎng)站頁(yè)面的主頁(yè) 源 代碼在 C:\wamp\\phpv7\template\default\ 文件中。 用 Dreamweaver 打開(kāi)源代碼文件， 修改主頁(yè) 布局，刪除或增加模塊。做出網(wǎng)站基本雛形。 （ 2）標(biāo)簽管理 打開(kāi)網(wǎng)站前臺(tái)首頁(yè)，地址為 以管理員身份登錄。在空白處雙擊鼠標(biāo)左鍵，進(jìn)入標(biāo)簽管理模式。如圖 410。 圖 410 進(jìn)入標(biāo)簽管理模式 14 圖中被藍(lán)色蒙板覆蓋的 部分為 即為 標(biāo)簽，左鍵單擊任意標(biāo)簽， 其鏈接會(huì)直接 進(jìn)入后臺(tái) 相應(yīng) 標(biāo)簽設(shè)置頁(yè)面。如圖 411。 圖 411 后臺(tái)標(biāo)簽設(shè)置頁(yè)面 在 此可以設(shè)置指定 網(wǎng)站中任意板塊的任意欄目中的內(nèi)容作為此處所選標(biāo)簽?zāi)K顯示內(nèi)容 ， 并且可以自定義 內(nèi)容顯示版式，可以從 系統(tǒng)自帶的 模版中挑取，也可以自定義新的模版。并且可以設(shè)置內(nèi)容顯示行數(shù)和列數(shù)以及是否滾動(dòng)等等。 我通過(guò)修改頁(yè)面 源 代碼來(lái)改變 整體 布局， 將 模塊位置調(diào)整完成之后，逐一進(jìn)入標(biāo)簽管理，通過(guò)后臺(tái)設(shè)置標(biāo)簽來(lái)改變模塊顯示內(nèi)容。以此完成主頁(yè)設(shè)計(jì)。 后臺(tái)欄目設(shè)計(jì) 在齊博 CMS 中，后臺(tái)管理頁(yè)面可以方便的幫助管理員對(duì)網(wǎng)站進(jìn)行 管理和 日常性維護(hù)。包括更新前臺(tái)信息、備份數(shù)據(jù)庫(kù)、恢復(fù)數(shù)據(jù)庫(kù)、更新緩存等等。 在瀏覽器地址欄輸入 可進(jìn)入網(wǎng)站后臺(tái)管理頁(yè)面，登錄 時(shí)所需要的 帳號(hào)名和密碼為超級(jí)管理員帳號(hào)和密碼，在此系統(tǒng)中我設(shè)定的是帳號(hào)： admin 密碼 admin， 登錄之后界面如圖 412 所示。 15 圖 412 登錄后臺(tái)管理頁(yè)面 進(jìn)入后臺(tái)管理頁(yè)面，可以看到有“快捷菜單”、“系統(tǒng)功能”、“文章功能”、“會(huì)員管理”等等選項(xiàng)卡。其中，“系統(tǒng)功能”中可以設(shè)置網(wǎng)站全局變量，進(jìn)行簡(jiǎn)單數(shù)據(jù)庫(kù)管理，更新緩存，管理插件， 設(shè)置網(wǎng)站頭部導(dǎo)航菜單等等。 我在這里想要進(jìn)行欄目的增加和管理，所以 單擊“文章功能”選項(xiàng)卡， 如圖 413。在文章功能選項(xiàng)卡中有“內(nèi)容 /欄目 /評(píng)論管理”、“更新標(biāo)簽內(nèi)容”、“專(zhuān)題管理”等子選項(xiàng)卡。單擊“內(nèi)容 /欄目 /評(píng)論管理”選項(xiàng)卡中的“欄目管理”選項(xiàng)，在彈出的頁(yè)面中對(duì)網(wǎng)站欄目按照需求進(jìn)行修改。 圖 413 后臺(tái) “ 文章 功能” 頁(yè)面 前臺(tái)導(dǎo)航按鈕設(shè)計(jì) 后臺(tái)管理頁(yè)面， “ 系統(tǒng)功能 ” 選項(xiàng)卡，左下角有“網(wǎng)站頭部導(dǎo)航菜單設(shè)置”，單擊進(jìn)入以設(shè)置導(dǎo)航菜單。如圖 414。 16 圖 414 “網(wǎng)站頭部導(dǎo)航菜單設(shè)置”頁(yè)面 在此可以修改導(dǎo)航菜單按鈕名稱(chēng)、排序值（值高在前）、鏈接指向頁(yè)面等等。修改完成后前臺(tái)導(dǎo)航如圖 415。 圖 415 修改完成后前臺(tái)導(dǎo)航效果 17 5 測(cè)試與調(diào)整 當(dāng)經(jīng)過(guò)上述設(shè)計(jì)過(guò)程之后，《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》已基本建設(shè)完畢。接下來(lái)進(jìn)入測(cè)試階段，采取一系列軟件測(cè)試方案，在發(fā)現(xiàn)問(wèn)題后找出原因，盡力對(duì)其進(jìn)行解決，無(wú)論是從功能性還是界面友好度都逐步完善。 軟件測(cè)試的目標(biāo) 測(cè)試是對(duì)軟件分析、設(shè)計(jì)、編碼進(jìn)行差錯(cuò) 和糾錯(cuò)的活動(dòng)。正確理解軟件測(cè)試的概念和目標(biāo)，對(duì)保證軟件測(cè)試的成功實(shí)施起著極其重要的作用。從表面上來(lái)看，軟件測(cè)試是具有“破壞”性質(zhì)的，因?yàn)樵跍y(cè)試階段，測(cè)試人員努力設(shè)計(jì)出一些列測(cè)試方案，竭力發(fā)現(xiàn)和證明程序中錯(cuò)誤的存在。而軟件工程的其他階段都是“建設(shè)性”的，軟件工程師力圖從抽象的概念出發(fā)，逐步設(shè)計(jì)出軟件藍(lán)圖，再經(jīng)過(guò)編碼而實(shí)現(xiàn)軟件產(chǎn)品。當(dāng)然，這種反常僅僅是表面的或是心理上的，暴露問(wèn)題并不是軟件測(cè)試的最終目的，發(fā)現(xiàn)問(wèn)題是為了改進(jìn)軟件設(shè)計(jì)或糾正程序的錯(cuò)誤。測(cè)試階段的根本目標(biāo)是以最少的人力、物力和時(shí)間，盡可能多地發(fā)現(xiàn)并排 除軟件中潛在的錯(cuò)誤，最終把一個(gè)高質(zhì)量的軟件系統(tǒng)交給用戶(hù)使用。 Grenford 在《 The Art of Software Testing》（軟件測(cè)試的藝術(shù)）一書(shū)中就軟件測(cè)試的目的提出了以下觀點(diǎn)： （ 1） 軟件測(cè)試是為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過(guò)程 。 （ 2） 一個(gè)好的測(cè)試用例是指很可能找到迄今為止尚未發(fā)現(xiàn)的錯(cuò)誤的用例。 （ 3） 一個(gè)成功的測(cè)試是發(fā)現(xiàn)了至今尚未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試。 由此可以看出，測(cè)試的正確含義是“為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過(guò)程”。這和某些人想象的“測(cè)試是為了證明程序是正確的”，“成功的測(cè)試是沒(méi)有 發(fā)現(xiàn)錯(cuò)誤的測(cè)試”等等是完全相反的。明確測(cè)試的目的是一件非常重要的事情，因?yàn)樵趯?shí)際工作中對(duì)測(cè)試工作存在著許多模糊或錯(cuò)誤的看法，這些看法嚴(yán)重影響著測(cè)試工作的順利進(jìn)行。測(cè)試的目標(biāo)決定了測(cè)試方案的設(shè)計(jì)，如果為了表明程序是正確的，就會(huì)設(shè)計(jì)一些不易暴露錯(cuò)誤的測(cè)試方案。相反，如果測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤，就會(huì)力求設(shè)計(jì)出最容易暴露錯(cuò)誤的測(cè)試方案。 軟件測(cè)試方法 軟件測(cè)試方法很多，按照測(cè)試過(guò)程是否執(zhí)行程序來(lái)分，一般分為靜態(tài)測(cè)試方法和動(dòng)態(tài)測(cè)試方法。動(dòng)態(tài)測(cè)試方法又根據(jù)測(cè)試用例的設(shè)計(jì)方法不同，分為黑盒測(cè)試和 18 白盒測(cè)試。 由于靜態(tài)測(cè)試是指不在計(jì)算機(jī)上執(zhí)行被測(cè)試軟件，而是采用人工檢測(cè)和計(jì)算機(jī)輔助靜態(tài)分析的手段對(duì)程序進(jìn)行檢測(cè)。根據(jù)實(shí)際情況，對(duì)《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》的檢測(cè)應(yīng)用動(dòng)態(tài)測(cè)試效果比較好。所以我們選擇動(dòng)態(tài)測(cè)試。 動(dòng)態(tài)測(cè)試是基于計(jì)算機(jī)的測(cè)試，是為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過(guò)程。一般有了兩種測(cè)試方法，黑盒測(cè)試與白盒測(cè)試兩種，前者是測(cè)試產(chǎn)品的功能，后者是測(cè)試產(chǎn)品的內(nèi)部結(jié)構(gòu)和處理過(guò)程。 結(jié)合現(xiàn)實(shí)分析。我決定采用黑盒測(cè)試法來(lái)測(cè)試《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》。 問(wèn)題與調(diào)整 在《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》的開(kāi)發(fā)過(guò)程中，每開(kāi)發(fā)完一個(gè)模塊都會(huì)進(jìn)行模 塊功能測(cè)試，現(xiàn)在可以進(jìn)行集成和系統(tǒng)測(cè)試。 在測(cè)試的過(guò)程中，遇到的問(wèn)題和解決方法，在下面分析。 Dreamweaver 打開(kāi)網(wǎng)頁(yè)源代碼中文顯示亂碼問(wèn)題 問(wèn)題描述：在二次開(kāi)發(fā)修改后臺(tái)模塊代碼的過(guò)程中，經(jīng)常出現(xiàn)原本在網(wǎng)頁(yè)中正常顯示的中文字符，在 Dreamweaver 中打開(kāi)時(shí)，相應(yīng)位置顯示亂碼。 問(wèn)題原因：經(jīng)過(guò)排查，因?yàn)榫W(wǎng)頁(yè)在第一次開(kāi)發(fā)時(shí)所選的字符編碼不合適。無(wú)法將中文字符正確顯示出來(lái)。 解決方案：在 Dreamweaver 中，單擊“修改”菜單，單擊其中“頁(yè)面屬性”選項(xiàng)，單擊左側(cè)部分有“標(biāo)題 /編碼”選項(xiàng)。在 右側(cè)出現(xiàn)的“編碼”選項(xiàng)中選擇“ UTF16”編碼或者“簡(jiǎn)體中文（ GB2312）”編碼即可解決。 無(wú)法修改首頁(yè)模塊位置問(wèn)題 問(wèn)題描述：在二次開(kāi)發(fā)修改首頁(yè)模塊位置的過(guò)程中，在刪除部分模塊之后，剩余部分模塊無(wú)法調(diào)整其位置，導(dǎo)致首頁(yè)局部出現(xiàn)空白，影響美觀以及后續(xù)的排版布局工作。 問(wèn)題原因：例如以下這段代碼： div class=showmorenews FL div class=h$label[index_cc1]/div div class=c$label[index_c1]/div /div 19 模塊代碼在源文件中雖然以 div/div關(guān)鍵字修飾。但是其中還調(diào)用了JavaSprict 語(yǔ)句，類(lèi)名為 showmorenews。所以不能直接在源代碼中修改它的位置。 解決方案：通過(guò)源代碼頂部 link rel=stylesheettype=text/css href=$webdb[_url]/images/v7/ 這段代碼，找到所指向的文件 。在其中修改 showmorenews 類(lèi)的位置信息。 發(fā)表新文 章之后縮略圖顯示不正常問(wèn)題 問(wèn)題描述：有時(shí)在發(fā)表新文章之后，縮略圖不能正常顯示出來(lái)，或者顯示其他非用戶(hù)自己定義的縮略圖。 問(wèn)題原因：經(jīng)排查，是網(wǎng)站緩存問(wèn)題導(dǎo)致。 解決方案：直接以 admin 身份進(jìn)入后臺(tái)管理系統(tǒng)，單擊“系統(tǒng)功能”選項(xiàng)卡，左側(cè)部分有“更新緩存 /數(shù)據(jù)修復(fù)”選項(xiàng)。單擊之后在彈出的頁(yè)面中單擊“數(shù)據(jù)修復(fù)”或“更新緩存”即可。 20 6 總結(jié) 與預(yù)期的比較 與原計(jì)劃做的內(nèi)容相比，從功能上來(lái)講，現(xiàn)在開(kāi)發(fā)完成的《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》已經(jīng)能夠滿(mǎn)足當(dāng)時(shí)所列的需求分析，并且有所擴(kuò)充。 它可以滿(mǎn)足學(xué)生與教師之間 同時(shí)異步的交流，基本達(dá)到了開(kāi)發(fā)目標(biāo)。 存在的問(wèn)題 雖然目前開(kāi)發(fā)完成的《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》從功能上來(lái)講已經(jīng)達(dá)到開(kāi)發(fā)目標(biāo)。但是從實(shí)用性的角度看 ，這個(gè)網(wǎng)站還是存在一些問(wèn)題。比如，如果能將上傳的資料進(jìn)行分類(lèi)，并且有專(zhuān)欄顯示。這樣，在用戶(hù)下載之前可以選擇想要尋找關(guān)于哪個(gè)專(zhuān)業(yè)的資料。增強(qiáng)下載的目的性，減少在查找相關(guān)資源時(shí)所花費(fèi)的時(shí)間。 開(kāi)發(fā)心得 經(jīng)過(guò)了一個(gè)多月的開(kāi)發(fā)， 在 李獻(xiàn)軍 老師的 細(xì)心 指導(dǎo) 下 ， 我 終于完成了 《專(zhuān)業(yè)教學(xué)資源庫(kù)網(wǎng)站》的建設(shè)。 在構(gòu)建這個(gè)網(wǎng)站的過(guò)程中，從系統(tǒng)分析到開(kāi)始設(shè)計(jì)，再到最后的測(cè)試過(guò) 程，我更加深刻的領(lǐng)會(huì)了軟件開(kāi)發(fā)的思維模式，同時(shí)結(jié)合我大學(xué)中學(xué)過(guò)的《軟件工程》，切實(shí)感受到這門(mén)科學(xué)的藝術(shù)性和重要性。 初時(shí)拿到這個(gè)題目我的腦中跳出的第一個(gè)想法就是像以前做靜態(tài)網(wǎng)頁(yè)一樣，用Dreamweaver 列一個(gè)框架，然后向里面填充內(nèi)容。然后再做下一個(gè)頁(yè)面。 但是指導(dǎo)老師給我講解了 CMS（內(nèi)容管理系統(tǒng)）的原理，它的構(gòu)建方式完全顛覆了我們以往做網(wǎng)站的慣性思維。腦海中冒出一句話(huà)“原來(lái)可以這樣做網(wǎng)站。” CMS 具有強(qiáng)大的功能，能夠滿(mǎn)足各種常見(jiàn)的功能需求。而且在建設(shè)網(wǎng)