【導(dǎo)讀】也是教育部深化教學(xué)改革，以教育信息化帶動(dòng)教育現(xiàn)代化的一項(xiàng)重要舉措。動(dòng)交流的媒介，也是精品課程示范幅射的載體。本精品課程網(wǎng)站就是為了順應(yīng)這一時(shí)代要求而設(shè)計(jì)的。本網(wǎng)站的開發(fā)是基于B/S. 結(jié)構(gòu)，采用Java程序設(shè)計(jì)語言及Mysql數(shù)據(jù)庫進(jìn)行開發(fā)?？?，具有一定的實(shí)用價(jià)值。

　　

【正文】 ，下載課件，網(wǎng)上提問等。 C．教師查看學(xué)生提出的問題并進(jìn)行回答。 D．教師發(fā)布，整理留言，評(píng)教內(nèi)容和教學(xué)資源等。 以下分別對(duì)各個(gè)模塊進(jìn)行逐一闡述： 網(wǎng)站前后臺(tái)功能需求 對(duì)于該網(wǎng)站的前臺(tái)，所有用戶都可以瀏覽網(wǎng)頁，查看并下載各類教學(xué)資源信息。而主要的用戶是學(xué)生，學(xué)生在前臺(tái)進(jìn)行學(xué)生評(píng)教，在線交流和在線自測(cè)的時(shí)候需要用學(xué)號(hào)和密碼登錄，不提供注冊(cè)，數(shù)據(jù)庫中存放學(xué)號(hào)和密碼。 而對(duì)于網(wǎng)站后臺(tái)，操作的就是管理員和教師，必須先登錄才能對(duì)網(wǎng)站的相關(guān)內(nèi)容進(jìn)行增刪改查。能夠?qū)崟r(shí)控制前臺(tái)資源的查看 和下載，并對(duì)前臺(tái)錄入的信息進(jìn)行管理。 前臺(tái)需登錄模塊需求 學(xué)生評(píng)教模塊：學(xué)生可以針對(duì)某個(gè)教師評(píng)教，管理員可以對(duì)評(píng)教內(nèi)容進(jìn)行管理。 在線交流模塊：在線交流用戶權(quán)限與網(wǎng)站同步，學(xué)生和教師可以發(fā)帖和回復(fù)，方 18 便學(xué)生和教師交流。管理員可以對(duì)帖子進(jìn)行管理，包括對(duì)帖子的審核以及對(duì)帖子的編輯和刪除等操作。 在線自測(cè)模塊：學(xué)生對(duì)課程進(jìn)行在線測(cè)試，通過選取試卷答題提交試卷，并在線獲取作答結(jié)果。系統(tǒng)記錄學(xué)生此次測(cè)試的結(jié)果，并將信息反饋給教師。 網(wǎng)站可行性分析 技術(shù)可行性 硬件：計(jì)算機(jī)的存儲(chǔ)量大，運(yùn)算 速度快，成本較低，外部設(shè)備的功能好、效率高、可靠性高，通信設(shè)備的能力、質(zhì)量都滿足要求。 系統(tǒng)軟件：本系統(tǒng)主要采用 B/S 結(jié)構(gòu)，其中 B/S 部分采用 JSP 技術(shù)來實(shí)現(xiàn)，由前臺(tái)用戶使用、后臺(tái)系統(tǒng)管理部分兩大部分組成，不需安裝客戶端，被授權(quán)用戶通過瀏覽器即可登錄系統(tǒng)。 服務(wù)器以 Windows xp 為操作系統(tǒng)， Mysql 為數(shù)據(jù)庫，主體程序以 Jsp 技術(shù)實(shí)現(xiàn)，tomcat 實(shí)現(xiàn) Web 發(fā)布。 客戶端以 xp 為平臺(tái)，用瀏覽器進(jìn)行系統(tǒng)登陸和頁面瀏覽。 JSP 技術(shù)是比較成熟的 WEB 開發(fā)技術(shù)，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的 Web服務(wù)器應(yīng) 用程序，后臺(tái)數(shù)據(jù)庫是采用 Mysql 建庫。 在 B/S 三層體系結(jié)構(gòu)系統(tǒng)中，用戶通過客戶端瀏覽器向網(wǎng)絡(luò)上的服務(wù)器發(fā)出請(qǐng)求，服務(wù)器對(duì)瀏覽器的請(qǐng)求進(jìn)行處理，將用戶所需信息返回到瀏覽器。 B/S 結(jié)構(gòu)簡(jiǎn)化了客戶機(jī)的工作，客戶機(jī)上無需配置客戶端軟件。服務(wù)器將擔(dān)負(fù)更多的工作，對(duì)數(shù)據(jù)庫的訪問和應(yīng)用程序的執(zhí)行將在服務(wù)器上完成。瀏覽器發(fā)出請(qǐng)求，而其余如數(shù)據(jù)請(qǐng)求、加工、結(jié)果返回以及動(dòng)態(tài)網(wǎng)頁生成等工作全部由 Web Server 完成。實(shí)際上 B/S 體系結(jié)構(gòu)是把二層 C/S 結(jié)構(gòu)的事務(wù)處理邏輯模塊從客戶機(jī)的任務(wù)中分離出來，由 Web 服務(wù)器單獨(dú)組成一 層來負(fù)擔(dān)其任務(wù)，這樣客戶機(jī)的壓力減輕了，把負(fù)荷分配給了 Web 服務(wù)器。這種三層體系結(jié)構(gòu)如下圖所示： HTML HTTP 圖 B/S 三層體系結(jié)構(gòu)圖 數(shù)據(jù)庫 WEB 服務(wù)器端 IE 瀏覽器 19 經(jīng)濟(jì)可行性 從經(jīng)濟(jì)角度看，投資要小于回報(bào)，決策者才會(huì)實(shí)施計(jì)劃。本系統(tǒng)的開發(fā)過程所進(jìn)行的投資為書費(fèi)和網(wǎng)費(fèi)、電費(fèi)，投入很少，而做出的系統(tǒng)運(yùn)行后將大大方便學(xué)生學(xué)習(xí)交流，性價(jià)比極高。 操作可行性 本系統(tǒng)的開發(fā)是在三個(gè)月的時(shí)間內(nèi)完成的。前期主要是以學(xué)習(xí)以及收集資料為主，接下來就是對(duì)系統(tǒng)的分析，設(shè)計(jì)數(shù)據(jù)庫，界面，以及中間的連接。對(duì)于 計(jì)算機(jī)專業(yè)作為畢業(yè)設(shè)計(jì)來說是可行的。 綜上所述，該網(wǎng)站建設(shè)在技術(shù)上、經(jīng)濟(jì)上、操作上都是可行的。 20 第四章 網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 網(wǎng)站前臺(tái)框架的設(shè)計(jì) 網(wǎng)站前臺(tái)顯示框架：精品課程網(wǎng)站的前臺(tái)是系統(tǒng)與用戶交涉的主要界面，網(wǎng)站是否能滿足用戶的基本需求、美觀易用，是否方便用戶查找、下載資料， 前臺(tái)界面設(shè)計(jì)非常重要。本網(wǎng)站前臺(tái)設(shè)計(jì)簡(jiǎn)潔、明快，以藍(lán)色漸變?yōu)?LOGO，凸顯教學(xué)網(wǎng)站莊重的同時(shí)又不失活潑。白底藍(lán)字，以深藍(lán)色來標(biāo)識(shí)重點(diǎn)，文章、資料分模塊顯示，而模塊內(nèi)部按時(shí)日期排列，所有內(nèi)容一目了然，方便查找。 根據(jù)需求分析 和方案設(shè)計(jì)，網(wǎng)站結(jié)構(gòu)圖如下： 21 圖 系統(tǒng)整體結(jié)構(gòu)圖 22 功能要求 導(dǎo)航欄顯示一級(jí)欄目，鼠標(biāo)放在一級(jí)欄目下面動(dòng)態(tài)顯示二級(jí)欄目，點(diǎn)擊二級(jí)欄目，進(jìn)入相對(duì)應(yīng)的頁面，若有三級(jí)欄目顯示三級(jí)欄目的最新一個(gè)，再點(diǎn)擊三級(jí)欄目顯示三級(jí)欄目相關(guān)內(nèi)容，若沒有三級(jí)欄目顯示二級(jí)欄目的內(nèi)容。 界面要求 如下圖所示： 圖 框架界面圖 數(shù)據(jù)庫的設(shè)計(jì) 主要是菜單表，前臺(tái)用前五個(gè)字段，實(shí)體類與之對(duì)應(yīng) 表名： t_backstage_menu 別名：菜單 4 名稱 t_cd 菜單 列 號(hào) 字段名 類型 說明 鍵值 備注 1 f_id int 編號(hào) 主鍵 2 f_name nvarchar(20) 名稱 3 f_level char(1) 級(jí)別 3 級(jí)菜單 4 f_pid int 父欄目 ID 5 f_url varchar(200) 前臺(tái) URL 6 is_show int 是否應(yīng)用 0表示否 1表示是 7 sort_code varchar(100) 表 菜單表 23 系統(tǒng) ER 圖： 圖 網(wǎng)站框架設(shè)計(jì) ER 圖 24 項(xiàng)目包結(jié)構(gòu)的設(shè)計(jì)： （圖 ） dao 包：查詢數(shù)據(jù)庫的接口 （圖 ） daoImpl 包： （圖 ） 25 domain 包：實(shí)體類，與數(shù)據(jù)庫表相對(duì)應(yīng) （圖 ） Filter 包：攔截器 （圖 ） servlet 包： （圖 ） taglib 包：自定義標(biāo)簽 26 （圖 ） util 包：工具類 （圖 ） WebRoot 包： mon 包下是共用的 jsp 頁面。 jsp 包下是各自模塊相對(duì)應(yīng)的 jsp頁面。程序內(nèi)部公用的頁面在 jsp 包下的 mon 包。 css 包下是樣式文件。 images 包下是網(wǎng)站所用到的圖片。 js 包下是 用到的 js 文件。 swf 包下是實(shí)現(xiàn)百度文庫轉(zhuǎn)換成的 .swf文件。 （圖 ） 用例模型 學(xué)生用戶用例圖： 27 圖 網(wǎng)站系統(tǒng)學(xué)生用戶用例圖 教師用戶用例圖： 圖 網(wǎng)站系統(tǒng)教師用戶用例圖 28 系統(tǒng)活動(dòng)圖 圖 網(wǎng)站系統(tǒng)學(xué)活動(dòng)圖 網(wǎng)站前臺(tái)框架的實(shí)現(xiàn) B/S 三層體系結(jié)構(gòu) 采用 B/S 三層體系結(jié)構(gòu)實(shí)現(xiàn)，即瀏覽器／服務(wù)器結(jié)構(gòu)。用戶通過瀏覽器向服務(wù)器發(fā)出請(qǐng)求，服務(wù) 器對(duì)瀏覽器的請(qǐng)求進(jìn)行處理，將用戶所需信息返回到瀏覽器上。 圖 B/S 三層體系結(jié)構(gòu)圖 文件 配置服務(wù)器請(qǐng)求以及要處理請(qǐng)求的 Servlet 類路徑，每一個(gè)模塊一個(gè) servlet。文件簡(jiǎn)略圖如下： ?xml version= encoding=UTF8? 數(shù)據(jù)庫 WEB 服務(wù)器端 瀏覽器 29 webapp version= xmlns= xmlns:xsi= xsi:schemaLocation= ! filter start filter filternameencodeFilter/filtername filterclass/filterclass /filter ! filter end ! servlet start servlet servletnameindexServlet/servletname servletclass/servletclass /servlet servlet servletnamemonServlet/servletname servletclass/servletclass /servlet ! servlet end ! servlet mapping start filtermapping filternameencodeFilter/filtername urlpattern*.do/urlpattern /filtermapping servletmapping servletnameloginServlet/servletname urlpattern/LoginServlet/urlpattern /servletmapping servletmapping servletnamemonServlet/servletname urlpattern/_jsp/mon/*/urlpattern /servletmapping ! servlet mapping end welefilelist welefile/welefile /welefilelist /webapp 30 數(shù)據(jù)庫的操作 運(yùn)用 dbcp 數(shù)據(jù)庫連接池寫 JDBCUtil 連接數(shù)據(jù)庫和關(guān)閉數(shù)據(jù)庫。 dao 對(duì)數(shù)據(jù)庫進(jìn)行增刪改查。在 servlet 中調(diào)用 daofactory 獲取 dao對(duì)象操作數(shù)據(jù)庫。 攔截器的應(yīng)用 處理 jsp 頁面， servlet， dao 交互時(shí)的編碼問題。 該網(wǎng)站數(shù)據(jù)庫連接池文件 driverClassName= 驅(qū)動(dòng)名 url=jdbc\: 數(shù)據(jù)庫連接地址 username=root 用戶名 password=1234 密碼 初始化鏈接個(gè)數(shù) initialSize=2 最大連接數(shù) maxActive=10 最大空閑連接 maxIdle=10 最小空閑連接 minIdle=1 超時(shí)等待時(shí)間以毫秒為單位 maxWait=30000 網(wǎng)站主要功能模 塊的設(shè)計(jì)與實(shí)現(xiàn) 邏輯 學(xué)生評(píng)教模塊：進(jìn)入評(píng)教模塊之后先顯示評(píng)教規(guī)則，規(guī)則從后臺(tái)錄入，可以實(shí)現(xiàn)動(dòng)態(tài)變化。沒有登錄不能進(jìn)行評(píng)教，只有輸入用戶名和密碼正確后才能登錄成功，否則彈出對(duì)話框提示登錄失敗，登錄成功后顯示評(píng)教表單，學(xué)生可以評(píng)教。 基礎(chǔ)模塊：實(shí)現(xiàn)從后臺(tái)錄入不同格式數(shù)據(jù)，如列表，圖片， flash 等，前臺(tái)能夠原樣顯示。 學(xué)生評(píng)教模塊流程圖： 31 圖 教學(xué)評(píng)教模塊流程圖 學(xué)生評(píng)教模塊數(shù)據(jù)庫 ER 圖： 32 圖 教學(xué)評(píng)教模塊 ER 圖 頁面 1．前臺(tái)登錄頁面 圖 教學(xué)評(píng)教模塊前臺(tái)登錄頁面 2．前臺(tái)評(píng)教表單 33 圖 教學(xué)評(píng)教模塊后臺(tái)評(píng)教列表頁面 5．后臺(tái)審核頁面 圖 教學(xué)評(píng)教模塊后臺(tái)審核頁面 34 第五章 系統(tǒng)遇到問題及其解決方案 導(dǎo)航欄動(dòng)態(tài)顯示二級(jí)欄目的問題 網(wǎng)站欄目需動(dòng)態(tài)從數(shù)據(jù)庫中獲取，我們應(yīng)用簡(jiǎn)單的 el 表達(dá)式對(duì)數(shù)據(jù)進(jìn)行展示，頁面代碼如下： c:forEach items=${[1].subColumns} var=list LIA href=%=basePath%${}${ }/A/LI /c:forEach 利用 el 表達(dá)式的循環(huán) forEach 對(duì)一級(jí)欄目下的二級(jí)欄目展示。 調(diào)用外部 js 代碼對(duì)二級(jí)欄目的動(dòng)態(tài)出現(xiàn)做控制。代碼如下 ： //menu $(document).ready(function(){ $(39。39。).mousemove(function(){ $(this).find(39。ul39。).slideDown(6)。//you can give it a speed })。 $(39。39。).mouseleave(function(){ $(this).find(39。ul39。).slideUp(6)。 })。 })。 對(duì)于二級(jí)欄目有無三級(jí)欄目的處理方法 在整個(gè)系統(tǒng)的所有欄目中，除了首頁之外，其余的欄目有的有三級(jí)欄目，有的沒有三級(jí)欄目。對(duì)于有三級(jí)欄目的直接在頁面顯示三級(jí)欄目及最新的一個(gè)三級(jí)欄目對(duì)應(yīng)的內(nèi)容。對(duì)于沒有三級(jí)欄