个人通讯录管理系统文档正文

目 录 1摘 要 21 引言 22 系统分析 22.1 问题识别 22.2 可行性分析 22.2.1 什么是可行性分析 22.2.2 可行性分析的报告 22.3 数据流程分析 33 系统设计 43.1 技术要求 43.2 各功能模块设计 53.3 系统流程设计 53.4 程序流程图 73.5 前台界面设计 73.6 系统配置设计 73.6.1 硬件配置 83.6.1 软件配置 83.7 同学录数据库设计 83.7.1 数据库概念结构的设计 93.7.2 数据库逻辑结构的设计 93.7.3 数据库物理结构的设计 104系统实施 104.1软件开发工具 104.1.1 ASP 114.1.2 数据库支持 124.1.3 Dreamweaver 8.0简介 124.2页面效果图 134.3 系统测试 134.3.1 系统测试的目的和规则 144.3.2 模块测试 184.3.4 综合测试 195 结束语 20参考文献 21Abstract 22致 谢 基于ASP的同学通讯录管理系统 李晓莲 （德州学院计算机系，山东德州 253023） 摘 要 摘 要：同学通讯录管理系统，是方便同学间交流、联系而设计的一个系统。它主要分为两大部分，一个是同学录管理系统，一个是同学之间交流的区域。该系统由三个要素组成，分别是：管理员、班级、成员，他们之间相互联系，形成了一个有机的整体。为提高用户对该系统的满意，必须正确处理他们之间的关系。 本系统总体上分为四大部分：登陆界面、注册页面、班级主界面和管理页面。具体是新用户在登陆界面有个注册帐号连接，输入无误后可进入注册页面，注册完后用户可以加入自己想要进入的班级，如果没有自己要进的班级，用户还可以自己注册班级。 关键词：ASP；Access；JavaScript；HTML；同学通讯录 1 引言 校园是一片净土，在集体熔炉里锻造出来的同学之情是纯真无私，没有杂质和功利，为人所珍视。于是，毕业时互留互赠，记载着同学间种种联系方式的同学录便成为延续同窗之情，使友情不致彻底中断的一种途径。 2 系统分析 2.1 问题识别 随着互联网的兴起，各种管理系统应运而生，在此趋势下，对基于ASP的同学通讯录管理系统的需求也越来越强烈。毕业将近，同学们以后接触的时间会相对减少，但相互交流的愿望却会相对增加。如果有个同学录系统，那么同学之间的交流就已不再是愿望而变成了现实。这样同学之间就不需要因为了解下同学的情况而奔跑于千里之外或因和同学沟通而每月承担的巨额话费，我们只要在拥有一台电脑就可以对同学的情况了如指掌，同学间的感情也不会随着时间的推移而变淡。 2.2 可行性分析 2.2.1 什么是可行性分析 可行性分析的任务是明确开发应用程序的必要性和可行性。必要性来自实现开发任务的迫切性，而可行性则取决于实现应用系统的资源和条件。可行性分析的内容包括： · 管理上的可行性：指管理人员对开发应用项目的态度和管理方面的条件。 · 技术上的可行性：分析当前的软、硬件技术能否满足对系统提出的要求。 · 经济上的可行性：主要是预估费用支出和对项目的经济效益进行评价。 2.2.2 可行性分析的报告 本系统是根据广大毕业生的实际需要产生的，它从总体上将分为四大部分：登陆界面、注册页面和班级主界面和管理页面。本系统将由三个重要要素组成：管理员、班级、成员，这三者之间相互联系，形成同学通讯录管理系统这个有机整体。管理员及成员通过注册，使用成功注册的账号登陆系统，在相应班级里进行符合自身权限的操作，如修改个人信息，留言等，以达到与同学联系，即时交流的目的。本系统实施所需资源条件并不苛刻，电脑在现代人生活中已呈普及状态，使用本系统的同学只需要拥有一台电脑和一条网线即可。综上所述，对项目可行性的结论是：可以立即开发。 2.3 数据流程分析 数据流程图是一种能全面地描述信息系统逻辑模型的主要工具，它可以用少数几种符号综合地反映出信息在系统中的流动、处理和存储情况。数据流程图具有抽象性和概括性。 · 抽象性：表现在它完全舍去了具体的物质，只显示数据的流动、加工处理和存储。 · 概括性：表现在它可以把信息中的各种不同业务处理过程联系起来，形成一个整体。 对整个同学通讯录管理系统的数据流程进行分析后得出如下数据流程图： 图2-1 同学通讯录管理系统数据流程图 3 系统设计 从系统分析的逻辑模型设计到系统设计的物理模型设计是一个由抽象到具体的过程，在系统设计中应遵循以下原则： · 系统性：系统是作为统一整体而存在的，因此，在系统设计中，要从整个系统的角度进行考虑，代码要统一，要，对系统的数据采集要做到数出一处，全局共享。 · 灵活性：为保持系统的长久生命力，要求系统具有很强的环境适应性，为此，系统应具有较好的开放性和结构的可变性。在系统设计中，应尽量采用模块化结构，提高各模块的独立性，尽可能使各子系统间的数据依赖减至最低限度。 · 可靠性：是指系统抵御外界干扰的能力及受外界干扰时的恢复能力。一个成功的管理信息系统必须具有较高的可靠性。 · 经济性：是指在满足系统需求的前提下，尽可能减小系统的开销。 3.1 技术要求 同学录管理系统面对的并非是计算机专业人员，面对的主要对象大多对计算机研究不是很深，所以页面设计一定要简洁明了，方便用户浏览和操作，另外系统是由程序来实现的。同学录管理系统是供用户加入，浏览，修改的一个对象，它虽然是一个简单的程序，但是作为开发者应该考虑到程序的安全和稳定等各个方面。因此它在设计上便有以下要求： 安全性：同学录管理系统应该在用户每次登陆都能检测出用户名和密码的合法和准确。 直观性：用户登陆后，系统都应把用户的一些信息和当天的时间等信息读取出来，方便用户浏览和修改。 持续性：用户在登陆后，系统都会把用户的登陆次数加一次；用户如果进行了留言，系统也会把用户的留言的次数加一次。 公平性：除了开创班级的开国元老之外，用户要成为管理员。除了向开国元老申请之外，必须自己的积分达到管理员所需要的积分，用户在班级里的身份才可以成为管理员。 3.2 各功能模块设计 本系统共分为三大部分：登陆界面、注册界面和操作界面。具体是由处理用户注册信息、用户登陆和用户操作三大块组成。下面分别介绍各块的功能： · 检测用户账号功能：用户在登陆界面输入账号和密码时，如果不符合系统设置，将会被系统提示出错。 · 处理用户注册信息功能：用户在注册时要严格按照系统提示的信息进行注册才能注册成功；否则系统将提示出错。 · 用户添加或创建班级：用户在注册成功后，系统将自动将用户转到查找班级页面，如果用户在此找不到自己所要注册的班级，那么用户可以自己添加班级，添加班级的用户将会被系统设置为开国元老，在其所注册的班级拥有最大的管理权限。 · 各种用户操作：用户在加入班级后，经过登陆进入到班级主页面，用户可以在此进行留言、浏览留言、修改个人信息等各种操作。如果用户身份是“管理员”，还可以进行删除用户、删除留言的操作。如果用户身份是“开国元老”，则还可以进行任命管理员、查看用户密码等操作。 图3-1 同学通讯录管理系统功能结构图 3.3 系统流程设计 功能结构图主要从功能的角度描述了系统的结构，但并未表达各功能之间的数据传递。而信息系统流程图则是以系统的数据流程图为基础绘制的，真实的反映了整个系统中的数据关系。 图3-2 同学通讯录系统流程图 3.4 程序流程图 图3-3 注册流程图 图3-4 添加或创建班级流程图 图3-5 管理流程图 3.5 前台界面设计 前台界面直接与会员打交道，其完整性和合理性，是同学录管理系统是否吸引用户的关键因素之一 图3-6 登陆页面布局图 图3-7 注册页面布局 3.6 系统配置方案设计 3.6.1 硬件配置 PC机一台；内存256M以上；VGA及以上显示器；硬盘10G以上。 建议计算机配置： · CPU：Intel奔腾四处理器 · RAM：256M以上 · 硬盘：60G以上 · 网卡 3.6.1 软件配置 由于开发调试均在一台电脑上操作，所以不分服务器与客户机。 支持软件： · Microsoft Windows 2000/XP； · Microsoft Access 2003 · Dreamweaver 8.0 3.7 同学录数据库设计 数据库是以一定的组织方式存储在一起的相关数据的集合，它是由计算机系统、数据、数据库管理系统和相关人员组成的具有高度组织的总体。数据库设计是在选定的数据库管理系统基础上建立数据库的过程。 3.7.1 数据库概念结构的设计 概念模型是按用户的观点对数据和信息建模，它将现实世界的客观对象抽象为某种不依赖于计算机系统和某一个DBMS的信息结构。其涉及的概念有： · 实体：指现实世界中存在的对象或事物。 · 属性：指实体具有的某种特性，用来描述一个实体。 · 联系：信息世界中的联系分为两类，一类是实体内部的联系，另一类是实体之间的联系。 概念模型的最常用表示方式是实体-联系方法，简称E-R方法。下面是本系统的总体E-R图。 图3-8 同学通讯录管理系统E-R图 3.7.2 数据库逻辑结构的设计 逻辑结构设计是将概念结构设计阶段完成的概念模型转换成能被选定的数据库管理系统支持的数据模型。数据模型在数据库系统设计中是用来提供信息表示和操作手段的形式构架，是数据库系统实现的基础。目前主要的数据模型是关系模型。 本同学通讯录管理系统数据库由三个表格构成，分别是uid（用户数据表）、banji(班级表)和book(留言表)。E-R图转化为关系模式如下： ① uid（用户编号、用户帐号、用户姓名、用户邮箱、注册时间、信息是否公开、用户性别、电话、用户QQ、用户生日、用户积分、用户登陆次数、用户留言数量、所在班级编号、班级里的身份、用户密码） 主键：用户编号 范式：属于第三范式 ② banji（班级编号、专业、班级名称、入学年月、班级人数、创建日期、系） 主键：班级编号 范式：属于第三范式 ③ book（留言编号、班级编号、留言人名、留言人帐号、留言内容、留言时间） 主键：留言编号 范式：属于第三范式 3.7.3 数据库物理结构的设计 根据上面对本系统数据库逻辑结构的设计，得出下面为同学通讯录管理系统设计的表格： 表3-1 用户数据表 主健 字段名 数据类型 备注 是 id 自动编号 用户编号 否 uid 文本 用户帐号 否 name 文本 用户姓名 否 Email 文本 用户邮箱 否 zhucedate 日期/时间 注册时间 否 gongkai 文本 信息是否公开 否 sex 文本 用户性别 否 phone 文本 电话 否 qq 文本 用户QQ 否 birthday 日期/时间 用户生日 否 积分 数字 用户积分 否 登陆次数 数字 用户登陆次数 否 留言次数 数字 用户留言数量 否 班级编号 数字 所在班级编号 否 身份 文本 班级里的身份 否 pwd 文本 用户密码 表3-2 班级表 主健 字段名 数据类型 备注 是 id 自动编号 班级编号 否 专业 文本 专业 否 班级 文本 班级名称 否 入学 日期/时间 入学年月 否 人数 数字 班级人数 否 创建日期 日期/时间 创建日期 否 系 文本 系 表3-3 留言表 主健 字段名 数据类型 备注 是 ID 自动编号 留言编号 否 banji 数字 班级编号 否 name 文本 留言人名 否 uid 文本 留言人帐号 否 note 文本 留言内容 否 time 日期/时间 留言时间 4系统实施 系统实施的主要内容包括物理系统的实施、程序设计与调试等。系统实施阶段既是成功地实现新系统的阶段，又是取得用户对系统信任的关键阶段。在系统正式实施开始之前，要制定出周密的，确定出系统实施的方法、步骤等。 4.1软件开发工具 4.1.1 ASP 讲到动态网站的开发，我们不得不讲到ASP。ASP即Active Server Page，它是Microsoft开发的一套服务器端脚本环境，内含于Intenet Information Server3.0以后的版本中。它实际上是将标准的HTML文件扩展了一些附加特征，ASP像标准的HTML文件一样包含HTML对象，在一个浏览器上解释、显示。任何可以放在HTML中的内容都可以放在ASP中。 ASP具有如下特点： · 使用VBScricpt、JavaScript等简单易懂的脚本，结合HTML代码，即可快速地完成网站的应用程序。 · 无需编译——容易编写，可在服务器端直接执行。 · 与浏览器无关，客户端只要使用可执行HTML码的浏览器，即可浏览ASP所设计的网页内容。ASP所使用的脚本语言均在Web服务器端执行，客户端的浏览器可以不需要能够执行这些脚本语言。 · ASP能与任何ActiveX Scripting语言兼容。除了可使用VBScript或JavaScript语言设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言。 · ASP的源代码不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，提高了程序的安全性。 · 可使用服务器端的脚本来产生客户端的脚本。 · 面向对象。 ActiveX Server Component(Active服务器组件)具有无限可扩充性。可以使用VB、Java、VC++等编程语言来编写所需要的ActiveX服务器组件。 本管理系统是采用Dreamweaver作为开发工具。Dreamweaver对站点管理则显得轻快灵巧，方便快捷而有不失功能强大。使用网站的树状图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。此外，当导入一个已存在的站点时，只要导入该站点的首页文件，Dreamweaver就会自动完成站点的树状图。有时一个站点的可重用部分可能很多（比如一个图片），这时则可以真正体验到Dreamweaver的方便与强大。Dreamweaver是提供视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite（Windows）和BBEdit（Macintosh）等主流文字编辑器。帧 (frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 4.1.2 数据库支持 Access是微软公司开发的数据库产品之一。 Access是集成在微软的Office办公软件之中，而Office在一般的计算机所购买时就内装。使用 Access无需编写任何的代码，只需通过图形化操作界面就可以完成大部分数据库的管理和操作。它是一个面向对象的采用事件驱动机制的关系数据库管理系统。它可以通过ODBC与其它数据库相连接，实现数据库的互操作。也可以与Word、Excel等办公软件进行数据交换和数据共享。由于 Access与Office系统中的各种资源。而且它提供了图像化简单应用开发界面，使用十分方便，目前最新版本 Access 2003以更加安全的数据库技术，备受用户喜爱。本系统将采用Access 2003作为后台数据库支持。 4.1.3 Dreamweaver 8.0简介 　　随着互联网应用的日益广泛，网页编辑技术不断完善，网页设计与制作软件层出不穷，Macromedia公司推出的Dreamweaver则是其中的佼佼者。Dreamweaver是一款专业的网页制作工具，具有可视化编辑界面和强大的所见即所得编辑功能，它集网页制作与网站管理于一身，用户不必编写复杂的HTML源代码，就可快速生成跨平台、跨浏览器的网页。同时，Dreamweaver支持动态网页的编写和调试，奠定了在高级网页设计方面的领先地位。 Dreamweaver 8.0将网页与数据库的交互流程标准化，使程序设计更加简单易行。它提供一个不受平台和技术限制的开发环境，支持ASP、JSP、PHP、ASP.NET等程序语言，设计时可以与Flash、Fireworks和Contribute等工具集成。Dreamweaver 8.0能够支持市面上大部分的数据库类型，包括Microsoft Access、Microsoft SQL Server、MySQL、Oracle等主流产品。可以利用ODBC、JDBC及ADO等方式来连接数据库，将其应用到网页之中。它还可以使用扩展功能来修改菜单、命令、对象等，只要熟悉JavaScript、XML等程序语言，就可以自行修改Dreamweaver 8.0中的组件。 4.2页面效果图 图4-1 用户登陆界面 图4-2 用户注册页面 4.3 系统测试 系统测试就是在系统投入运行前，对系统需求分析、设计规格说明书和编码的最终复审，是系统质量保证的关键步骤。确切的说，系统测试就是为了发现错误而执行的过程。一般分为两个阶段：（1）测试：在编完某一模块后进行测试（2）综合测试：在开发完系统后进行综合测试。 4.3.1 系统测试的目的和规则 系统测试的目的是想以最少的时间和人力找出软件中潜在的错误和缺陷。一个成功的系统应该不怕挑剔的用户进行测试。如果成功的实施了测试，就能够发现系统存在的错误。根据这样的测试目的，系统测试的规则应该是： · 应该把”尽早地和不断地进行系统测试”作为系统开发者的座右铭。 · 测试用例应由测试输入数据和与之对应的预期输出结果两部分组成。 · 程序员应避免检查自己的程序。 · 在设计测试用例时，应当包括合理的输入条件和不合理的输入条件。 · 充分注意测试中的群集现象。 · 严格执行测试计划，排除测试的随意性。 · 应当对每一个测试结果做全面检查。 · 妥善保存测试计划，测试用例，出错统计和最终分析报告，为维护方便。 4.3.2 模块测试 （1）用户注册 首先检测用户名可用性，系统判断可用后在注册页面按照提示信息输入用户注册信息并提交。当所有输入信息符合系统要求时注册成功；当有一项或几项输入信息不符合系统要求时，提示错误。 测试1：检测用户名111的可用性。 图4-3 测试页面（1） 测试2： ①检测用户名345的可用性； 图4-4 测试页面（2） ②填写详细注册信息； 图4-5 测试页面（3） ③注册成功； 图4-6 测试页面（4） ④查找班级； 图4-7 测试页面（5） ⑤添加班级。 图4-8 测试页面（6） 小结：系统测试结果如程序设计预期结果，此功能模块正常。 （2）用户登陆 在登陆界面录入会员的用户名和密码，提交信息。当用户名和密码皆正确，进入系统留言板；当用户名或密码不正确时，显示错误提示。 测试1：输入错误的用户名或密码。 图4-9 测试页面（7） 测试2：输入正确的用户名和密码。 图4-10 测试页面（8） 小结：系统测试结果如程序设计预期结果，此功能模块正常。 （3）留言 在班级主页面点击“留言”，进入留言界面。在此可进行写留言和浏览留言。 测试一：写留言。 图4-11 测试页面（9） 测试二：浏览留言。 图4-12 测试页面（10） 按照相同的步骤及方法，依次对成员、统计、管理、修改个人信息等模块进行测试，测试结果都如程序设计预期结果，说明这些功能模块皆正常。 4.3.4 综合测试 由会员注册页面起，按照正常的检测用户名、注册、登陆、留言、管理顺序测试。当输入条件合理时，系统运行皆符合预期；当输入条件不符合系统要求时，系统给出相应错误提示信息。 5 结束语 经过这两个月的学习和工作，终于完成了基于ASP的同学通讯录管理系统的开发。从确定设计题目到系统的实现，再到论文文章的完成，每一步都是新的尝试与挑战。在这个系统中，使用了Access 2003数据库，并用代码连接来实现了数据库的绑定。本系统已实现各项同学通讯录的基本功能，包括用户注册，加入班级，发表留言，查看班级成员信息等功能。 限于时间和精力有限，此同学通讯录管理系统仅仅完成了同学录管理中较核心的几项功能。在条件允许的情况下，还可以对系统做进一步的改进和扩展，如：增加班级相册和相册管理功能，使同学们可以发表近期照片，互相交流近况；增加生日提醒功能，使同学们在登陆后可以看到近期要过生日的同学名单，在为同学送去生日祝福的同时增进同学间的感情。虽然功能有所不同，但系统设计的总体思想、方法和步骤是相似的。 今后将继续学习ASP动态网页的制作，在完善知识体系的同时逐步完善本同学通讯录管理系统。敬请各位老师同学批评指正。 参考文献 [1] 杨锡林, 李军超. ASP编程高手[M].北京: 北京大学出版社, 2000. [2] 王龙. 新编中文版Dreamweaver MX标准教程[M].北京: 海洋出版社,2003. [3] Andrew Krowczyk,Vinod Kumar著，吴旭超译. NET网络高级编程[M].北京: 清华大学出版社，2003. [4] 陈惠贞,陈俊荣. ASP.NET程序设计[M].北京: 中国铁道出版社,2003. [5] 尚俊杰. 网络程序设计[M].北京: 北京交通大学出版社,2002. [6] 吴逸贤,吴目诚. 精彩JavaScript程序设计[M].北京：科学出版社，2002. [7] 时晓龙.数据库应用技术ACCESS[M].上海：上海科学普及出版社，2005. [8] 赵辉.ASP+Dreamweaver组建动态网站[M].北京：电子工业出版社，2006. [9] 唐建平，陈建军，等.ASP程序设计教程[M].北京：人民邮电出版社，2005. [10] 张兵义，于丽娟，等.网站规划与网页设计[M].北京：电子工业出版社，2006. [11] 王诚君.Dreamweaver MX2004应用教程[M].北京：清华大学出版社，2006. [12] 权智殷.设计师谈网页色彩与风格[M].北京：电子工业出版社，2005. [13] 黄平山，唐红.站长札记：网页制作精讲[M].北京：电子工业出版社，2006. [14] 王璞.网页制作三剑客商（MX 2004版）[M].北京：清华大学出版社，2004. [15] 冯昊.ASP动态网页设计与上机指导[M].北京：清华大学出版社，2003. [16] 黄梯云.管理信息系统（第三版）[M].北京：高等教育出版社，2005. Abstract An Alumni Address Book MIS Based on ASP Li Xiaolian (Department of Computer Science and Technology, Dezhou University, Dezhou, Shandong 253023) Abstract：The alumni address book MIS, help exchange, get in touch between classmates. The MIS is divided into two major parts mainly, one is manage system of alumni, one is the area that is exchanged between classmates. This MIS is divided into three key elements: administrator, class, member, connect each other between them , has formed an organic whole. In order to raise user's satisfaction to this system , must deal with the relation between them correctly. This MIS is divided into four major parts generally: land the interface, register the page , main interface of class and management page. It is that new users are landing the interface and having a registered account number to join, can enter the page of registering after inputting errorlessly to be concrete. Users can put into the class wanted to enter by oneself after finishing registering, users can also register the class by oneself. Key words：ASP; Access; JavaScript; HTML; address book 致 谢 在论文完成之际，我要特别感谢我的指导老师孙寿龙老师的热情关怀和悉心指导。在我撰写论文的过程中，孙老师倾注了大量的心血和汗水，无论是在论文的选题和资料的收集方面，还是在成文定稿方面，我都得到了孙老师悉心细致的教诲和无私的帮助，特别是他广博的学识、严谨的治学精神和一丝不苟的工作作风使我终生受益，在此表示真诚地感谢！ 在论文的写作过程中，也得到了许多同学的宝贵建议，在此一并致以诚挚的谢意。 感谢所有关心、支持、帮助过我的良师益友！ 最后，向在百忙中抽出时间对本文进行评审并提出宝贵意见的各位老师表示衷心地感谢！ N 输入待更改信息 Y 信息更改 提示错误 正确性检验 输入检查口令 创建该班级 N Y 加入该班级 检测班级是否存在 输入班级 用户 留言板 留言 班级信息存储 登陆框 账号 密码 确认按钮 加入或创建班级 添加或创建班级 检测账号 用户注册 注册表 班级信息 存储 注册用户信息存储 背景图片 注册处理 用户信息存储 班级信息 注册处理 注册表信息 查询 查询 同学通讯录管理系统 提示错误 注册成功 检测账号可用性 注册信息正确性检验 输入待检测账号 用户操作 N Y 提示错误 N 输入注册信息 Y 添加班级 检测信息正确性 用户输入注册信息 检测账号正确性 用户输入账号 用户 密码 账户 登陆信息 用户填写注册表 链接 浏览其它用户信息 修改个人信息 账户、密码 正确性检验 用户信息存储 注册 确认按钮 新用户注册 修改留言 留言 链接 班级信息 创建班级 链接 用户输入账户密码 用户填写基本资料 班级信息存储 填写要求说明 班级信息处理 登陆后各种操作处理 正确性检验 用户各种操作 链接 1 ii