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