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

1、學(xué)號：201340420113HUBEI POLYTECHNIC UNIVERSITY實(shí)訓(xùn)報(bào)告教學(xué)院 課程名稱 專 業(yè) 班 級 姓 名 指導(dǎo)教師計(jì)算機(jī)網(wǎng)站開發(fā)實(shí)訓(xùn)網(wǎng)絡(luò)工程網(wǎng)絡(luò)工程1班李瀟李輝燕2015 年 12 月 15 日目錄一. 實(shí)訓(xùn)目的3二. 實(shí)訓(xùn)器材及環(huán)境3三. 實(shí)訓(xùn)步驟33.1需求分析 33.2數(shù)據(jù)庫的設(shè)計(jì)33.3網(wǎng)站的實(shí)現(xiàn)43.3.1 創(chuàng)建母版頁43.3.2 web.config的配置53.3.3 類的設(shè)計(jì)63.3.4 發(fā)表留言功能的實(shí)現(xiàn) 73.3.5 顯示所有留言功能的實(shí)現(xiàn) 83.3.6 管理員登錄功能實(shí)現(xiàn) 123.3.7 實(shí)現(xiàn)管理員的刪除功能 12回復(fù)功能的實(shí)現(xiàn) 14留言本系統(tǒng)

2、一. 實(shí)訓(xùn)目的1 鞏固數(shù)據(jù)庫訪問技術(shù)；2 能夠用項(xiàng)目開發(fā)的方法設(shè)計(jì)一個(gè)完整的程序；二. 實(shí)訓(xùn)器材及環(huán)境1. 計(jì)算機(jī)1臺2. 已裝有 Viaul S 2010 和 MS SQL SERVER 2000三. 實(shí)訓(xùn)步驟3.1需求分析留言板的主要功能包括：前臺顯示留言信息訪客發(fā)布留言 管理員登陸后臺功能 管理員對留言板的管理-刪除留言、回復(fù)留言3.2數(shù)據(jù)庫的設(shè)計(jì)本系統(tǒng)需要有兩個(gè)數(shù)據(jù)表，一個(gè)為管理員數(shù)據(jù)表adminlnfo，個(gè)為留言用戶表guestlnfo。在SQL Server 2005中創(chuàng)建一個(gè)名稱為bookDB的數(shù)據(jù)庫，在其中創(chuàng)建兩個(gè)數(shù)據(jù)表guestI nfo 和admi nInfo。其中，gue

3、st Info 表存儲留言的用戶信息包括留言信息；aiddmi niI nfo 表存儲系統(tǒng)管理員的信息。兩個(gè)表的設(shè)計(jì)如下圖如示。管理員數(shù)據(jù)表列名允許為null»賀 dminlDj varchar(20)adminPwdvarchar(20)0用戶留言表列名允許為null乍IDintuserNamevarchari20)Sexvarchar(4)QQvarchar(20)EEmailvarchar(40)0匚 onterftxvarch3r(300)Replyxvarthar(300)EimgeUrlvarchar(20)0卜 postTimedatetimei i3.3網(wǎng)站的實(shí)現(xiàn)3.

4、3.1創(chuàng)建母版頁為了使網(wǎng)站的各個(gè)頁面具有統(tǒng)一的風(fēng)格，創(chuàng)建母版頁，表格寬度可設(shè)為800像素，頁面參考如下:彳反發(fā)衆(zhòng)境言 留言管理332 web.config的配置為了便于修改連接字符串，將連接字符串放到web.c onfig文件中。先運(yùn)行程序生成web.config文件。打開 web.config 文件，如圖所示：<?xitl1 versiun= " 1 I"?>曰! _有關(guān)如何旣置ASP.NET應(yīng)用程序的詳細(xì)信息,請?jiān)L問httu: £g mi u t 口 m t u f 屮1 ink.f ?L ink I d= 1694 M M>E <c

5、onf i gi.ir at i un>H <:a3!TajTLe= L.utmectionS11ing" coiiiiect.ionString="Data Suurce= SQLEXF'FLESS ; AttacliDbFi 1 en：ajTLe= |DataDireut | tiookDB rndf ; p r o vi de rN：ijTLA=Sy st em Dsts. SqlClient. /></c uime ct i onSt. r ing s >B < system屮已<coiTLpi 1 at.ion d

6、ebug=”true” mt匸ict=alse"已xplicit="true"七且匸g已tFr:imework=-u4 0"J</systAjTL vj已占></c onf i gurat. i on>圖片中紅框處為 < connectionStrings>節(jié)點(diǎn)，在 web.config 中使用 ConnectionStrings節(jié)點(diǎn)設(shè)置數(shù)據(jù)庫連接字串，設(shè)置方法如下：vconn ecti on Stri ngs>連接字串"/><add n ame="XXXCo nn ectio n

7、Stri ng" conn ectio nStri ng="v/conn ectio nStri ngs>(adi nanie:*CoimectionStriiiEff connectionStrinfffData Source.;Initial CatalogbcokBB:/ Oco 皿賊 tiwiStrin 窮在程序中讀取連接字符串的方法：Con figurati onMan ager.C onnection Stri ngs("XXXC onnection Stri ng").C onn ecti on Stri ng類的設(shè)計(jì)由于多次獲取數(shù)據(jù)

8、庫連接字符串，為了提高代碼的可重用性.故將獲取連接字符串的代碼 寫到一個(gè)類中，此處可把類想象成函數(shù)的功能。1、添加類選擇網(wǎng)站，右鍵添加新項(xiàng)，打開如圖所示對話框，重命名為DB.CS此類用來對數(shù)據(jù)庫進(jìn)行操作。點(diǎn)擊添加，彈出如圖所示對話框，選擇是，將新建 App_Code文件夾，此文件夾專門用來 存放類文件。2、添加類代碼打開DB.CS文件，在文件中添加紅色方框中的代碼:U9Ti_£ £ys tAh：itf Syx t «n. Conf l <ut' i11,（： Sya I » Wnhn< Syx tm. W*li. S*curi ty:

9、 n< Sya I an. W« b. UX iSyst W*b 1JT WebCntrlsLtl£ SyxiAri. W*b. MT. WbContr 4>ls.th ¥1. HlJimMr oleU3USU5連接數(shù)據(jù)庫，需要引入命名空.D«t<. SqlCli a nt;334發(fā)表留言功能的實(shí)現(xiàn)發(fā)表留言頁面的功能是將用戶提交的“用戶名”、“頭像”、“留言內(nèi)容”信息寫入到數(shù)據(jù) 庫中。1、選擇網(wǎng)站，添加新項(xiàng)，選擇 Web窗體，選擇母版頁，如下圖所示，選擇前面創(chuàng)建的模 板，點(diǎn)擊添加，即可新建一個(gè)基于母版頁的網(wǎng)頁 add.aspx。add.

10、aspxtxtQQImagel性別Email齪箱需盲內(nèi)容3、在網(wǎng)站中新建一文件夾images,里面放入頭像照片4、顯示頭像代碼:在Page_Load事件里面添加如下代碼:if (! IsPostBack)for (int i = 1： i <= 6； i+)this, ddlpic. Items, AdcKpic1, + ToStrinjO + gifA;this. Image2*InageUrl = "image/M + ddlpic. SelectedValus:5、雙擊ddlpic 控件，生成ddlpic_SelectedlndexChanged 事件，在里面添加如下代碼

11、: this .Im age1 .Im ageUrl = "images/" + ddlpic.SelectedValue;6雙擊提交，添加如下代碼：jlbtime .Text = SysNo 甲 ToStri 昨?qū)?)；SqlBataSource 1. Insert ();顯示所有留言功能的實(shí)現(xiàn)1、新建基于母版頁的網(wǎng)頁index.aspx ，在工具欄中的“數(shù)據(jù)”控件中拖入一個(gè)DataList 控件。選擇編輯模板，在ItemTemplate中設(shè)計(jì)頁面2、ItemTemplate插入一個(gè)三行兩列的表格，表格寬度為100%設(shè)計(jì)頁面參考如下，回復(fù)和刪除為linkbutton按鈕，

12、回復(fù)按鈕ID設(shè)為IbtnReply，刪除按鈕ID設(shè)為IbtnDelete 。3、選擇Labell,選擇編輯DataBindings，如下圖：I R - E 哼.4 丄 亠工一二f J片 掙Label枉務(wù)輪輯 Dat&Bindings.打開對話框，選擇自定義綁定，代碼表達(dá)式如圖，將數(shù)據(jù)庫中的字段綁定到此控件上其它控件的綁定方法一樣，由于圖片存放于images文件夾中，故圖片的綁定方法如下圖 所示：4、結(jié)束模板的編輯，在 DataList的下面添加如下內(nèi)容，如圖所示：共Eab療留言第fab碩共掠頑 畫 空E5 EIIIIbIMesTotalIbIPageCur ，lblPageCurTex

13、t值設(shè)為15、在page_load事件前添加代碼:stri ng curPage;在page_load中添加代碼如下：if (lIsPostBack) dataGridBi nd()為自定義的函數(shù)，因?yàn)橐诔绦蛑卸啻握{(diào)用，函數(shù)的定義如下:curPage = this - lblPgeCur Tejct:SqlConneCtian COnn = S&tConiiection();conn. Open():SqlCoiTLniaKLd cmd = new Sql匚aiMnandO :end. Commandrejtt select * f ram guest Inf order by po

14、stTime end.Connection conn:Sq.lDataAdpt&r sda = new SqlDataAdapter (): SelectCommnd = emd;DataSet ds = new I 'artaSet();da. Fill (ds, * guest*);PagedDataSciLir pd2=n,ew PaedDataSotirce (): pds- DataSource= ds. Tables guestu. Default View； pds. Al LowP i_n=t rue ;pdoE. PaeSizft»6;pds. Cu

15、r rentPageInd&x=Convcrt* ralnt32(rurFage-1. this*lblFageTotalr Text-pdsFageCount ToString(): this Buttonl Enabl&d=true;this Button? Enabled=true;if (curPaEe=*Dthis. Eutton2. Enabled=false;if(curPae=pds. PaeCcunt. ToString()this. Button3* Enabled"false:t hisr DactaLis 11. DataSourc&=

16、pds:this Dat乩ist 1»DataEindO ;emd, ComjnandText= 'select count (*) from guest Inf ov : t his» lblMesTotal. TeT；t= nver 七ToStriiif (end Execut eScalar 0 );雙擊“首頁”按鈕，添加代碼如下：this.lblPageCur. Text = ' T' dataGridBind ();雙擊“上一頁”按鈕，添加代碼如下：thi?. lblPageCur. Text - Convert.T(jStriig(Con

17、vert. Tolnt32 this. lblFageCur. TkI)- 1); dataGridBiniiO；雙擊“下一頁”按鈕，添加代碼如下：= Convert. ToStrig (Convert. Tolnt32 (this. HlPageCur. Text) + 1); litaGridBindO；雙擊“尾頁”按鈕，添加代碼如下：this. lblFageCur. Text = this. lblFageTotal. Text; dataGridBindO:6顯示留言功能336 管理員登錄功能實(shí)現(xiàn)1、新建一基于母版的網(wǎng)頁logi n. aspx,頁面參考如下圖所示（界面可自行設(shè)定）用

18、戶各txtUserName密碼：登錄重置txtPwd- SqlDataSourcell3、雙擊登錄按鈕，在按鈕事件中添加代碼如下：SqlCDrmectioin dohjd DR fatConnBrtianO ;GonnrOpenO :cmd hew SQlCoiiihandO.ComnandT&Kt = select count (+) f roit idniinlnf o where adftmID=M + this. tirtUaerNajieu Teat + "and adjTiinPvd=u 卄 this- tzt； c>d.Conneution - conn;

19、if (Convert.ToLnit32Ccnd. EKBcuta-Scalar()>0)ISe-s£ionvadftin* - this, IstUserNwhe., Text:Response. Vrite (*<script>aLert (!登陸 成攻; locat ion. hzef=! indeK. as-ps? _</script>*):Response. Vrite (*<sci Lpt>alert (!登陸奚!®I 丨請確認(rèn)您的用戶宕和SS3!") ; locallmlhrefsP login, asps&

20、#39; ;</gcrijrt>*);實(shí)現(xiàn)管理員的刪除功能<3回復(fù)衣冊傍LiinkBiitIon 任務(wù)1、編輯index.aspx頁面的Datalist 模板，選擇刪除按鈕，選擇編輯 DataBindings,如 圖： 矚§旨 Dital'indirLSS.；槿性打開如圖所示對話框，在可綁定屬性中選擇Comma ndArgume，將其代碼表達(dá)式綁定到Bind( “ID”)回復(fù)按鈕同理也是CommandArgume屬性綁定到Bind( “ID”)2、選擇刪除按鈕，添加comma nd事件。操作如下：選擇刪除按鈕，選擇屬性，打開如下圖1所示對話框，按下圖中紅框中

21、標(biāo)出來的雷電標(biāo)志，切換到事件對話框，如圖2，雙擊comman命令編寫代碼，紅色框中所示?！?m 11 r 111 n 11 f 1 i iDataLi stl,頂模板，工 W電譏直LiEnabl 電 Th 總 m i ngTrueEnableVi ewStateTrue田FontFcreColor矗i圖HDnClientCli ckreturn confFostBackUrld TTi雙擊Comman命令，生成Comman事件，在Comman事件中添加代碼如下(紅框內(nèi)的代碼）：丄£ (Session ! =null)string userID=e. CoMiandArgument.

22、ToString ();SqlConnection c oniZ®. g etConnection ():coeui. OpenO ;SqlComnaiid cmd=n.e> SqlCojTLiTL：diid():cmd. Conne ct i on=conn:cmd. CommandT ext= F del et e from guest Inf o where TD=r ''+ userIDif (cud. ExecuteNonQuery () >0)ResponsetalEirtr 刪除.成功!' ) ;window 1 ocatiOEt=v

23、indow：elseResponse Write ( <sc r ip t> alert C 冊IE余尖 敗! ' ) ; window 1 o c at i oiwindow lo cart ion; Vscript):elseResponse. Write（*<script>alert C對不起,只有管理員才允許刪除笛言'如果你是管理員請先登陸！ ）:vindow. location.href=?6、實(shí)現(xiàn)管理員的回復(fù)功能：3、和刪除按鈕操作一樣，選擇回復(fù)按鈕，添加 Comma n事件，添加如下代碼（紅框內(nèi)的 代碼）：回復(fù)功能的實(shí)現(xiàn)1、在網(wǎng)站中新建一文

24、件夾 admi n，在此文件夾下新建一基于母版的網(wǎng)頁reply.aspx,在content中設(shè)計(jì)頁面如下圖所示，將文本框的ID設(shè)置為txtReply,zl 回亙 重量ISqlCjtaSource - SqlDataSourrtl 口雙擊回復(fù)按鈕代碼如下:|st ring reply = this. txtReply. Text;struserID Requesring"userID". ToStringf);SqLConne匚t ion coim = DE* etCotmectionO ,conn. OpenO ;SqlCouuRarnd cmd = new Sl ?oin

25、jnand();Connect ion conn;cmd- CtijiuiLandTeKt = * up date guestlnf o set Replyx=7 +reply+JJ, where ID=, A，+userID+ , if (Ccr.- -?rt. Tolnt32 (od. ExecuteNonQuery () )>0)Raaponss. frits (<script>alert (* 回廈廉功!") ;locstion.hrof"' index, asps' : </script>*);else(RsaponsB.Writs(*<script>alert('回I') HlocatioiLhref-locatioxLhiref: </script>');在Page_Load事件中添加如下代碼，只有管理員登陸才能加載頁面，否則顯示登錄頁面:if CSesE