盐城市城市消防接警处理系统设计
们的用户名和密码是需要注册得到的。两种登录的用户采用不同的登录方式，用不同的按钮控制，所以登录界面上有两个登录按钮。还为了方便没有用户名的警员登录，还有一个注册按钮。如图4-1用户登录界面所示。
该界面可用于多用户的登录。
图4-1 用户登录界面
在整个登录界面的设计中，有两个Table控件。一个在头部分，中间插入一个Label控件，用来输入系统名称。另一个在中间部分，分几行几列。对应插入了两个Label控件，两个TextBox控件和三个Button控件。分别用来表示用户名和密码，用户名和密码的输入及接警人登录按钮、普通用户登录按钮、注册按钮。其中，用来输入密码的TextBox的TextMode属性要设置成password，这样输入密码的时候就可以不显示出来了。
Visual Studio 2005中设计部分分为设计和源，可以在设计中使用控件，在属性表中修改属性。也可以在源中填写代码。系统所用到的图片可以放在项目下的image文件夹中。界面的背景设置可以在设计中选中样式，在image中选择所需的图片。也可以在源中的body 后加background=\，引号中是图片路径。字体的属性可以在Label中设置。Table中的控件基本上设置为居中，只要在td后加上 align=\，也可以设置居左或者居右。
登录系统时，系统要与数据库连接。输入的用户名和密码要与数据库中相应的用户名和密码一致，否则会弹出警示对话框提醒错误。当用户名的输入为空时，也会弹出提示框，这时要重新输入。
20
盐城工学院本科生毕业设计说明书（2009）
用户登录作为系统的第一步，在登录界面中就使用数据控件SqlDataSource建立了数据源，在Web.Config中加入连接数据源语句，如下：
Source=HH01;Initial Catalog=XFJJ;Persist Security Info=True;User ID=sa;Password=123456\
在登录界面的后台，写上数据库连接语句，再用SQL语句进行具体的数据验证。数据库连接语句如下：
SqlConnection conn = new
SqlConnection(ConfigurationManager.ConnectionStrings[\ng\
ConnectionString);
4.1.2 用户注册模块设计
新用户登录的时候要先注册，再登录。把注册按钮的PostBackUrl属性设置为“~/注册.aspx”，在登录界面点击注册按钮就能进入注册界面。
注册界面也是用Table控件来设计的，跟登录界面一样，也用了两个Table控件。一个在头部，用作系统名称的输入；一个在中间插入多个Label和TextBox控件，用作注册输入。注册界面的系统名称没有用Label控件输入，而是在Table中插入了一张背景图片，插入的方式与登录界面的背景插入一样。背景图片是PS过的，系统名称直接在图片中，作为图片的一部分出现。注册信息输入的Table中，Label控件同样作为要注册的信息名，TextBox控件用作信息输入。还有两个Button按钮，一个是注册提交按钮，一个是返回按钮。各个控件位置如登录界面中一样，可以设置为居左，居右，或者居中，还可以设置其他一些属性。在几个必填的信息后面还加入了RequiredFieldValidator验证控件，提示不能为空，加入CompareValidator验证控件，提示两次输入密码要一致。
注册用户名的时候，若遇到用户输入的用户名已被注册的情况。在提交按钮的后台代码中写入一段这样的代码。
yanzheng();if (falg)
Response.Write(\该用户名已存在！ ');location='注册.aspx';\yanzheng()函数如下： protected void yanzheng()
{string sqlstr = %user_name from putongyonghubiao where user_name='\
TextBox1.Text + \
SqlCommand cmd = new SqlCommand(sqlstr, conn); SqlDataReader dr = null; try
{conn.Open();dr =
21
盐城市城市消防接警处理系统设计
cmd.ExecuteReader(CommandBehavior.CloseConnection);
}catch (SqlException ex)
{throw new Exception(ex.Message, ex);} if (dr.Read()) {falg = true;}}
falg 的定义放在public partial class 注册 : System.Web.UI.Page中。 具体的注册界面如图4-2普通用户注册界面所示。
图4-2 普通用户注册界面
4.2 接警人模块设计
接警人模块包含了接警记录模块，出警安排模块，案件总结模块和案件查询模块，是整个系统的主要功能模块。接警人模块中各个界面的创建都调用了一个母版页，具体界面的设计则是放在内容页中。这样的设计使得整个系统的界面设计变得简单，修改方便，大大节省了设计时间，也让系统的界面看起来更加的协调，美观。 接警人模块中调用的母版页的设计和前面的界面设计类似，在头部的Table控件插入带标题的图片，其他Table中设置了背景色。其他的就是一些Label控件和Button控件的设置。最后要插入内容页。
从登录界面登录的时候，接警人首先进入的是接警人主界面。所以，接警人模块的具体设计从接警人主界面开始。
4.2.1 接警人主界面设计
添加一个新项，名字为接警人主界面，调用设计好的母版页，然后在内容页中进行设计。接警人主界面作为登录和实现功能之间的缓冲，采用了一个div加css
22
盐城工学院本科生毕业设计说明书（2009）
的设计，插入一个javascript的菜单脚本，用来展示一些介绍和说明。在每个菜单中加入一个TextBox控件，并将其的TextMode属性设置为MultiLine，在其中加入 一个Text=\引号中写入的就是可以展示的文本。Css代码放在了母版页中，div及javascript的代码就在接警人主界面的源中。部分代码如下：
具体界面如图4-3接警人主界面所示。
图4-3 接警人主界面
4.2.2 接警记录模块设计
接警记录模块的建立，也采用了母版页，所以母版页的内容不变，只是在内容页中设计。接警记录模块以记录为主，所以仍然采用Table控件，插入Label控件和TextBox控件，再加上Button控件。接警记录中有四项内容需要记录，分别是： 案件编号，案件类型，案件地点，接警时间。为了更快的出警，接警记录所要记录
23
盐城市城市消防接警处理系统设计
的信息应该是对案件最具有相关性的。而且，作为案件的最初信息输入，不允许为空，编写代码的时候要设置提示框。
记录时，案件编号，案件类型，案件地点手动输入，而接警时间则采用一个时间读取函数，点击接警记录按钮后，接警时间就写为当前系统时间。代码如下： protected void Page_Load(object sender, EventArgs e) {
TextBox4.Text= DateTime.Now.ToString(); }
数据填入后，点击输入就完成了记录。相关代码如下： string sql = \
(anjianbianhao,anjiandidian,anjianleixing,j
iejingshijian) values('\TextBox3.Text.Trim() + \
\+ TextBox2.Text.Trim() + \+ TextBox4.Text.Trim() + \ SqlCommand cmd = new SqlCommand(sql, conn); cmd.ExecuteNonQuery(); conn.Close();
Response.Write(\添加成功！');location=接警记录.aspx \
this.TextBox1.Text = \ this.TextBox2.Text = \ this.TextBox3.Text = \ this.TextBox4.Text = \
具体界面如图4-4接警记录界面所示。
图4-4 接警记录界面
点击输入按钮后，完成记录，会在下方将表中的信息显示。主要是使用了
24