【文章內容簡介】 發(fā) 表 通報 、檢查 學生作業(yè)、回復學生留言、答疑等；并提供學生與教師、學生與學生、教師與教師之間的交流平臺，體現數字化學習、自主學習教育理念。它由：課程描述，教學 資料庫 ，新聞動態(tài)，咨詢問答和系統(tǒng)管理模塊 5 部分構 成 ，同時當 總指揮 進入管理員欄目后，可以 時刻 換 新 消 息 和 動態(tài)的增多 或刪 一些內容。其中由我獨立完成的模塊是：網站前臺界面的設計和開發(fā)。 系統(tǒng)結構圖： 《數據庫原理》精品課程網站設計 與實現 教學資源 課程描述 在線答疑 信息查看 課程添加 課程修改 老師上傳 學生下載 信息添加 信息維護 信息查看 提出問題 問題查看 回答問題 新聞動態(tài) 10 圖 3 系統(tǒng)結構圖 《數據庫原理》精品課程網站由我設計制作開發(fā)了前臺課程描述，教學 資料庫 ，新聞動態(tài)，咨詢問答功能。 1. 咨詢問答功能 模塊 ： (1) 戶 主 報道 模塊：經 過權力 監(jiān) 測客 戶資格 是否合法，并判 定 用戶的權限。在正確輸入用戶名、密碼和用戶身份后登錄系統(tǒng) (2) 戶 主 注冊模塊： 遠距離 注冊，客 戶寫入 后的 戶 名和 電 碼將保留 到數據庫中，最后完成登記 。 (3) 主戶信息維護模塊：客 戶登 完成后，可以對已有消 息 進行保 護和換 新。 (4) 發(fā)表問題 模塊如下所示： 《數據庫原理》精品課程網站 設計 學習網站 數據抽取、評估、整理、入庫、發(fā)布 數據庫 Web服務器 管理員 老師 學生 11 圖 4 發(fā)表問題 2. 教學 資料庫 模塊 管理員 經過 后臺上傳課件配 件，學生通過前 面 頁面 載入 3. 新聞動態(tài)模塊 學生查看 有關 新聞信息。 數據庫層的設計 由于數據庫中有大量復雜的數據，因此對于表的 規(guī)劃 應特別 留心 ，表的 數盡可能 少，表中 性能 最好 直觀，數量也要中等 ，各 表 里 有 聯系 的情況也少 點 ，這樣就可以在對各個表操作時，確保 數 的正確 。 以下給出 《數據庫原理 》精品課程網站 的數據庫表的詳細設計 用戶 游覽網站 用戶登錄 用戶注冊 發(fā)表問題 12 管理員 姓名 密碼 地址 次數 時間 編號 學生 編號 姓名 密碼 登錄名 時間 問答 標題 問題 /答案 提問 /發(fā)布 瀏覽次數 帖子 編號 回復 發(fā)布 課程管理 編號 時間 名稱 內容 13 數據庫由多個表組成 : 1. 教學 資料庫 表 2. 管理員表 3 學生表 4. 課程描述 表 5. 新聞動態(tài) 表 6. 咨詢問答 表 7. 首頁簡介表 下面是各表的結構： 教學 資料庫 表 管理員表 教學資源 編號 內容 名字 下載鏈接 14 學生表 課程描述表 課程 動態(tài)表 15 咨詢問答表 首頁簡介表 3 網站 前臺 功能實現 首頁 首先安裝好 或者更高版本。 新建虛擬目錄 、 查 看 、選擇網站文件所在 徑 。 挑選 首頁 頁面進行 查看 。 首頁界面如下 ： 16 首頁 清爽 ， 結構 簡單明了， 實現 指引 功能、網站整體介紹 效用 以及會員登錄功能 。 網站使用了 文件引用的功能， 包括 CSS 整體的樣式定義 ， 數據庫 連接， 上面 文件，底層 文書 ，戶主 登記 。 這樣做的好處是，消減 編碼量， 容易 維護和擴充 。 也更能直觀的表達出網站整體的合理布局 ，下面就對這些共用部分進行介紹。 1. 頭部標簽 ： 包括 頭部的網站 logo和網站導航欄 。 這 些 都是靜態(tài)的 HTML編碼 構 成 。 2. 底部標簽 至于 本網站的 權力 和管理員 進口 接連 。 這部分都是 靜態(tài)的 HTML代碼組成 。 3. 數據庫連接 促成 整體網站頁面的動態(tài)鏈接 ， 和數據庫 access交接 的接口。 這部分的代碼為： % Dim DBpath,ConnStr,Conn DBpath =projectRootPath amp。 dataBase/ 39。數據庫文件的位置 ConnStr = Provider=。Data Source=amp。 (DBPath) 17 set Conn = () ConnStr sub closeConnDB() set conn=nothing end sub % 首頁 CSS樣式文件為： 代碼為： body{backgroundimage:url(images/)。 } /* 頁頭 */ globalTop{ margin:0 auto。 width:1000px。 height:207px。 backgroundcolor:ffffff。color:000。textalign:left。 } globalTop topLogo{ textalign:center。 height:207px。 backgroundimage:url(images/)。backgroundrepeat: norepeat。overflow:hidden。 } /* 頁頭導航 */ globalTopNav{ margin:0 auto。 width:1000px。 padding:0。 border:0。 textalign:center。 backgroundimage:url(images/)。 } globalTopNav ul{ margin:0 auto。padding:0px。height:24px。/*邊框樣式 */ textalign:center。/*標題字體 */ liststyleimage:none。 liststyleposition:outside。 liststyletype:none。 } globalTopNav ul li{ float:left。lineheight:24px。} globalTopNav ul a{float:left。height:24px。width:113px。 textalign:center。 color:FFFFFF。textdecoration:none。}