ASP-NET設(shè)計型實驗報告-聊天室設(shè)計

PAGEPAGE6ASP.NET課程設(shè)計型實驗報告學(xué)號姓名電子郵件地址院系專業(yè)班級完成時間2014年6月3日實驗題目：設(shè)計型實驗報告_聊天室設(shè)計實驗?zāi)康模?1)通過本實驗進一步理解ASP.NET狀態(tài)管理和跨頁數(shù)據(jù)傳遞的概念及常用技術(shù)(2)理解內(nèi)置對象特點和使用方法(3)理解保存用戶臨時數(shù)據(jù)的基本原理實驗內(nèi)容與步驟：實驗內(nèi)容：編寫一個簡單的聊天室程序，在登陸頁面，用戶可以在輸入姓名進行登陸。每個用戶可以選擇自己的昵稱并且可以看到彼此發(fā)送的信息。主頁面分兩個窗口，上面窗口顯示聊天內(nèi)容，下面窗口顯示輸入聊天信息的表單，實現(xiàn)了基本的聊天功能。同時可以選擇聊天的背景和字體的顏色。實驗步驟：新建一個ASP.NETWeb應(yīng)用程序,添加需要的文件。在Default.asp文件設(shè)計窗口添加控件設(shè)置對應(yīng)控件的屬性并編輯控件對應(yīng)代碼。(3)在main.aspx和send.aspx文件中添加代碼。實驗記錄:1、新建一個ASP.NET網(wǎng)站，切換到設(shè)計視圖，添加一個用于布局的HTML表格，適當調(diào)整表格的行列數(shù)，在表格中輸入必要的文字，添加控件TextBox1和TextBox2，以及控件LinkButton1，設(shè)置各對象的屬性值，TextBox1的屬性ID值為TextUserName，TextBox2的屬性ID值為TextPassword，TextMode屬性值為Password，LinkButton1屬性ID值為LinkLogin，Text值為“進入我的聊天室”。設(shè)計界面如圖所示：2、添加登入頁面chat.htm、聊天室主界面main.aspx、全局文件Global.asax、聊天室下屏send.aspx，在解決方案欄的顯示如圖所示：3、在Default.aspx文件中的設(shè)計頁面，雙擊對應(yīng)的控件，轉(zhuǎn)到控件代碼編寫頁面，對控件代碼進行編寫，編寫代碼如下：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Web.UI.HtmlControls;publicpartialclass_Default:System.Web.UI.Page{structChatUser {publicstringUserName;publicstringPassword;publicstringNickName;}ChatUser[]UserInfo=newChatUser[6];protectedvoidPage_Load(objectsender,EventArgse){this.Title="請登錄";TextUserName.Focus();}protectedvoidLinkLogin_Click(objectsender,EventArgse){if(TextUserName.Text==""||TextPassword.Text==""){Response.Write("<scriptlanguage=javascript>alert('請輸入完整的登錄信息！');</script>");return;}UserInfo[0].UserName="gaoxueyan";UserInfo[0].Password="123456";UserInfo[0].NickName="幻雪戀";UserInfo[1].UserName="wanghuifang";UserInfo[1].Password="234567";UserInfo[1].NickName="小王";UserInfo[2].UserName="liyifen";UserInfo[2].Password="345678";UserInfo[2].NickName="小李";for(inti=0;i<3;i++){if(TextUserName.Text==UserInfo[i].UserName&&TextPassword.Text==UserInfo[i].Password){Session["Nick"]=UserInfo[i].NickName;Response.Redirect("chat.htm");}}Response.Write("<scriptlanguage=javascript>alert('用戶名或密碼錯！');</script>");}}4、在main.aspx設(shè)計視圖頁面添加一個Label1控件，設(shè)置其屬性ID值為ChatMsg，Text值為Label。main.aspx.cs頁面代碼添加如下：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Web.UI.HtmlControls;publicpartialclassmain:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(Session["nick"]==null){Response.End();}ChatMsg.Text=Application["Chat"].ToString();Response.AddHeader("Refresh","9"); //設(shè)置頁面每9秒刷新一次}}5、Send.aspx設(shè)計視圖界面如圖所示：設(shè)置各控件屬性，Label的屬性ID值為U_NickName，Text值為Label。TextBox的屬性ID值為SendMsg，TextMode屬性值為MultiLine。Button的屬性ID值為Submit，Text屬性值為“提交”。雙擊控件，轉(zhuǎn)到控件代碼編寫頁面，對控件代碼進行編寫，編寫代碼如下：usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Web.UI.HtmlControls;publicpartialclasssend:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(Session["Nick"]==null){Response.End();}U_NickName.Text="發(fā)言人："+Session["Nick"].ToString();if(!IsPostBack){Application["Chat"]=Application["Chat"]+"<b>"+Session["Nick"].ToString()+"進入幻雪戀的聊天室</b><br>";}}protectedvoidSubmit_Click(objectsender,EventArgse){stringUserChat;UserChat="<fontcolor=blue>"+Session["Nick"].ToString()+"</font>說：";UserChat=UserChat+SendMsg.Text;UserChat=UserChat+"(<i>"+DateTime.Now.ToString()+"</i>)";UserChat=UserChat+"<br>";Application.Lock();Application["Chat"]=Application["Chat"]+UserChat;Application.UnLock();SendMsg.Text="";}}6、運行程序，在登陸界面按照之前（步驟3）設(shè)置的用戶名和密碼進行登錄，如圖所示：5、 單擊“進入我的聊天室”在下方的對話窗口輸入所要說的文字，按“提交”即可在聊天頁面出現(xiàn)所輸入的內(nèi)容，重復(fù)步驟（4），可顯示多人會話內(nèi)容，結(jié)果如圖所示：分析與體會：通過本次試驗讓我對ASP.N