页面显示层（MyChatRoom.WebLayer） 登录页面（Login） 显示留言面（ShowMessage） 主页面（Main） 发言页面（Speak） 业务逻辑层（MyChatRoom BusinessLogicLayer） 用户类（User） 消息类（Message） 数据访问层（MyChatRoom DataAccessLayer） 数据库类（DataBase）
2.2.2聊天室功能设计
用户登陆
在进入多用户聊天室之前，需要首先经过登陆页面，如下图，老用户直接输入用户名和
密码就可以登陆；如果是新用户，输入完用户名和密码以后也可以登陆聊天事，同时完成用户的注册，自动存入数据库中。
发表消息
登陆之后，就可以发表信息，如下图，在发表信息的同时，可以通过下拉框选择发言者的表情。在输入完所要发表的信息以后单击“发言“就可以发出信息。
浏览消息
在发表信息的同时，用户还可以及时的看到自己和其他用户发表的信息，如下图所示。这个页面是自动刷新的页面，可以显示最新的10条留言信息。
注销身份
在离开系统之前，需要 注销用户，以删除Session，单击发言页面中的“离开“就可以注销了。注销之后，系统将自动跳转到登陆的页面。
2.2.3界面设计
6
2.2.4数据库设计
设计数据库
建立MyChatRoom数据库，新建2个表，用户表User, 记录发言信息的表Message。表的设置如下图：
在User表中设置2个字段：UserName, PassWord. 即用户登陆名 和密码。可以事先设 置好用户名 和密码。下图：
7
创建Message表：
注：UserName---发言者 CreateTime ----发言时间 Content---发言的全文 Color---文字颜色 Emotion---用户表情
以上的创建方法也可以通过SQL语句建立 ：
CREATE TABLE [dbo].[Message](
[UserName] [varchar](50) COLLATE Chinese_PRC_CI_AS NOT NULL, [CreateTime] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL, [Content] [text] COLLATE Chinese_PRC_CI_AS NULL, [Color] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL, [Emotion] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY] GO
（Message表的创立）
CREATE TABLE [dbo].[User](
[UserName] [varchar](50) COLLATE Chinese_PRC_CI_AS NOT NULL, [Password] [varchar](50) COLLATE Chinese_PRC_CI_AS NOT NULL
) ON [PRIMARY]
8
GO （User表的创立）
配置数据库的连接
在Web.config文件中设置以下的代码 来实现数据库的连接。 1.
注：以上是通过代码实现连接，连接的数据库名称为：MyChatRoom，本地，User Id为：sa 密码
为空。
2.数据库的连接配置还可以通过“工具”—“连接到数据库”进行连接，一样可以达到同样的效果实现连接。如下图：
相对来说用代码的方法实现连接比较快洁简便。
第三章 详细设计 3.1.1.用户进入聊天室界面
用户登陆页面Login.aspx位于MyChatRoom.Web.Layer空间中，功能如下： 当用户首次使用系统时，自动将其信息注册到数据库中；
当用户再次登陆时，系统会检查其输入的用户名和密码是否合法，如果不合法则给出提示，并提示用户重新登陆，如果合法，则进入聊天室主页面Main.aspx。 实现用户登陆的代码如下:
protected void ButtonLogin_Click(object sender, System.EventArgs e) {
string userName=TextBoxUserName.Text; //用户名
string password=TextBoxPassword.Text; //密码
9
息
Session.Add(\ User user=new User(); user.LoadData(userName);
//使用Session来保存用户名信
户信息
if(user.Exist) //如果是老用户
{if(user.Password==password) //如果用户合法，转入聊天室主页面 {Response.Redirect(\ else //如果密码错误，给出提示
{Response.Write(\验证失败，请重新登录！\\\
else //如果是新用户
{user.Add(userName,password); //利用User类的Add方法，添加新用户
Response.Redirect(\ //转到主页面 } 验证过程如下图:
获取用户信息 //实例化User类
//利用User类的LoadData方法，获取用
老用户 否是密码正确？ 否是进入系统 进入系统 进入系统
3.1.2在线网友列表界面 如下图所示：
10