留言板實(shí)訓(xùn)報(bào)告

1、學(xué) 號(hào)：實(shí)訓(xùn)報(bào)告教學(xué)院計(jì)算機(jī)目錄課程名稱(chēng)網(wǎng)站開(kāi)發(fā)實(shí)訓(xùn)專(zhuān)亞網(wǎng)絡(luò)工程實(shí)訓(xùn)器材及網(wǎng)絡(luò)工程1班環(huán)境三.實(shí)訓(xùn)步驟.3.1需求分3.2數(shù)據(jù)庫(kù)姓名季瀟指導(dǎo)教師015年12戌輝坪5日近的設(shè)計(jì)3.3網(wǎng)站的實(shí)現(xiàn)3.3.1 創(chuàng)建母版頁(yè)3.3.2 web.config 的配置3.3.3 類(lèi)的設(shè)計(jì)3.3.4 發(fā)表留言功能的實(shí)現(xiàn)3.3.5 顯示所有留言功能的實(shí)現(xiàn)3.3.6 管理員登錄功能實(shí)現(xiàn)3.3.7 實(shí)現(xiàn)管理員的刪除功能3.3.8 回復(fù)功能的實(shí)現(xiàn) 留言本系統(tǒng)實(shí)訓(xùn)目的1 .鞏固數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)技術(shù)；2 .能夠用項(xiàng)目開(kāi)發(fā)的方法設(shè)計(jì)一個(gè)完整的程序;實(shí)訓(xùn)器材及環(huán)境1. 計(jì)算機(jī) 1 臺(tái)2. 已裝有 Viaul S 2010 和 MS

2、SQL SERVER 2000三實(shí)訓(xùn)步驟3.1 需求分析留言板的主要功能包括：前臺(tái)顯示留言信息訪(fǎng)客發(fā)布留言管理員登陸后臺(tái)功能管理員對(duì)留言板的管理 刪除留言、回復(fù)留言3.2 數(shù)據(jù)庫(kù)的設(shè)計(jì)本系統(tǒng)需要有兩個(gè)數(shù)據(jù)表，一個(gè)為管理員數(shù)據(jù)表adminInfo ，一個(gè)為留言用戶(hù)表guestInfo 。在 SQL Server 2005 中創(chuàng)建一個(gè)名稱(chēng)為bookDB 的數(shù)據(jù)庫(kù)，在其中創(chuàng)建兩個(gè)數(shù)據(jù)表guestInfo 和 adminInfo 。其中，guestInfo 表存儲(chǔ)留言的用戶(hù)信息包括留言信息；aiddminiInfo 表存儲(chǔ)系統(tǒng)管理員的信息。兩個(gè)表的設(shè)計(jì)如下圖如示。管理員數(shù)據(jù)表用戶(hù)留言表3.3 網(wǎng)站的實(shí)

3、現(xiàn)3.3.1 創(chuàng)建母版頁(yè)為了使網(wǎng)站的各個(gè)頁(yè)面具有統(tǒng)一的風(fēng)格，創(chuàng)建母版頁(yè)，表格寬度可設(shè)為800像素，頁(yè)面參考如下：3.3.2 web.config 的配置為了便于修改連接字符串，將連接字符串放到web.config 文件中。先運(yùn)行程序生成web.config 文件。打開(kāi)web.config 文件，如圖所示：圖片中紅框處為< connectionStrings >節(jié)點(diǎn)， 在 web.config 中使用 ConnectionStrings節(jié)點(diǎn)設(shè)置數(shù)據(jù)庫(kù)連接字用，設(shè)置方法如下:連接字串"/><connectionStrings><add name=&qu

4、ot;XXXConnectionString" connectionString=" </connectionStrings>(di na眥二ttmnectioiiSt門(mén)嘴"cmectioitrinData Scuirce-.;Initial CatalofbookDB;md:sa;p*d-/> QcomcticnStrinjz)在程序中讀取連接字符串的方法：ConfigurationManager.ConnectionStrings("XXXConnectionString").ConnectionS tring3.3.3

5、類(lèi)的設(shè)計(jì)由于多次獲取數(shù)據(jù)庫(kù)連接字符串，為了提高代碼的可重用性.故將獲取連接字符串的代 碼寫(xiě)到一個(gè)類(lèi)中，此處可把類(lèi)想象成函數(shù)的功能。1、添加類(lèi)選擇網(wǎng)站，右鍵添加新項(xiàng)，打開(kāi)如圖所示對(duì)話(huà)框，重命名為DB.CS此類(lèi)用來(lái)對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作。點(diǎn)擊添加，彈出如圖所示對(duì)話(huà)框，選擇是，將新建App_Code文件夾，此文件夾專(zhuān)門(mén)用來(lái)存放類(lèi)文件。2、添加類(lèi)代碼打開(kāi)DB.CS文件，在文件中添加紅色方框中的代碼:IM- bAg眄 Hpist 電向.D,上4.ii- i-C.C<-7lf CW! <t !TJ-ITLC SjTEt fPl V*'b：胃鼻laK國(guó)產(chǎn)電聲”+ J酣i.，,nixiiK Sg

6、rct bti V*h. "IT連接數(shù)據(jù)庫(kù)，需要引入3 3. Be J+；*二二:二ua.LXLE Eya+Yub, 7H. Nf-abC»iLE-ol . 丫卜卜百七.；二:_ -，一 一，:，一1乒亭334號(hào)景留百功能的實(shí)現(xiàn) . ”醍的摘宣及第卜L/"中6S1FT發(fā)表留言頁(yè)面的功能是將用£簿以“靜態(tài)函嬤”用“留言?xún)?nèi)容”信息寫(xiě)入到數(shù)據(jù)L尸庫(kù)小u ：1> 屯片 LOGtl >DL0retorjii Tiew Sq3-C«e< t iCcuri piratidi. C«'nf ccnrti on«n4

7、.cer.43 trines Xcosned Ld'HSlnnc'' C mine rti caSIfi ncl;1、選擇網(wǎng)站，添加新項(xiàng)，選擇 Web窗體，選擇母版貞，如下圖所示,選擇前面創(chuàng)建的總號(hào)【3、在網(wǎng)站中新建一文件夾images,里面放入頭像照片4、顯示頭像代碼:在Page_Load事件里面添加如下代碼：5、雙擊ddlpic 控件，生成ddlpic_SelectedIndexChanged 事件，在里面添加如下代碼: images/" + ddlpic.SelectedValue;6、雙擊提交，添加如下代碼：3.3.5顯示所有留言功能的實(shí)現(xiàn)1、新建基于

8、母版頁(yè)的網(wǎng)頁(yè)index.aspx，在工具欄中的“數(shù)據(jù)”控件中拖入一個(gè)DataList 控件。選擇編輯模板，在ItemTemplate中設(shè)計(jì)頁(yè)面。2、ItemTemplate插入一個(gè)三行兩列的表格，表格寬度為100%,設(shè)計(jì)頁(yè)面參考如下，回復(fù)和刪除為linkbutton 按鈕，回復(fù)按鈕ID設(shè)為lbtnReply ,刪除按鈕ID設(shè)為lbtnDelete3、選擇Label1,選擇編輯DataBindings ,如下圖：打開(kāi)對(duì)話(huà)框，選擇自定義綁定，代碼表達(dá)式如圖，將數(shù)據(jù)庫(kù)中的字段綁定到此控件上。其它控件的綁定方法一樣，由于圖片存放于images文件夾中，故圖片的綁定方法如下圖所示：4、結(jié)束模板的編輯，在

9、 DataList的下面添加如下內(nèi)容，如圖所示：共拄膝留言芥Nel頁(yè)畫(huà) 曰幽5> < page_oftdF3fgeCUrJ-3m曾ToCuJPage;I lblPageC在page_load中添加代碼如下：dataGridBind()為自定義的函數(shù)，因?yàn)橐诔绦蛑卸啻握{(diào)用，函數(shù)的定義如下:雙擊“首頁(yè)”按鈕，添加代碼如下： 雙擊“上一頁(yè)”按鈕，添加代碼如下: 雙擊“下一頁(yè)”按鈕，添加代碼如下: 雙擊“尾頁(yè)”按鈕，添加代碼如下： 6、顯示留言功能3.3.6管理員登錄功能實(shí)現(xiàn)1、新建一基于母版的網(wǎng)頁(yè)login.aspx,頁(yè)面參考如下圖所示（界面可自行設(shè)定）txtPwd管理員登錄孰1 口a

10、EScurw * SqlD-iSourcrl3、雙擊登錄按鈕，在按鈕事件中添加代碼如下:3.3.7實(shí)現(xiàn)管理員的刪除功能1、編輯index.aspx 頁(yè)面的Datalist 模板，選擇刪除按鈕，選擇編輯 DataBindings, 如圖：打開(kāi)如圖所示對(duì)話(huà)框，在可綁定屬性中選擇CommandArgument將其代碼表達(dá)式綁定到Bind（ “ID”）回復(fù)按鈕同理也是CommandArgument!性綁定到Bind（ “ID”）2、選擇刪除按鈕，添加command件。操作如下：選擇刪除按鈕，選擇屬性，打開(kāi)如下圖1所示對(duì)話(huà)框，按下圖中紅框中標(biāo)出來(lái)的雷電標(biāo)志，切換到事件對(duì)話(huà)框，如圖 2,雙擊comman命

11、令編寫(xiě)代碼，紅色框中所示。圖1雙擊Comman命令，生成Command1#,在Comman事件中添加代碼如下（紅框內(nèi)的代 碼）：6、實(shí)現(xiàn)管理員的回復(fù)功能：3、和刪除按鈕操作一樣，選擇回復(fù)按鈕，添加 Comman事件，添加如下代碼（紅框內(nèi) 的代碼）：3.3.8 回復(fù)功能的實(shí)現(xiàn)1、在網(wǎng)站中新建一文件夾admin,在此文件夾下新建一基于母版的網(wǎng)頁(yè)reply.aspx,在 content 中設(shè)計(jì)頁(yè)面如下圖所示，將文本框的ID 設(shè)置為 txtReply,雙擊回復(fù)按鈕代碼如下：在Page_Load事件中添加如下代碼，只有管理員登陸才能加載頁(yè)面，否則顯示登錄頁(yè)面：實(shí)訓(xùn)成績(jī)?cè)u(píng)定表實(shí)訓(xùn)總結(jié)：在這段時(shí)間實(shí)訓(xùn)過(guò)程中

12、，以前不熟悉的概念現(xiàn)在漸漸清楚了，以前學(xué)的比較分散，現(xiàn)在 可以將好多功能綜合起來(lái)運(yùn)用了，并且更加掌握以前不熟悉的知識(shí)。這段時(shí)間實(shí)訓(xùn)過(guò)程中學(xué) 到了好多以前沒(méi)有接觸過(guò)的新概念和新功能，比以前了解的知識(shí)更加豐富了，對(duì)今后的學(xué)習(xí) 有進(jìn)一步的推進(jìn)作用。？學(xué)習(xí)過(guò)程中我熟悉并掌握各種控件，例如Label、TextBox、Button、LinkButton、CheckBox Image、DropDownList等控件的功能以及如何使用。？還有對(duì)于一些常用的數(shù)據(jù)控 件，例如GridView,DataList,通過(guò)連接數(shù)據(jù)庫(kù)，實(shí)現(xiàn)最終項(xiàng)目的實(shí)現(xiàn)。在做項(xiàng)目的過(guò)程中，有些代碼不會(huì)寫(xiě)，通過(guò)翻書(shū)找概念或者百度搜索，找到后理解一下。 在項(xiàng)目運(yùn)行時(shí)，會(huì)出現(xiàn)很多的錯(cuò)誤，點(diǎn)運(yùn)行，錯(cuò)誤列表會(huì)列出錯(cuò)誤點(diǎn)，挨個(gè)尋找并解決，直 到整個(gè)項(xiàng)目運(yùn)行出來(lái)為止。實(shí)訓(xùn)中雖然一直呆在