在线电话薄系统的开发

课程设计课程设计说明书在线通讯录的开发学生高 虹学号1118042026班级专升本1101成绩指导教师任民宏数学与计算机科学学院2012年3月2日20 / 25课程设计课程设计评阅书题目在线通讯录的开发学生高虹学号1118042026指导教师评语与成绩指导教师签名：年 月 日答辩评语与成绩答辩教师签名：年 月 日教研室意见总成绩：室主任签名：年 月 日课程设计任务书20112012学年第2学期专业： 计算机科学与技术 学号： 1118042026 ：高虹课程设计名称：课程设计设计题目：在线通讯录的开发完成期限：自 2012 年 2 月 20 日至 2012 年 3 月 2 日共 2 周设计依据、要求与主要容（可另加附页）：系统采用B/S结构，用ASP开发，后台数据库采用SQL Server 2000。系统具有注册、登记、登录、浏览和后台管理功能。用户登录后，可通过登记功能将自己的通信信息加入到系统，浏览系统中的通信录信息。后台管理功能包括删除用户和删除通信录中的记录功能。高虹在本次课程设计中完成需求分析、系统设计、系统实现和测试。在课程设计过程中可参考以下文献：1 阿奇.ASP程序设计教程M.：机械工业，2005.2 黄明，梁旭.ASP信息系统设计与开发实例M.：机械工业，2005.3 何东建，朱俊平.网页设计与Web编程M.：交通大学，2004.4 齐治昌，谭庆平，宁洪.软件工程M.：高等教育，2004.指导教师（签字）： 教研室主任（签字）：批准日期： 年 月 日摘 要随着人们的生活水平不断提高，近年来网络行业的蓬勃发展，人们开始使用网络这一通讯工具开始联系对方。在线通讯录主要实现注册、登录、浏览、添加、修改、删除功能。采用Dreamweaver+Access技术，不但使页面美观，而且具有较强的实用性，极方便了用户的使用。关键词：在线通讯录;Dreamweaver+Access; 实用性目 录1课题描述11.1开发背景11.2研究意义11.3发展现状12设计过程22.1软件结构设计22.2 数据库设计22.2.1数据库概念结构设计22.2.2数据库逻辑结构设计32.2.3数据库物理结构设计32.3系统实现32.3.1建立数据库32.3.2注册页面42.3.3登录页面82.3.4信息浏览页面102.3.5添加页面122.3.6修改页面142.3.7删除页面183测试19总 结20参考文献211课题描述1.1开发背景当今科技的迅速发展，互联网络以惊人的速度渗透着人们的生产、生活。通过互联网，方便了人与人之间的联系，此时在线通讯录应运而生。利用在线通讯录，取代了先前的采用纸质记录每个人的联系方式，克服了纸质记录易损坏、易丢失等特点，极保护了用户的基本信息，有着不易丢失、方便保存的特点。1.2研究意义随着计算机技术的飞速发展，计算机在各行各业中应用的普与，利用计算机管理各种大量的信息势在必行。计算机管理不但可以减少资源浪费、节省人力物力，还可以提高工作效率。当今社会，人与人之间的联系愈加平凡，对在线通讯录的开发显得越来越重要，它极大的方便了人们之间的联系，从而达到提高联系人效率的目的。1.3发展现状现在我们已经有很多方式管理联系人的信息，比如说，有储存到手机上的，有记录等信息到本子上的，还有用名片夹存放名片的，也有记录在WORD文档中或打印出来的，等等很多种形式。可是每种方式都有一定的缺陷。于是就出现了通过互联网进行在线通讯录的管理。这一研究可以帮助我们随时随地查找任意信息，查找快速，维护方便，丢失手机也不会丢失联系方式，而且可以根据用户的需要定制，比较灵活。开发工具：Dreamweaver，Access2设计过程2.1软件结构设计本通讯录采用B/S的开发模式。B/S是Brower/Server的缩写，客户机上只要安装一个浏览器（Browser），如360安全浏览器或Internet Explorer，服务器安装Oracle、Sybase、Informix 、SQL Server或Access等数据库。浏览器通过Web Server 同数据库进行数据交互。系统采用B/S结构，用ASP开发，后台数据库采用Access。系统具有注册、登记、登录、浏览和后台管理功能。用户登录后，可通过登记功能将自己的通信信息加入到系统，浏览系统中的通信录信息。后台管理功能包括删除用户和删除通信录中的记录功能。经过对系统功能的分析得到以下功能模块图，如图2.1所示。图2.1 系统功能模块图2.2 数据库设计2.2.1数据库概念结构设计采用自底而上的设计方法。先自顶向下地进行需求分析，对在线通讯录的需求进行逐步细化；然后再自底而上地设计概念结构，最终将各个局部应用的概念结构集合成为全局概念结构。通过对局部应用的选择，逐一设计出分E-R图，并对各个分E-R图进行合并，生成初步E-R图，消除不必要的系统冗余，可以得出以下在线通讯录系统E-R图。经过对系统的分析，得出如下E-R图，如图2.2所示。图2.2 系统E-R图2.2.2数据库逻辑结构设计将上 E-R图转化为如下的关系模型，其中下划线为主码：联系人（联系人，密码，重复密码，性别， ，E_mail，）用户（用户名，密码）对上面的关系模型进行优化设计，该系统模型属于3NF。2.2.3数据库物理结构设计根据系统数据库逻辑结构设计结果得到数据库物理结构，如表2.1和表2.2所示。表2.1 用户表字段名类型长度说明用户名文本50主码密码文本50非空重复密码文本50非空性别文本50文本50E_mail文本50文本50表2.2用户表字段名类型长度说明用户名文本50主码密码文本50非空2.3系统实现2.3.1建立数据库在Access中，创建数据库，如图2.3所示。图2.3 新建在线通讯录数据库2.3.2注册页面还未进行注册的用户，在进入在线通讯录之前需进行注册，如图2.4所示。图2.4 注册页面主要代码如下所示：<table width="922" border="0" cellpadding="0" cellspacing="0" bgcolor="#99FFFF"> <!-DWLayoutTable-> <tr> <td height="186" colspan="3" valign="top"><img src="img/1.jpg" width="922" height="186" /></td> </tr> <tr> <td width="225" height="59">&nbsp;</td> <td width="467" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <tr> <td width="467" height="59"><div align="center" class="STYLE1 STYLE1">用 户 注 册</div></td> </tr> </table> </td> <td width="230">&nbsp;</td> </tr> <tr> <td height="227">&nbsp;</td> <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" onfocus="MM_validateForm('username','','R','telephone','','NisNum');return document.MM_returnValue"> <!-DWLayoutTable-> <tr> <td width="467" height="449" onfocus="MM_validateForm('textfield','','R');return document.MM_returnValue"><form METHOD="POST" action="<%=MM_editAction%>" name="register" id="register"> <table width="467" height="400" border="1"> <tr> <td width="146" height="42"><div align="right"><span class="STYLE4">姓 &nbsp;&nbsp;名:</span></div></td> <td width="305"><label></label> <label> <input name="username" type="text" id="username" /> </label></td> </tr> <tr> <td height="45"><div align="right"><span class="STYLE4">密 &nbsp;&nbsp;码:</span></div></td> <td><label></label> <label> <input name="password" type="password" id="password" /> </label></td> </tr> <tr> <td height="52"><div align="right">重复密码:</div></td> <td height="52"><label> <input name="repassword" type="password" id="repassword" /> </label></td> </tr> <tr> <td height="24"><div align="right">性 &nbsp;&nbsp;别:</div></td> <td height="24" align="center" valign="middle"><label></label> <p><label></label> <label></label> <label></label> <label></label> <label></label> <br /> <label></label> <label></label><label></label><label></label><label></label><br /><label></label><label><input <%If (CStr(register.Fields.Item("sex").Value) = CStr("男") Then Response.Write("checked=""checked""") : Response.Write("")%> name="sex" type="radio" value="男" checked="checked" />男</label><label><input <%If (CStr(register.Fields.Item("sex").Value) = CStr("女") Then Response.Write("checked=""checked""") : Response.Write("")%> type="radio" name="sex" value="女" />女</label><br /><label></label><br /> <label></label><br /> </p> </td> </tr> <tr> <td height="51"><div align="right"> :</div></td> <td height="51"><label> <input name=" " type="text" id=" " /> </label></td> </tr> <tr> <td height="51"><div align="right">E_mail:</div></td> <td height="51"><label> <input name="email" type="text" id="email" /> </label></td> </tr> <tr> <td height="51"><div align="right">:</div></td> <td height="51"><label> <input name="telephone" type="text" id="telephone" /> </label></td> </tr> <tr> <td height="25" colspan="2"><div align="center"> <blockquote> <p> <input name="Submit" type="submit" value="注册" /> &nbsp; &nbsp; <input name="Submit2" type="reset" value="重设" /> </p> </blockquote> </div></td> </tr> </table> <input type="hidden" name="MM_insert" value="register"> </form> </td> </tr> </table> </td> <td>&nbsp;</td> </tr> <tr> <td height="94" colspan="3" align="center" valign="middle" bgcolor="#48e75b"><p align="center" class="STYLE6">copyrightxujing and gaohong</p> <p align="center" class="STYLE6">制作时间：2012年02月28日</p></td> </tr> </table>2.3.3登录页面已注册过的用户进入登录页面，如图2.5所示。图2.5 登录页面主要代码如下所示：<table width="922" border="0" cellpadding="0" cellspacing="0" bgcolor="#99FFFF"> <!-DWLayoutTable-> <tr> <td height="186" colspan="3" valign="top"><img src="img/1.jpg" width="922" height="186" /></td> </tr> <tr> <td width="225" height="59">&nbsp;</td> <td width="467" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <tr> <td width="467" height="59">&nbsp;</td> </tr> </table> </td> <td width="230">&nbsp;</td> </tr> <tr> <td height="227">&nbsp;</td> <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <tr> <td width="467" height="227"></form><form id="form1" name="form1" method="POST" action="<%=MM_LoginAction%>"> <table width="467" height="148" border="1"> <tr> <td width="146" height="42"><div align="right"><span class="STYLE4">用户名：</span></div></td> <td width="305"><label> <input name="user_name" type="text" id="user_name" size="20" /> </label></td> </tr> <tr> <td height="45"><div align="right"><span class="STYLE4">密 &nbsp;码：</span></div></td> <td><label> <input name="user_passwprd" type="password" id="user_passwprd" size="20" /> </label></td> </tr> <tr> <td height="51" colspan="2"><label> <div align="center"> <input name="Submit" type="submit" value="登录" /> &nbsp; &nbsp; <input name="Submit2" type="submit" onclick="MM_goToURL('parent','register.asp');return document.MM_returnValue" value="注册" /> <span class="STYLE4"><a href="zhuce.asp"></a></span> </div> </label></td> </tr> </table> </form> </td> </tr> </table> </td> <td>&nbsp;</td> </tr> <tr> <td height="94" colspan="3" align="center" valign="middle" bgcolor="#48e75b"><p align="center" class="STYLE6">copyrightxujing and gaohong</p> <p align="center" class="STYLE6">制作时间：2012年02月28日</p></td> </tr> </table>2.3.4信息浏览页面用户登录后，可以对信息进行浏览，如图2.6所示。图2.6 信息浏览页面主要代码如下：<table width="469" border="1"> <tr> <td height="36" align="center" valign="middle"><div align="center" class="STYLE2">姓 名</div></td> <td align="center" valign="middle"><div align="center" class="STYLE2">性 别</div></td> <tdalign="center" valign="middle"><div align="center" class="STYLE2"> </div></td> <td align="center" valign="middle"><div align="center" class="STYLE2">E_mial</div></td> <td align="center" valign="middle"><div align="center" class="STYLE2">电 话</div></td> <td colspan="2" align="center" valign="middle"><div align="center" class="STYLE2">操 作</div></td> </tr> <% While (Repeat1_numRows <> 0) AND (NOT guanli.EOF) %> <tr> <td height="44"><%=(guanli.Fields.Item("username").Value)%></td> <td><%=(guanli.Fields.Item("sex").Value)%></td> <td><%=(guanli.Fields.Item(" ").Value)%></td> <td><%=(guanli.Fields.Item("email").Value)%></td> <td><%=(guanli.Fields.Item("telephone").Value)%></td> <td align="center" valign="middle"><span class="STYLE4"><a href="xiugai.asp">修改</a></span></td> <td align="center" valign="middle"><span class="STYLE4"><a href="delete.asp">删除</a></span></td> </tr> <% Repeat1_index=Repeat1_index+1 Repeat1_numRows=Repeat1_numRows-1 guanli.MoveNext()Wend%> <tr> <td height="108" colspan="7" align="center" valign="middle"><label> <div align="center"> <p> <input name="Submit" type="submit" onclick="MM_goToURL('parent','tianjia.asp');return document.MM_returnValue" value="添加" /> <input name="Submit2" type="submit" onclick="MM_goToURL('parent','index.asp');return document.MM_returnValue" value="返回" /> </p> <p align="right">&nbsp;<A HREF="<%=MM_moveFirst%>">第一页</A> <A HREF="<%=MM_movePrev%>">前一页</A> <A HREF="<%=MM_moveNext%>">下一页</A> <A HREF="<%=MM_moveLast%>">最后一页</A></p> </div> </label></td> </tr> </table>2.3.5添加页面管理员可以对用户进行添加，如图2.7所示。图2.7 添加页面主要代码如下所示：<table width="467" height="393" border="1"> <tr> <td width="146" height="42"><div align="right"><span class="STYLE4">姓 &nbsp;&nbsp;名:</span></div></td> <td width="305"><label></label> <label> <input name="username" type="text" id="username" /> </label></td> </tr> <tr> <td height="45"><div align="right"><span class="STYLE4">密 &nbsp;&nbsp;码:</span></div></td> <td><label></label> <label> <input name="password" type="password" id="password" /> </label></td> </tr> <tr> <td height="47"><div align="right">重复密码:</div></td> <td height="47"><label> <input name="repassword" type="password" id="repassword" /> </label></td> </tr> <tr> <td height="50"><div align="right">性 &nbsp;&nbsp;别:</div></td> <td height="50" align="center" valign="middle"><label></label> <p> <label><input <%If (CStr(tianjia.Fields.Item("sex").Value) = CStr("男") Then Response.Write("checked=""checked""") : Response.Write("")%> name="sex" type="radio" value="男" checked="checked" /> 男</label> <input <%If (CStr(tianjia.Fields.Item("sex").Value) = CStr("女") Then Response.Write("checked=""checked""") : Response.Write("")%> type="radio" name="sex" value="女" /> 女 <br /> <label></label> </p> <label></label></td> </tr> <tr> <td height="51"><div align="right"> :</div></td> <td height="51"><label> <input name=" " type="text" id=" " /> </label></td> </tr> <tr> <td height="51"><div align="right">E_mail:</div></td> <td height="51"><label> <input name="email" type="text" id="email" /> </label></td> </tr> <tr> <td height="51"><div align="right">:</div></td> <td height="51"><label> <input name="telephone" type="text" id="telephone" /> </label></td> </tr> <tr> <td height="25" colspan="2"><div align="center"> <blockquote> <p> <input name="Submit" type="submit" value="提交" /> &nbsp; &nbsp; <input name="Submit2" type="reset" onclick="MM_goToURL('parent','index.asp');return document.MM_returnValue" value="重设" /> </p> </blockquote> </div></td> </tr> </table>2.3.6修改页面管理员可以对用户进行修改，修改页面如图2.8所示。图2.8 修改页面主要代码如下所示：<table width="467" height="400" border="1"> <tr> <td width="146" height="42"><div align="right"><span class="STYLE4">姓 &nbsp;&nbsp;名:</span></div></td> <td width="305"><label></label> <label> <input name="username" type="text" id="username" onblur="MM_validateForm('username','','R',' ','','R','email','','R','telephone','','R','password','','R','repassword','','R');return document.MM_returnValue" value="<%=(Recordset1.Fields.Item("username").Value)%>" /> </label></td> </tr> <tr> <td height="45"><div align="right"><span class="STYLE4">密 &nbsp;&nbsp;码:</span></div></td> <td><label></label> <label> <input name="password" type="password" id="password" /> </label></td> </tr> <tr> <td height="52"><div align="right">重复密码:</div></td> <td height="52"><label> <input name="repassword" type="password" id="repassword" /> </label></td> </tr> <tr> <td height="24"><div align="right">性 &nbsp;&nbsp;别:</div></td> <td height="24" align="center" valign="middle"><label></label> <p><label></label> <label></label> <label></label> <label></label> <label></label> <br /> <label></label> <label></label><label></label><label></label><label></label><br /><label></label><label><input <%If (CStr(Recordset1.Fields.Item("sex").Value) = CStr("男") Then Response.Write("checked=""checked""") : Response.Write("")%> name="sex" type="radio" value="男" checked="checked" />男</label><label><input <%If (CStr(Recordset1.Fields.Item("sex").Value) = CStr("女") Then Response.Write("checked=""checked""") : Response.Write("")%> type="radio" name="sex" value="女" />女</label><br /><label></label><br /> <label></label><br /> </p> </td> </tr> <tr> <td height="51"><div align="right"> :</div></td> <td height="51"><label><input name=" " type="text" id=" " value="<%=(Recordset1.Fields.Item(" ").Value)%>" /> </label></td> </tr> <tr> <td height="51"><div align="right">E_mail:</div></td> <td height="51"><label> <input name="email" type="text" id="email" value="<%=(Recordset1.Fields.Item("email").Value)%>" /> </label></td> </tr> <tr> <td height="51"><div align="right">:</div></td> <td height="51"><label> <input name="telephone" type="text" id="telephone" /> </label></td> </tr> <tr> <td height="25" colspan="2"><div align="center"> <blockquote> <p> <input name="Submit" type="submit" value="修改" /> &nbsp; &nbsp; <input name="Submit2" type="reset" value="重设" /> </p> </blockquote> </div></td> </tr> </table>2.3.7删除页面管理员可以对用户进行删除，删除页面如图2.9所示。图2.9 删除页面主要代码如下所示：<form id="form1" name="form1" method="POST" action="<%=MM_editAction%>"> <label> <input type="submit" name="Submit" value="删除" /> </label> <input type="hidden" name="MM_delete" value="form1"> <input type="hidden" name="MM_recordId" value="<%= shanchu.Fields.Item("username").Value %>"></form>3测试（1）以用户注册为例，进行测试。当注册成功时，会显示成功页面，如图3.1所示。图3.1 注册成功当注册失败时，会显示失败页面，如图3.2所示。图3.2 注册失败（2）以添加用户为例，进行测试。添加用户nn，添加成功后，页面如图3.3所示。图3.3 添加成功总 结在这个科技日新月异的社会，根据每个人不同的习惯存在着各种形式的通讯录。然而通过此次课设，我利用自己平时所学，开发了在线通讯录。不管以后我和我的同学是不是天南海北，我可以用自己设计的通讯录联系他们，我们不会因为更换手机或