ASP_NET设计型实验报告_聊天室设计

时间:2024.3.31

实验题目:设计型实验报告_聊天室设计

实验目的:(1)通过本实验进一步理解ASP.NET状态管理和跨页数据传递的概念及常用技术

(2)理解内置对象特点和使用方法

(3)理解保存用户临时数据的基本原理

实验内容与步骤:

实验内容:

   编写一个简单的聊天室程序,在登陆页面,用户可以在输入姓名进行登陆。每个用户可以选择自己的昵称并且可以看到彼此发送的信息。主页面分两个窗口,上面窗口显示聊天内容,下面窗口显示输入聊天信息的表单,实现了基本的聊天功能。同时可以选择聊天的背景和字体的颜色。

实验步骤:

(1)   新建一个ASP.NET Web应用程序,添加需要的文件。

(2)   在Default.asp文件设计窗口添加控件设置对应控件的属性并编辑控件对应代码。

(3)在main.aspx和send.aspx文件中添加代码。

实验记录:

1、新建一个ASP.NET网站,切换到设计视图,添加一个用于布局的HTML表格,适当调整表格的行列数,在表格中输入必要的文字,添加控件TextBox1和TextBox2,以及控件LinkButton1,设置各对象的属性值,TextBox1的属性ID值为TextUserName,TextBox2的属性ID值为TextPassword,TextMode属性值为Password,LinkButton1属性ID值为LinkLogin,Text值为“进入我的聊天室”。设计界面如图所示:

2、添加登入页面chat.htm 、聊天室主界面 main.aspx、 全局文件Global.asax、聊天室下屏send.aspx,在解决方案栏的显示如图所示:

3、在Default.aspx文件中的设计页面,双击对应的控件,转到控件代码编写页面,对控件代码进行编写,编写代码如下:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page

{

    struct ChatUser     

    {

        public string UserName;      

        public string Password;

        public string NickName;

    }  

    ChatUser[] UserInfo =new ChatUser[6];

    protected void Page_Load(object sender, EventArgs e)

    {

        this.Title = "请登录";

        TextUserName.Focus();

    }

    protected void LinkLogin_Click(object sender, EventArgs e)

    {

        if (TextUserName.Text == "" || TextPassword.Text == "")

        {

            Response.Write("<script language=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 (int i = 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("<script language=javascript>alert('用户名或密码错!');</script>");

    }

}

4、在main.aspx设计视图页面添加一个Label1控件,设置其属性ID值为ChatMsg,Text值为Label。

main.aspx.cs页面代码添加如下:

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class main : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (Session["nick"] == null)

        {

            Response.End();

        }

        ChatMsg.Text = Application["Chat"].ToString();

        Response.AddHeader("Refresh", "9");   //设置页面每9秒刷新一次

    }

}

5、Send.aspx设计视图界面如图所示:

设置各控件属性,Label的属性ID值为U_NickName,Text值为Label。TextBox的属性ID值为SendMsg,TextMode属性值为MultiLine。Button的属性ID值为Submit,Text属性值为“提交”。双击控件,转到控件代码编写页面,对控件代码进行编写,编写代码如下:

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class send : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (Session["Nick"] == null)

        {

            Response.End();

        }

        U_NickName.Text="发言人:" + Session["Nick"].ToString();

        if (!IsPostBack)

        {

            Application["Chat"] = Application["Chat"] + "<b>" + Session["Nick"].ToString() + " 进入幻雪恋的聊天室</b><br>";

        }

    }

    protected void Submit_Click(object sender, EventArgs e)

    {

        string UserChat;

        UserChat = "<font color=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)设置的用户名和密码进行登录,如图所示:

5、 单击“进入我的聊天室”在下方的对话窗口输入所要说的文字,按“提交”即可在聊天页面出现所输入的内容,重复步骤(4),可显示多人会话内容,结果如图所示:

分析与体会

      通过本次试验让我对ASP.NET状态管理和跨页数据传递的概念及常用技术、内置对象特点和使用方法、保存用户临时数据的基本原理有了进一步理解。对Application、Session对象的使用有了更深一步的了解。也让我明白了其实在学习过程中,我们就应该多多动手,把理论运用于实践,做到理论与实践相结合,只有这样,我们才能更加深刻的理解和巩固所学知识。千万不能眼高手低,另外,动手实践检验我们学习效果的一个重要办法。让我知道动手实践的过程也是一个收获快乐成果的过程。


第二篇:JAVAWEB设计一个简易聊天室实验报告


20##-2012学年第二学期

电信学院计算机系

实验报告

课程名称JAVA WEB应用程序设计

实验名称基于JSP的网络聊天室   

         XXXXXX         

        XXXXXXXXXXX    

         XXXXXXXXXX         

更多相关推荐:
程序设计实验报告模板

C语言程序设计实验报告1实验目的(1)掌握函数的定义方法、调用方法、参数说明以及返回值;(2)掌握实参与形参的对应关系,以及参数之间的值传递的方式;(3)掌握函数的嵌套调用及递归调用的设计方法;(4)在编程过程…

教案设计实验报告

课文7布置作业2选择媒体的依据是什么答一般使用PPT因为它是个集合多媒体展示功能的黑板学生不仅可以直接看到很多关于课文内容的图片介绍还可以听到课文朗读背景音乐的播放能够满足课堂内容充分展示的需要另一方面对于老师...

数据库设计实验报告

HEFEIUNIVERSITY数据库设计报告题目产品销售系统系别电子信息与电气工程系班级09级电气信息类5班学号0905075034姓名黄张祥指导老师方小红完成时间20xx510目录1问题描述311背景312数...

PCB设计实验报告

Protel99SE原理图与PCB设计的实验报告摘要Protel99SE是一种基于Windows环境下的电路板设计软件该软件功能强大提供了原理图设计电路混合信号仿真PCB图设计信号完整性分析等电子线路设计需要用...

Web网页设计实验报告

WEB系统开发综合实验报告题目红尘客栈网上订房页面专业计算机科学与技术信息技术及应用班级学生重庆交通大学20xx年目录一设计目的3二设计题目3三结构设计3四技术分析4五设计过程7六实验心得10七实验总结11一设...

网页设计实验报告

南京信息工程大学滨江学院网页制作课程设计报告设计题目专业学生姓名学号日期年月日指导教师计算机系制20xx年12月目录一设计目的3二设计内容3三课程步骤3四需求分析4五技术分析5六制作过程及要点7七9八参考资料1...

系统设计实验报告内容

实验项目案例名学生饭卡管理系统一实验目的能够正确运用系统设计的过程与方法结合一个模拟课题复习巩固管理信息系统中系统设计知识提高系统设计实践能力熟悉代码设计数据存储设计输入输出设计等环节并编制相应的文档及程序编写...

硬布线设计实验报告

计算机组成原理实验报告实验时间1目录1教学目的实验设备与任务11教学目的312实验设备313设计与调试任务32总体说明421硬连线控制器的基本原理422指令系统423控制台指令524数据通路525控制器指令周期...

配方设计实验报告模板

南京工程学院实验报告课程名称实验名称实验学生班级实验学生姓名实验学生学号同组学生姓名实验指导教师韩冰实验时间实验地点一实验目的字体要求宋体五号字字符间距标准段落要求单倍行距段前0行段后0行二实验原理字体要求宋体...

平面图像设计实验报告(一)-工具

广东金融学院实验报告课程名称:平面图像设计

1正交设计实验报告

学生实验报告书实验课程名称计算机在材料科学与工程中的应用开课学院指导教师姓名学生姓名学生专业班级材料学院黄赟材科090720xx20xx学年第2学期实验报告填写规范1实验是培养学生动手能力分析解决问题能力的重要...

信息科学与工程学院学院设计性实验报告格式

重庆交通大学信息科学与工程学院设计性实验报告专业通信工程班级学号姓名课程名称实验项目名称实验项目性质实验所属课程实验室中心指导教师实验完成时间通信二班63120xx40220周丙相数据库技术BPowerDesi...

设计实验报告(39篇)