一、使用目的
通過該實驗把.net程序設計課程中的幾個主要知識點(如:服務器控件、內部對象、數據庫的訪問、數據顯示等)得到綜合應用。
二、設備與環境
硬件:多媒體計算機
軟件:Windows系列操作系統(含IIS6.0以上版本)、.Net運行環境及編譯環境、SQL Server等
三、實驗內容及要求
1.實驗要求
1.數據庫要求使用SQL Server數據庫
2.對簡易留言板進行功能需求分析,划分出基本的系統功能
3.在此基礎上設計數據庫以及數據表的結構
4.系統能夠完成留言信息的查詢、添加、刪除等工作
5.使用數據綁定控件等完成數據的顯示
6.系統頁面設計要求清晰、實用、美觀
2.實驗內容
(1)需求分析與功能設計
需求分析:
一個簡單的留言板系統,需要有登錄功能、留言信息管理、用戶信息管理等功能。包括設置用戶身份為管理員或普通用戶,賦予不同身份不一樣的操作權限。管理員可以對用戶信息和留言信息進行管理,包括對信息增加、刪除、查詢、修改操作。普通用戶可以查看全部留言,並發布自己的留言信息。
功能設計:
登錄功能:設置用戶身份為管理員或普通用戶,賦予不同身份不一樣的操作權限
管理員用戶信息管理功能:對用戶信息增加、刪除、查詢、修改操作
管理員留言信息管理功能:對留言信息增加、刪除、查詢、修改操作
普通用戶查看留言功能:可以查看整個系統的留言信息
普通用戶發布留言功能:向數據庫中添加留言信息
(2)設計並創建數據庫、數據表
用戶表user,用於存放用戶信息,包括用戶id、姓名、身份、密碼、電話,其中user_id為自增屬性。
留言信息表Mes_Info,用於存的留言信息的相關內容,包括留言id、標題、時間、姓名、留言內容。其中,message_id為自增,lea_time默認為為插入時系統時間。
(3)連接數據庫,編寫配置文件web.config
(4)編寫登錄界面
包括賬號、密碼的輸入與判斷以及用戶身份的選擇,使用textbox控件獲取用戶輸入的相關信息,使用驗證控件RequiredFieldValidator限制用戶輸入不能為空。用戶身份選擇使用DropDownList控件,下拉框展示選擇身份。登錄按鈕使用ImageButton控件實現。整個頁面還使用了PlaceHolder,為代碼添加的控件預留空間。
用戶id與密碼實現一樣,舉其一展示:
用戶身份的選擇具體實現:
登錄按鈕的實現,點擊事件,獲取輸入信息,根據id和密碼查詢數據庫,判斷用戶身份進行不同的操作,使用js返回一些錯誤信息提示。
點擊登錄事件的處理,根據user_id與password查詢用戶信息,判斷用戶身份進行進入不同的用戶界面。
(5)管理員登錄界面
管理員主頁,使用HyperLink控件實現超鏈接跳轉頁面。
導航欄,使用TreeView控件,TreeView 為一種用樹形來組織數據的方式。實現我們的網頁菜單。
管理員管理留言信息界面
綁定數據來源:
增刪查改命令以及參數來源:
管理員管理用戶信息界面
數據來源和增刪查改命令操作基本一致,此處省略。管理用戶信息增加一個添加用戶的功能,使用button控件和textbox控件結合同時結合Panel 控件(用作其它控件的容器)。
添加事件的處理,執行查詢語句判斷用戶姓名是否存在,存在則提示改該用戶已存在,不存在則進行插入處理,如果用戶id存在則提示“注冊失敗”,不存在則添加用戶到用戶表成功,並返回“注冊成功,和注冊的id號”。
(6)普通用戶登錄界面
普通用戶主頁,使用HyperLink控件實現超鏈接跳轉頁面。以及使用TreeView控件設置導航欄等都與管理員基本一致,不做詳細介紹。
普通用戶查看全部留言界面,綁定數據源來源和增刪查改操作都與前面一致。
具體實現:根據id查詢該留言的具體信息,並賦值給TextBox1.Text回顯在屏幕上。
普通用戶發布留言界面
點擊事件的具體實現:Button1_Click()執行插入語句,向數據庫中插入自己輸入的留言的相關信息。並進行判斷,插入成功則使用js提示“留言成功”,失敗則提示“插入失敗”。Button2_Click()重置,清空TextBox1、TextBox2。
(7)關於我們界面
跟主頁及其他頁面一樣的布局,使用p標簽,顯示關於小陳留言板的一些信息,包括產生的留言板原因以及留言板的功能。
四、實驗結果及分析
(1)登錄界面
管理員登錄驗證:
普通用戶登錄驗證:
登錄成功界面
登錄失敗界面與管理員情況一致,截圖省略。
(2)管理員操作界面
留言信息管理:編輯留言信息。
再次顯示全部留言,發現此時信息已經改變,證明編輯留言信息成功。
留言信息管理:刪除留言信息。刪除留言id為7的留言信息,再次顯示全部留言,發現此時信息已被刪除,證明編輯留言信息成功。
用戶信息管理:編輯用戶信息,刪除用戶信息,添加用戶信息。演示,修改user_id為1的用戶的姓名,刪除user_id為2的用戶,添加姓名為王五的用戶信息。
(3)普通用戶操作界面
查看全部留言操作,可以選擇一條留言的信息,具體顯示留言內容。
發布留言操作,添加一條留言信息。
驗證:彈框顯示留言成功。查看全部留言,發現已加入。