【文章內(nèi)容簡介】 （ 6）在線測試，用戶登陸后可選擇試卷，自行測試，只有普通管理員（老師）有權(quán)對試題進行增刪改查，以及組卷。 （ 7）后臺管理，超級管理員只有在登陸后才能夠進行新聞管理、留言管理、用戶管理等，維護網(wǎng)站的正常運行。普通管理員（老師）只能對教學(xué)資料進行管理。普通管理員由超級管理員創(chuàng)建。密碼或賬戶錯誤則不能登錄。 綜上所述，通用精品課程網(wǎng)站系統(tǒng)需要有登陸模塊、新聞模塊、用戶注冊、教學(xué)模塊、論壇模塊、在線測試、后臺管理維護這幾個功能模塊。系統(tǒng)功能結(jié)構(gòu)如圖 所示。 圖 系統(tǒng)功能結(jié)構(gòu) 數(shù)據(jù)庫設(shè)計 數(shù)據(jù)是軟件的血液，一款沒有血液的軟件是沒有生命的，同時，血液的好壞也將在一定程度上決定著軟件性能的好壞，因此，對軟件系統(tǒng)做數(shù)據(jù)庫設(shè)計是一個必不可少的過程 [9]。 邏輯設(shè)計 根據(jù)需求分析，本系統(tǒng)主要有 用戶（學(xué)生），普通管理員（老師），超級管理員，新聞公告，留言板，教學(xué)視頻，教學(xué)課件，試卷等多個實體。為了更清楚地說明各個實體以及各實體間的關(guān)系，下面采用 ER 圖來形象的表示： 管理模塊 常州大學(xué)本科生畢業(yè)設(shè)計（論文） 第 5 頁 共 35 頁 n 1 n 1 n n n n n n n n n n n 圖 實體關(guān)系圖 圖 詳細展示了學(xué)生以及教師實體與新聞實體、教學(xué)視頻實體、教學(xué)課件實 體、試卷實體和留言實體之間的關(guān)系以及各實體的相關(guān)屬性。 圖 新聞實體屬性圖 圖 是新聞 實體的 ER 圖，學(xué)院有唯一標識 id 跟標題、類別、內(nèi)容、添加者、添加時間六個屬性。 圖 用戶實體屬性圖 用戶（ 用戶名 密碼 性別 姓名 身份證 郵箱 出生年月 學(xué)生 新聞 教學(xué)視頻 教學(xué)課件 留言 試卷 觀看 下載 測試 留言 留言板 管理 教師 出題 組卷 回復(fù) 上傳 題目 上傳 新聞 標題 類別 內(nèi)容 添加時間 添加者 ID ID 常州大學(xué)本科生畢業(yè)設(shè)計（論文） 第 6 頁 共 35 頁 圖 是用戶（學(xué)生）實體的 ER 圖，實體有姓名、用戶名、密碼、性別、郵箱、出生年月、身份證幾個屬性。 表設(shè)計 通過邏輯設(shè)計，大致設(shè)計出了以下幾個表 ，它們的字段信息如下： （ 1） 管理員表 (allusers) 管理員表 allusers 記錄了網(wǎng)站系統(tǒng)超級管理員的信息和所有已注冊的普通管理員信息， （如表 ） 表 allusers 表結(jié)構(gòu) 字段名 字段描述 數(shù)據(jù)類型 約束 ID 用戶編號 INT(4) 主鍵 username 用戶名 VARCHAR(50) 唯一 pwd 用戶密碼 VARCHAR(50) 非空 cx 用戶類型 VARCHAR(50) 非空 add_time 注冊時間 DATETIME 唯一 （ 2）資料下載表（ ziliaoxiazai） 資料下載表主要是針對資料下載的相關(guān)數(shù)據(jù)的操作。如表 所示。 表 ziliaoxiazai 表結(jié)構(gòu) 字段名 字段描述 數(shù)據(jù)類型 約束 ID 編號 INT(4) 主鍵 bianhao 資料編號 VARCHAR(50) 唯一 mingcheng 資料名稱 VARCHAR(300) 非空 leibie 類別 VARCHAR(50) 非空 kecheng 課程 VARCHAR(50) 唯一 jianjie 簡介 VARCHAR(500) 非空 fujian 復(fù)件 VARCHAR(50) 非空 addtime 添加時間 DATETIME 唯一 （ 3）用戶注冊表（ yonghuzhuce） 用戶注冊表主要是針對用戶注冊模塊的數(shù)據(jù)操作，是本設(shè)計的核心表，涉及到的屬性主要是用戶編號，姓名，用戶名，密碼，姓名，性別，出生年月，聯(lián)系 ，郵箱，電話，身份證，頭像，地址，備注錄入時間，審核等 ,如表 所示。 常州大學(xué)本科生畢業(yè)設(shè)計（論文） 第 7 頁 共 35 頁 表 表結(jié)構(gòu) 字段名 字段描述 數(shù)據(jù)類型 約束 ID 用戶編號 INT(4) 主鍵 yonghuming 用戶名 VARCHAR(50) 唯一 mima 密碼 VARCHAR(50) 非空 xingming 姓名 VARCHAR(50) 非空 xingbie 性別 VARCHAR(2) 唯一 chushengnianyue 出生年月 VARCHAR(50) 非空 聯(lián)系 VARCHAR(50) 非空 youxiang 郵箱 VARCHAR(50) 非空 dianhua 電話 VARCHAR(50) 非空 shenfenzheng 身份證 VARCHAR(50) 唯一 touxiang 頭像 VARCHAR(50) 非空 dizhi 地址 VARCHAR(300) 非空 beizhu 備注 VARCHAR(500) 非空 addtime 注冊時間 DATETIME 唯一 issh 審核 VARCHAR(2) 非空 （ 4）留言板表（ liuyanban） 留言板表主要是針對有問必答模塊的數(shù)據(jù)操作，學(xué)生留言和教師回復(fù)的內(nèi)容都存儲在這個表中如表 所示。 表 liuyanban 表結(jié)構(gòu) 字段名 字段描述 數(shù)據(jù)類型 約束 ID 用戶編號 INT(4) 主鍵 cheng 用戶名 VARCHAR(50) 唯一 xingbie 用戶密碼 VARCHAR(2) 非空 用戶類型 VARCHAR(50) 非空 youxiang 注冊郵箱 VARCHAR(50) 唯一 dianhua 電話 VARCHAR(50) 非空 neirong 內(nèi)容 VARCHAR(500) 非空 addtime 注冊時間 DATETIME 唯一 huifuneirong 回復(fù)內(nèi)容 VARCHAR(500) 非空 4 詳細設(shè)計與實現(xiàn) 根據(jù)軟件工程的思想，在詳細設(shè)計階段，本課題需要解決的問題是如何具體地實現(xiàn)這個系統(tǒng)。 常州大學(xué)本科生畢業(yè)設(shè)計（論文） 第 8 頁 共 35 頁 核心技術(shù)簡介 在本 系統(tǒng)中，使用了一些比較流行的框架結(jié)構(gòu)和技術(shù)： Ajax、 JSP、 CSS，這是本系統(tǒng)的核心技術(shù) ,在具體實現(xiàn)功能模塊前，有必要對這些技術(shù)做一些簡要的說明與介紹。 技術(shù) [10] Ajax 即 Asynchronous JavaScript and XML,簡單地說是異步 javascript 和 XML，可以使網(wǎng)站異步的執(zhí)行數(shù)據(jù)。 Ajax 主要通過 XmlHttpRequest 對象來實現(xiàn)與服務(wù)器的異步交互性，借助 DOM 來實現(xiàn)局部刷新，異步性和局部性使得用戶體驗連續(xù)，不會中斷。 XMLHttpRequest 是 ajax 的核心機制，它是在 IE5 中首先引入的，是一種支持異步請求的技術(shù) ,它的屬性有： onreadystatechange 每次狀態(tài)改變所觸發(fā)事件的事件處理程序。 responseText 從服務(wù)器進程返回數(shù)據(jù)的字符串形式。 responseXML 從服務(wù)器進程返回的 DOM 兼容的文檔數(shù)據(jù)對象。 status 從服務(wù)器返回的數(shù)字代碼，比如常見的 404（未找到）和 200（已就緒） status Text 伴隨狀態(tài)碼的字符串信息 readyState 對象狀態(tài)值， 0— 未初始化 1— 正在加載 2— 加載完畢 3— 交互 4— 完成。 運行機制： （ 1）創(chuàng)建 XmlHttpRequest 對象 如果是 IE 瀏覽器則使用： xmlHttp = new ActiveXObject()。 如果是其他瀏覽器則： xmlHttp = new XMLHttpRequest()。 var xmlHttp。 function createXMLHttp() { if() { xmlHttp = new XMLHttpRequest()。 }else { xmlHttp = new ActiveXObject()。 } } （ 2）發(fā)出 XmlHttpRequest 請求 ①設(shè)置回調(diào)函數(shù)，一旦相應(yīng)，它會自動執(zhí)行（ Callback 是定義回調(diào)函數(shù)的函數(shù)名） = Callback。 ②定義想要執(zhí)行的異步請求 (POST,)。 ③設(shè)置發(fā)送的參數(shù)（不發(fā)送則寫 null） (null)。 （ 3）定義回調(diào)函數(shù) function Callback() 常州大學(xué)本科生畢業(yè)設(shè)計（論文） 第 9 頁 共 35 頁 { if(==4)//調(diào)用完成 { if(==200)//Http 狀態(tài)碼操作正常 { var text = 。 (msg).innerHTML = text。 } } } 本系統(tǒng)中，主要使用 Ajax 技術(shù)在進行異步信息的驗證，如重名驗證，采用 Ajax 技術(shù)后，大大提高了用戶體驗，用戶再也不用像之前需要在客戶端通過打開一個新的頁面了發(fā)送用戶請求進行驗證，方便，快捷。 JSP 技術(shù) [1116] JSP(Java Server Pages)是由 Sun Microsystems 公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標準。 JSP 技術(shù)使用 Java 編程語言編寫類 XML 的 tags 和 scriptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過 tags 和 scriptlets 訪問存在于服務(wù)端的資源的應(yīng)用邏輯。 JSP將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計和顯示分離，支持可重用的基于組件的設(shè)計，使基于 Web 的應(yīng)用程序的開發(fā)變得迅速和容易。 JSP 與 Java Servlet 一樣，是在服務(wù)器端執(zhí)行的，通常返回該客戶端的就是一個 HTML 文本，因此客戶端只要有瀏覽器就能瀏覽。 JSP 頁面由HTML 代碼和嵌入其中的 Java 代碼所組成。服務(wù)器在頁面被客戶端請求以后對這些 Java代碼進行處理，然后將生成的 HTML 頁面返回給 客戶端的瀏覽器。 Java Servlet 是 JSP的技術(shù)基礎(chǔ)，而且大型的 Web 應(yīng)用程序的開發(fā)需要 Java Servlet 和 JSP 配合才能完成。JSP 具備了 Java 技術(shù)的簡單易用，完全的面向?qū)ο?，具有平臺無關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點。 自 JSP 推出后，眾多大公司都支持 JSP 技術(shù)的服務(wù)器，如 IBM、 Oracle、 Bea 公司等，所以 JSP 迅速成為商業(yè)應(yīng)用的服務(wù)器端語言。 JSP 的優(yōu)勢如下： （ 1）一次編寫，到處運行。在這一點上 Java 比 PHP 更出色，除了系統(tǒng)之外，代碼不用做任何更改。 （ 2）系統(tǒng)的多 平臺支持?；旧峡梢栽谒衅脚_上的任意環(huán)境中開發(fā)，在任意環(huán)境中進行系統(tǒng)部署，在任意環(huán)境中擴展。相比 ASP/PHP 的局限性是顯而易見的。 （ 3）強大的可伸縮性。從只有一個小的 Jar 文件就可以運行 Servlet/JSP，到由多臺服務(wù)器進行集群和負載均衡，到多臺 Application 進行事務(wù)處理，消息處理，一臺服務(wù)器到無數(shù)臺服務(wù)器， Java 顯示了一個巨大的生命力。 （ 4）多樣化和功能強大的開發(fā)工具支持。這一點與 ASP 很像， Java 已經(jīng)有了許多非常優(yōu)秀的開發(fā)工具，而且許多可以免費得到，并且其中許多已經(jīng)可以順利的運行 于多常州大學(xué)本科生畢業(yè)設(shè)計（論文） 第 10 頁 共 35 頁 種平臺之下。 CSS 技術(shù) [1720] CSS(層疊樣式表 )是用來進行網(wǎng)頁風格設(shè)計的 ， 它簡化并擴展了 HTML 中的各種標記 ， 使得各個標記的屬性更具有一般性和通用性 ， 大大提高了 HTML 開發(fā)的效率 。 在制作網(wǎng)頁時采用 CSS 技術(shù)，可以有效地對頁面的布局，字體，顏色，背景和其他效果實現(xiàn)更加精確的控制，只要對相應(yīng)的代碼作一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式 。 CSS 是 Cascading Style Sheet 的縮寫，可以譯成 “ 層疊樣式表 ” 或 “ 級聯(lián)樣式表 ” 。 CSS 中 ， Cascading 是 “ 層疊 ” 的意思，也就是說在同一個 Web 文檔中可以有多個樣式表存在，這些樣式表根據(jù)所在的位置，擁有不同的優(yōu)先級