基于ASP的个人网站的设计及其实现.docx

《基于ASP的个人网站的设计及其实现.docx》由会员分享，可在线阅读，更多相关《基于ASP的个人网站的设计及其实现.docx（17页珍藏版）》请在三一办公上搜索。

1、引 言 随着计算机技术和网络技术的发展和普及，Internet 的迅速发展和广泛应用，将分布在世界各地的各种计算机系统及网络用户连接在一起。Internet是目前世界上最大的计算机互联网络，它遍布全球。今天，我们几乎可以在网络上找到我们想要的任何资料。随着时代的发展，计算机和数据库技术也在进行着日新月异的发展，网络已经成为人们生活中不可缺少的一部分，网络已成为我们当今社会信息传播的主要途径，也正在改变着我们日常生活中情感交流、人际交往等生活方式。而各类网站是人们交流和信息传播的主要平台，所以网站建设也越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计和应用，日益被网站建设者所注重。随着网络

2、应用领域的扩大，现在出现了各种各样的网站系统和各种软件与开发工具，是现今时代信息处理、传播和交流的主要手段。为此建设一个同学录网站系统是很有必要的，此系统可以为在校的或毕业后的同学之间保持更好的联系和同学之间的情感交流，增进同学之间的感情，为能够永远保存这一份同学感情提供一个重要的交流平台。第1章 系统分析1.1 系统初步调查随着互联网的兴起，各种管理系统应运而生，在此趋势下，对基于ASP的同学通讯录管理系统的需求也越来越强烈。毕业将近，同学们以后接触的时间会相对减少，但相互交流的愿望却会相对增加。如果有个同学录系统，那么同学之间的交流就已不再是愿望而变成了现实。这样同学之间就不需要因为了解下

3、同学的情况而奔跑于千里之外或因和同学沟通而每月承担的巨额话费，我们只要在拥有一台电脑就可以对同学的情况了如指掌，同学间的感情也不会随着时间的推移而变淡。有鉴于此，在目前情况下设计开发出网上个人空间的同学录管理信息系统，具有十分重要的现实意义和理论价值。1.2 可行性分析1.2.1技术可行性硬件、软件要求不高，目前市场上的一般计算机软硬件资源均能满足系统开发要求。其中运用的主要软件有 dreamweaver Ultradev4.0 ,photoshop,Acdsee等，数据库采用Access。ASP技术该技术户功能强大，扩展性强，macromedia 公司提供大量的第三方控件，并结合vbscri

4、pt,javascript以及sql 等脚本语言，以上技术足以完成本系统的开发和设计。维护操作工作方便，后台操作快截明了，操作人员可以在短时间内完全掌握维护技术。1.2.2社会可行性近年来计算机技术的快速发展，特别是计算机网络的发展，越来越深刻的改变了人们生活的方方面面。使得人们能以更低廉的价格，开发出更方便、更实用的网络工具。各种在线服务系统，更是深刻的影响了人们的联系方式，使得人们可以在远隔千里之遥随时通讯。过去的种种陈旧的联系方式，已经不能满足现代生活的需要。同学录作为一种方便同学之间联系的实用系统便应运而生。同学录是为同学之间进行交流和联系提供的一个平台。通过提供完善的同学录服务和规范

5、同学录的管理，可以达到增进同学之间、同学与母校之间的感情，方便校友联系的目的。1.2.3经济可行性资金可得性：由于系统开发并不复杂，操作起来也比较简单，只需一些基本的编辑软件，另外具备网络中心的一些资源优势，因此开发费用较低。经济合理性：由于该系统用于企业工作的大部分信息发布和传递工作，不仅能够节省大量的人工信息传递任务，提高了工作效率，更加有利于整个企业各部门之间的无纸化办公的推广。1.3需求分析1.3.1系统需求同学录管理系统需要满足来自两方面的需求，分别是查看同学录者的需求和同学录管理员需求。查看同学录者的需求是查看和发表留言，查看班级通讯录及查看空间的具体内容；系统管理员除了具有班级成

6、员的全部权限以外，还具有修改，删除同学录等功能。同学录管理系统的开发是应该满足以下具体的系统要求：1、 满足查找同学者的基本要求。2、 满足同学管理的基本要求。3、 满足同学录观看者管理的基本要求。4、 对操作人员的技能要求比较低，操作方便。5、 能够实现方便的扩展，满足现代化市场的发展。6、 能够提供完善的同学录服务和规范的同学录管理。1.3.2功能需求需求分析简单来说就是分析出系统要做一件什么事情。在线同学录管理信息系统的总体任务是实现在线同学查看相册，美文，以及查看留言等功能及管理员的在线管理的信息化、网络化。经过对以上需求进行分析以后，可以得到一个面向用户的简单的需求分析，并得到系统在

7、面向用户方面应该具有如下的功能： 1、进行网上聊天。2、查看空间内容。3、进行网上留言4、查看班级信息5、欣赏美文。6、查看主人信息。对于在线网络管理员来说，他所关心的问题是：同学录的成员包括谁，以及对成员的记录进行随时的更新，删除等等。基于这些问题出发，可以得到面向管理员的方面应该具有如下的功能：1、通讯录的维护：增加、修改和删除成员。2、现有人员管理：修改、删除、查看。3、用户管理：查看、修改、删除。4、管理员登录。5、添加人员：添加表中人员地址，姓名，工作单位等。另外，在本系统中，又加入了聊天室、网上调查。为用户提供了一个互动的平台。第2章 系统设计2.1系统设计实现目标根据上面对本系统

8、的分析，系统设计主要实现如下目标：1、提高在线同学录管理的效率，节约相关的管理成本。2、增强同学录管理的安全性。3、实现同学的最新动态。4、为用户提供综合性、规范化的服务。5、提供用户聊天室，网上调查、增强网站的互动性。6、满足用户和管理人员的不同方面的要求。2.2 系统设计原则（1）实用性原则：要力求最大限度地满足实际工作的需要，用户接口和操作界面美观大方，操作简便实用6。（2）可扩展性和可维护性原则：为适应将来的发展软件设计尽可能模块化使应用系统可灵活配置，适应不同的情况，数据库的设计尽可能考虑到未来的需要6。（3）安全可靠性原则：应用软件与数据库系统的设计尽量做到安全可靠，防止非法用户的

9、进入。数据库的备份策略恰当，以防灾难性事故发生7。（4）用户界面设计原则：图形化原则，用户界面的设计做到直观、明了、条理清晰，实现“傻瓜型”管理易学、易用、易管理7。2.3 系统设计思想1、页面模块化本系统把页面中一些常用的部分集成为模块，例如页面的头和尾部，这样设计新的页面时如果有重复出现的部分，只需要拿现成的模块来组装就可以了8。2、注重安全性为安全起见，应采用设有权限的数据库SQL Server或Oracle，作为一个中小型信息管理系统，本系统采用SQL Server 2000数据库11。3、代码的复用本系统使用了很好的代码复用机制，即在开发中尽量使用本系统中已经使用过的代码，以及使用以

10、前项目积累的代码，如分页功能等9。4、使用数据库连接池和其他优化手段10本系统中，连接数据库采用OLE DB 方式，并且在每页中显示的关闭连接，于是利用了IIS自带的数据库连接池特性，大大提高了数据库连接效率。2.4 系统功能模块划分根据系统功能，可将Web应用程序分为管理界面和用户界面。用户模式的系统功能模块图如图2-1所示。美文欣赏我的相册自我介绍班级首页在线同学录管理系统用户界面聊 天 室网上调查聊 天 室留言板联系同学查看调查结果投 票查看留言信息提交留言进行同学留言退出聊天室进行聊天登陆界面进行聊天退出聊天室登陆界面图2- 1用户模式系统功能图管理模式的系统功能模块图如图2-2所示。

11、图2- 2管理模式的系统功能模块图查看信息查看留言查看班级资料查看同学录修改同学录在线同学录管理界面添加同学信息管理员登录删除同学信息 查看个人资料查看美文查看相册进行聊天进行调查在线浏览界面查看班级宣传用户登录查看同学相册图2- 3用户模块功能图2.5系统运行环境的配置2.5.1硬件环境的配置1、服务器端本系统服务器端的配置如下：处理器：Inter Pentium41.6GHz或更高内存：256MB硬盘空间：80GB光驱：CD-ROM48X显卡：SVGA显示适配器122、用户端用户端的最低配置如下：处理器：Inter Pentium166MX或更高内存：32MB硬盘空间：1GB光驱：CD-R

12、OM48X显卡：SVGA显示适配器122.5.2软件环境的配置1、服务器端操作系统：Windows 2000 Server网络协议：TCP/IPWeb服务器：Internet information server5.0/Personal Web Server数据库：Microsoft SQLServer2000122、用户端操作系统：Windows98/ME/2000/XP网络协议：TCP/IP浏览器：Internet Explore5.0 以上，建议分辨率为1024768像素122.6数据库设计数据库是设计网站必不可少的后台支持，数据库结构设计的好坏将直接对应用系统的效率以及实现的效果产生影

13、响，合理的数据库结构设计可以提高数据存储的效率，保证数据的完整和一致。13在本系统中我们定义这个数据库为BBS和schoolmate。BBS数据库中包含了1张表：留言信息表BBS、schoolmate数据库中包含1张同学信息表schoolmate。 2.6.1 数据库需求分析用户的需求具体体现在各种信息的提供、浏览、更新和查询，这就要求数据库结构能够充分满足各种信息的输入和输出。通过上述的分析，针对一般在同学录管理系统，总结出如下的需求分析：用户无需登录就可以查看个人资料，美文欣赏，观看相册，进行聊天，留言等。l 管理员注册登录后就可以维护同学的信息，并且可以进行更改，删除等操作。l 用户可以

14、查看留言的内容，也可以进行提交留言。l 提供更新同学信息功能。经过上述系统功能分析和需求总结，考虑到将来功能上的扩展，设计如下的数据项和数据结构。l 留言信息，包括数据项：留言者，E-mail，主题，留言给谁，内容。l 同学信息：包括数据项：姓名，性别，出生日期，联系电话，手机，家庭住址，所在单位，电子邮箱。2.6.2 数据库概念结构设计根据上面的设计规划出的实体有：管理信息实体、用户信息实体、同学实体、留言实体。实体之间关系的E-R图如图2-4所示。同学信息分类同学用户留言留言内容查看图2- 4实体之间关系的E-R图2.6.3数据库逻辑结构设计本系统采用ACCESS数据库。在线同学录数据库中

15、表的设计结果如下面的表格所示。表2-1所示为schoolmate信息表，记录某个同学的所有信息信息。表2- 1同学录信息表(schoolmate)字段名称数据类型字段大小必填字段默认值姓名文本10是（无）性别文本2是（无）出生日期日期/时间短日期是（无）电话文本20是（无）手机文本20是（无）住址文本30是（无）单位文本20是（无）Email文本20是（无）表2-2所示为留言信息列表，记录系统中所有人员的留言信息。表2-2 留言信息列表（BBS）字段名称数据类型字段大小必填字段默认值说明ID自动编号长整型无（无）给留言者编号User文本10是（无）留言者Email文本30是（无）地址ToWho

16、文本30是（无）留言给谁AddTime文本25是（无）留言时间Subject文本30是（无）主题Content备注无否（无）内容第3章 系统的实现3.1用户模式功能模块实现3.1.1公用模块设计为了提高代码的重用性，把具有相同功能的代码设计为独立的模块，这些模块包括头模块、注册模块和左边班级功能的模块。3.1.2客户端界面结构设计主页是一个网页管理系统的门户，同学一般都是首先看到此页（也有个别从链接进来者），主页包含很多的功能，能够满足用户的各种需求，因此大多数同学都希望在主页上能够查看更多信息，例如，查看美文，与朋友进行聊天，查看主人的空间信息，以及进行对本网站的满意度进行投票等功能。所以网

17、页设计者希望将自己最希望让别人了解的信息放在最吸引目光的位置。本系统的主页是index.html文件，图3-1是同学录管理系统的主页面。图3-2是功能显示图图3- 1主页面的运行效果图图3- 2功能的运行效果图3.1.3班级功能浏览模块同学录及进行同学聊天是同学来到网站后最关心的件事。对于同学信息这种既注重准确又关心最新消息的内容。具备方便聊天的功能是非常必要的，另外还需具备留言功能。首先来看聊天功能的实现。1. 聊天界面在本系统中成员登陆界面是由main.htm页面实现的，聊天页面和退出聊天界面都是在一个页面实现的，即都是ChatPage.asp文件，在这个文件中，显示聊天的内容及在线成员。

18、图3-3为聊天室界面.图3- 3聊天室的显示页面2.查看美文信息美文详细信息的实现原理是通过进行超级连接可以实现. 图3- 4美文欣赏信息运行图3.1.4 同学录管理模块设计本系统的目的就是用来管理同学录，自然最感兴趣的就是进行更新，删除，添加同学的信息。运行效果图如3-5所示。图3- 5填入同学信息的运行效果图进入此模块用户可以看见的就是同学的具体信息，包括姓名，性别，出生日期，电话，住址等具体情况。其运行效果图如图3-6所示：图3- 6同学录具体信息的运行效果图根据操作选择，可对同学的信息进行删除，修改。修改同学信息运行图如3-7所示。图3- 7修改同学信息的显示页面 至此，与同学录相关的

19、模块已开发完毕，下面的几个模块都是与同学录管理系统的直接关系不大，但也是一个在线管理系统必不可少的，包括在线进行调查，查看调查结果。3.1.5 在线调查模块在线调查模块，即常见的投票模块，包括进行投票和查看调查结果信息两个页面。 图3-8是调查选项表，从这里可以查看调查选项。图3-9是调查结果的显示表，可以查看调查选项的比例。图3- 8投票调查运行效果图图3- 9查看调查结果的运行效果图参考文献1 韩晓荣等, ASP动态网页设计, 内蒙古：内蒙古工业大学2 毛一心等,Access2000应用及实例集锦.北京：人民邮电出版社，20003 冯昊，ASP动态网页设计与上机指导, 北京：清华大学出版社, 2003.84 李海兵，杨晓亮. Dreamweaver Ultra Dev动态网页设计. 第2版.人民邮电出版社，2003