web大作业报告

Web程序设计期末考核报告

院系：数学与计算机学院

专业：软件工程

班级： 1202班

学号： **********

*名：**

指导老师：***

2015年5月16日

基于的电子通信录系统的设计与实现

一、需求分析

为了掌握使用访问与操纵数据库的方法，我们决定通过制作一个电子通信录系统来掌握，目标系统应该达到以下要求：

1.系统的时间经济性。优化的逻辑设计和物理设计能够使系统的运行效率大大提高，

系统的反应速度也会加快。

2.系统的可理解性。用户很容易就可以理解系统的功能和如何使用系统。

3.系统的可维护性和适应性。系统应该容易被修改、扩充和维护，能够适应用户不断

发展变化的需求。

4.系统的可用性。目标系统的功能要求比较全，必须要能够完全满足系统的业务需求。

二、系统框架总体设计

（一）本系统是基于电子通讯录管理系统的设计与实现，主要实现用户的注册和登录，添加通讯组，显示通讯组，添加联系人，联系人显示和查找，修改密码等功能。

主要模块如下：

1.用户注册

2.用户登陆

3.添加通讯组

4.显示通讯组

5.添加联系人

6.显示联系人

7.查找联系人

8.密码修改

电子通讯录系统的系统结构图，如图下图显示：

（二）数据库表的设计。

数据结构描述：数据库名－DataBase

联系人数据表结构（TableUser）

（三）电子通信录系统应至少包括下列功能页面（页面布局自定）：

1.用户首先要进行注册，注册成功后，还要允许用户进行密码修改。

2.通信组的创建 AddGroup.aspx

3.通信组的显示与维护ShowGroup.aspx

通信组是根据联系人之间的关系建立不同性质的Group，以上页面主要访问数据库中的TableGroup数据表。页面主要功能分别为：组的创建和维护。比如，可以建立亲友通信组、工作通信组、同学通信组以及其他类型通信组等。

4.联系人信息的添加 AddPerson.aspx

5.联系人信息的显示与维护ShowPeople.aspx

根据联系人与通信组的关系，对联系人进行分类添加和维护，以上页面涉及到对TableUser数据表的操作，同时需要考虑与TableGroup数据表之间的关系。

6.查找通信录 Findperson.aspx

设置查找条件，用户可以直接输入查询关键字，也可以先选择通信组，再输入查询关键字，系统返回查询结果，可以绑定DataGrid控件来显示查询结果。

三、详细模块设计及截图

（一）数据库设计

如下图所示，在SQL server数据库中新建了一个数据库名为DataBase,在该数据库中建了三个表，分别是用户名数据表结构（TableUser）、通信组数据表结构（TableGroup）、联系人数据表结构（TableContact），登录方式为Windows方式。

1、用户名数据表结构（TableUser）如下图所示，主键为UserID和Password.

2、通信组数据表结构（TableGroup）如下图所示，主键为GID和UserID.

3、联系人数据表结构（TableContact）如下图所示，主键为UID和GID.

4、建立三个表之间的视图（work）如下图所示，内部联系为：①TableContact.GID=TableGroup.GID；②erID=erID.

（二）存储过程设计

电子通讯录采在数据库中采用了存储过程。用户的注册和登录，添加通讯组，显示通讯组，添加联系人，联系人显示和查找，修改密码都采用了存储过程，通过编译后存储在数据库，BALL层通过DAL层指定存储过程的名字并用UI层里面的参数，来执行。

（三）三层架构设计

这个电子通讯录使用了三层架构的设计，分为BALL，DAL，UI。BALL层里面有用户的注册和登录，添加通讯组，显示通讯组，添加联系人，联系人显示和查找，修改密码等业务逻辑。BALL层调用DAL里面的函数，UI层调用BALL层的函数。

（四）主页框架设计

设计思路：由于主页中有涉及到菜单栏和内容栏两部分，而且框架结构并不复杂，所以并没有采用css级联式，只是用了简单的左右式框架结构。主页关键框架结构代码截图如下图所示：（主页文件为Home.aspx，框架结构为左边文件为HomeLeft.aspx，右边框架文件为HomeRight.aspx，名字为f2,；其中左边文件的弹出方式是target=f2，即点击左边的超链接，

内容在右边显示，此时左边相当于是导航栏）

1、zhu.aspx文件关键代码如下所示：

2、框架左边导航栏即zhuye.aspx文件关键代码如下所示：

创建通信组

 

显示通信组

 

显示联系人

 

添加联系人

 

查找联系人