基于web的通用精品課程網站系統的設計與實現(編輯修改稿)

　

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