班级同学录网页制作.docx
《班级同学录网页制作.docx》由会员分享，可在线阅读，更多相关《班级同学录网页制作.docx（49页珍藏版）》请在冰豆网上搜索。
班级同学录网页制作
毕业设计
班级同学录网页制作
学院：
信息科学技术学院
专业：
姓名：
指导老师：
信息工程
徐慧婷
学号：
职称：
0601321004
孟颖
讲师
中国·珠海
二○一〇年五月
北京理工大学珠海学院毕业设计
诚信承诺书
本人郑重承诺：
我所呈交的毕业设计《班级同学录网页制作》是在指导教师的指导下，独立开展研究取得的成果，文中引用他人的观点和材料，均在文后按顺序列出其参考文献，设计使用的数据真实可靠。
承诺人签名：
日期：
年月日
班级同学录网页设计制作
摘要
本设计主要研究了同学录网站的设计开发，实现一套面向用户的基于Web的同学录系统。
在研究开发过程中，本系统采用浏览器/服务器（B/S）网络技术模式，使用VisualStudio2005作为界面设计软件，结合后台数据库运行和管理的载体SQLServer2005，以IIS作为Web服务器，通过浏览器进行客服端访问。
本设计主要利用ASP.NET技术，实现了网页各种功能，并克服了ASP安全性、代码混乱和不易调试等方面的问题。
本论文主要描述同学录系统的设计方法和实现过程，阐述了系统的需求分析、概要设计及数据库设计，实现了以ASP.NET为核心开发的班级同学录系统，完成了用户注册登录、发表日志、短消息、班级留言、班级相册、在线聊天等基本功能，使天各一方的同学通过该系统取得联系。
关键词：
同学录ASP.NETB/S结构数据库
AlumniRecordWebDesign
ABSTRACT
ThisWebdesignmainlystudiestheexploitationofalumnirecord,andachievesasetofanalumnirecordsystembasedonWebwhichfacedtotheconsumer.Inthecourseoftheresearchanddevelopment,thissystemusestheBrowser/Server（B/S）networktechniquemode;usestheVisualStudio2005softwaretodesigntheinterface,andcombineswiththeSQLServer2005databasestomanagethesystem;andusestheIISastheWebserver.Customerscanvisitthesystembyabrowser.ThisWebdesignusestheASP.NETtechnique,overcometheproblemsinASPaboutthesafety,confusioncodeanduneasydebugging.
Thisarticlemainlydescribesthedesignandimplementationprocessofthealumnirecordsystem.Itdescribesthesystemdemandanalysis,theoutlinedesignandthedatabasedesign.Finally,thisdesigncarriesoutaalumnirecordsystemwhichisdevelopedbytheASP.NETtechnique,andhassomebasefunctionssuchastheuserregistration,theuserlogin,thepersonaldiary,thesendingofshortmessage,theclassmessagebox,theclassalbum,theonlinechatandsoon.Thoughthisalumnirecordsystemtheclassmateswhoarefarawaycancontactwitheachother.
keyword:
AlumniRecordASP.NETtechniqueDatabase
1前言1
1.1分布式Web应用系统的发展1
1.2开发同学录网站的意义及作用2
2相关知识与技术3
2.1ASP.NET3
2.1.1ASP.NET的技术特征3
2.1.2ASP.NET页面主要优点4
2.2ADO.NET数据访问服务技术4
3同学录系统的需求分析和设计6
3.1系统需求分析6
3.1.1功能需求6
3.1.2运行环境6
3.1.3开发工具7
3.2系统的总体设计7
3.2.1开发设计思想7
3.2.2系统功能结构8
4同学录系统数据库设计及实现10
4.1数据库需求分析10
4.2数据库结构设计10
5系统的详细设计15
5.1功能设计规范15
5.2用户界面设计17
5.3管理员界面设计30
6总结与展望35
参考文献36
谢辞37
1前言
1.1分布式Web应用系统的发展
Internet的出现是本世纪内计算机通信领域最重要的一次革命。
利用这种媒体，人们可以建立一个虚拟的电子世界，从而给人们提供了一个方便的与世界上各个角落的其他人实时交流的手段和机会。
借助于WWW动态的交互式信息发布，诸如网上购物、网上银行、网上书店等一系列在线电子商务服务系统得以盛行。
这些系统都离不开分布式的数据库、与用户及后台数据库交互的动态WEB应用程序等技术。
在Internet技术还没有流行的前些年，Client/Server（客户机/服务机）二层结构是一种主流开发模式，所谓的C/S模式实际上是一种“逻辑”概念，即将整个系统在逻辑上划分成前端客户进程和后台服务器进程，两者通过Intranet网络链接。
前端的客户应用程序主要是显示界面、与用户进行交互，而后台的服务器进程主要是负责进行数据处理，将处理后的结果返回给用户。
该模式有速度快、交互性好的优点，使用于系统中大量数据的输入输出操作。
而且其良好的开发性和易扩充性，客户端及其功能的添加、删除和更新都不会对系统产生影响。
而随着Internet的渗透，Web正在改变应用系统的开发及实施的方法。
Client/Server体系结构由单一的两个层次扩展到由客户、应用服务器、数据库服务器组成的三层结构，这就是Browse/Server（浏览器/服务器）模式，是C/S模式发展到一定阶段的产物。
该模式的出现是计算机应用的体系结构从封闭的集中式主机向开放的与平台无关的环境过渡，此时的服务器端可以不只是一台主机，而可以采用主机的群集技术构成。
这种以服务器为中心的结构体系使应用单位摆脱了以往密集人才资源、高成本的操作管理方式，对用户的最大好处是客户端不需要安装什么设备和软件，只需一个Web浏览器。
对开发者来说，这已不是简单的二层结构，而是以Web技术为基础，将传统C/S模式中的服务器部分细分为数据库服务器和Web服务器，从而变成三层结构5。
其优点主要有：
图1-1Browse/Server模式结构图
（1）用户的操作使用简单。
B/S只需安装一个提供友好界面的通用浏览器，如InternetExplorer等，不需要对客户进行而外培训；
（2）B/S结构具有可伸缩性，在网络环境允许的条件下，可以尽可能多地增加浏览器和服务器，不受原有网络资源的影响；
（3）易于开发、安装和维护。
B/S结构只需对服务器端的应用平台进行开发和集成，减少了开发、安装和维护费用。
与C/S比较，B/S还具有以下优点：
首先，它简化了客户端。
它无需像C/S模式那样在不同的客户机上安装不同的客户应用程序，而只需安装通用的浏览器软件。
其次，它简化了系统的开发和维护。
系统的开发者无须再为不同级别的用户设计开发不同的客户应用程序了，只需把所有的功能都实现在Web服务器上，并就不同的功能为各个组别的用户设置权限就可以了。
最后，它使用户的操作变成得更简单。
对于C/S模式，客户应用程序有自己特定的规格，使用者需要接受专门培训。
而采用B/S模式时，客户端只要一个简单易用的浏览器软件。
无论是决策层还是操作层的人员都无需培训，就可以直接使用7
根据以上分析比较，传统的B/S结构系统都是采用ASP实现的，在技术上已渐现淘汰的趋势，Internet的飞速发展使得B/S模式已成为当前热门的系统架构方式。
微软新近提出的.NET架构是新一代互联网应用软件和服务战略，它使微软现有的软件在网络时代不仅使用于传统的个人计算机，而且能够满足各种新设备的要求。
ASP.NET作为.NET架构的一部分，不是ASP的简单升级，其全新的技术架构会让人们的编程工作变得更加简单。
基于技术的创新，利用ASP.NET开发一个基于B/S结构的班级同学录系统很有现实意义。
1.2开发同学录网站的意义及作用
当同学们离开校园，大学的校友都要各奔东西了，四年的时光转眼即将过去，同学间的友谊将成为宝贵的精神财富。
但随着时间的流逝，工作变迁，生活环境的转变，手中的通讯簿已不能满足人们的需求。
当然了，随着Internet和WWW技术的飞速发展，网络已遍布世界的每一个角落，网络资源的使用使人与人之间的距离缩短了，要在网络上找到昔日的老同学已不再是件难事。
那么，同学录网站作为一种方便同学之间联系的使用系统便应运而生。
本同学录是为班级同学之间进行交流和联系提供的一个平台，通过提供完善的同学录服务和规范同学录的管理，可以达到增进同学之间、同学和母校之间的感情，方便校友联系的目的。
本同学录系统主要为了同学之间信息的交流和知识的传播而设计的，其目的在于方便同学和师生间的联系，增强彼此间的感情。
基于这个目的，本系统设计的主要功能有班级留言板、班级相册、资料共享、发表日志及发送短消息等等。
通过系统中的功能，同学可以随时了解班级动态，及时与同学联系。
2相关知识与技术
2.1ASP.NET技术
ASP（ActiveServerPages）是Microsoft开发的运行在IIS（InternetInformationServer）下的一个服务器端脚本运行环境，用户可以使用它产生和执行动态的、交互的、高性能的Web服务器应用程序，ASP只在服务器端运行。
并将执行结果以HTML文件形式传给Web浏览器，对客户端要求低，属于胖服务器瘦客户端的运行模式。
ASP.NET是微软推出的新一代的Web应用程序开发技术，是新型体系结构.NET中的一部分，与ASP有本质上的不同，它客服了原先使用ASP开发应用程序所带来的种种限制。
微软为ASP.NET设计了这样一个策略：
易于写出结构清晰的代码、代码易于重用和共享、可用编译类语言编写等等，目的是让程序员更容易开发出Web应用程序。
在.NETFrameWork上提供了一个全方位的Web开发平台，它是建立和管理Web应用程序最佳的平台之一。
整个ASP.NET是采用C#撰写的，并和.NETFrameWork紧密整合提供更模块化的设计方式。
在ASP.NET中，大量使用组件技术，将Web浏览器和Web服务之间的网络通信完全包装起来，实现动态网站和开发B/S模式的应用软件，ASP.NET不失为一种好的选择，它克服了ASP在安全性、代码混乱和不易调试等方面的问题2。
和ASP相比，ASP.NET具有很多优势：
①语言独立性，可使用VB.NET、C#等；
②代码更易于编写，结构更清晰；
③程序代码可以与用户界面彻底分开，使程序可读性更强；
④执行效率更高；
⑤简化组件的部署和组件的操作；
⑥支持多种客户端类型；
⑦更强的可靠性和安全性；
2.1.1ASP.NET技术特征
ASP.NET所采用的技术大致有如下几种2：
（1）服务器控件。
页面使用了新的服务器端控件，使页面的状态管理自动化，并减少所写代码的数量。
ASP.NET页面有一个与VB表单类似的编程模型，提供了在服务器上执行组件的可能，而且这些组件可以生成页面的某一部分并返回给用户。
（2）HTML服务器端控件。
HTML服务器端控件可以用来在页面输出中生成HTML组件，并允许在运行中使用代码设置这些控件的属性。
（3）页面控件。
这些控件可以在服务器上执行，在页面输出中生成更复杂的HTML组件和对象。
（4）Web服务。
Web服务允许开发者创建不生成可视输出的类，但是为客户机提供了一些服务。
例如，可以调用函数并在对请求的响应中返回特定的值。
也就是说，Web服务使ASP.NET开发者可快速方便地创建自定义的服务对象。
客户机可以使用HTTP-GET，HTTP－POST或者HTTP-SOAP程序同步或异步地访问它们。
（5）错误处理、调试和跟踪特性有了很大的扩展和改进。
原来的ASP在错误处理和调试方面一直不如其他开发环境。
而现在，ASP.NET的每一个页面都有自己的“错误页面”。
在执行的时候还可以显示页面代码中使用的值，从而提供了一个“跟踪”工具；另外调试也可以在不同语言之间执行，从而使用可以无间隙的从一种语言转到另一种语言进行单步调试。
2.1.2ASP.NET页面主要优点
ASP.NET是一种建立动态Web应用程序的技术。
它是.NET框架的一部分，开发者可以使用任何.NET兼容的语言来编写ASP.NET应用程序。
使用VisualBasic.NET，C#，J#语音在ASP.NET页面进行编译可以提供比脚本语言更出色的性能表现。
ASP.NET页面的主要优点如下2：
（1）控件可以重复使用将功能封装起来，用户不必另外编写代码，就可以实现状态管理、确认、数据处理等功能，从而简化了许多普通的编程任务。
（2）ASP.NET页面的代码更简洁，易于阅读。
在服务器端控件中封装代码，同时又能在页面中使用合适的事件处理技术，这使设计更为结构化。
（3）ASP.NET页面对于代码和用户界面开发工具有更好的支持。
（4）ASP.NET页面最大优点是它没有对非结构脚本语言（包括VBScript和Jscript）的依赖性。
ASP.NET中用户可以使用任何一种ASP.NET支持的语言编写代码，可以不用以前的内嵌代码来编写代码从而使其成为一个单独模块使用。
2.2ADO.NET数据访问服务技术
ADO.NET是.NET框架中数据库访问的基础，是ASP.NET应用程序开发的核心，无论是大型的Oracle还是简单的文本文件，我们都可以使用ADO.NET来访问和操作。
在ASP.NET中，ADO.NET的功能发挥的淋漓尽致，这也是很多用ASP.NET编写的基于B/S结构的应用一直存在的原因，也反映了ADO.NET的成功。
ADO.NET通过数据处理将数据访问分解为多个可以单独使用的不连续组件。
ADO.NET包含用于连接到数据库、执行命令和检索结果的.NETFrameWork数据提供程序，用户可以直接处理检索到的结果，或将检索到的结果放入ADO.NETDataSet对象中，以便与来自多个源的数据直接组合在一起，以特殊方式向用户公开。
ADO.NETDataSet对象可以独立于.NETFramework数据提供程序使用，用来管理应用程序本地的数据或来自XML的数据。
ADO.NET主要包括Connection、Command、DataReader、DataSet和DataAdapter对象。
下面分别介绍一下1：
（1）Connection对象主要提供与数据库的连接功能。
（2）Command对象用于返回数据、修改数据、运行存储过程以及发送或检索参数信息的数据库命令。
（3）DataReader对象通过Command对象提供从数据库检索信息的功能。
DataReader对象是以一种只读的、向前的、快速的方式访问数据库。
（4）DataSet是ADO.NET的中心概念，它是支持ADO.NET断开式、分布式数据方案的核心对象。
它是一个数据容器，可以把它当作是存于内存中的数据库。
DataSet是数据的内存主流表示形式，无论数据源是什么，它都会提供一致的关系编程模型；它可以用于多种不同的数据源。
（5）DataAdapter对象提供连接DataSet对象和数据源的桥梁，DataAdapter对象使用Command对象在数据源中执行SQL命令，以便将数据加载到DataSet中，并确保DataSet中数据的更改与数据源保持一致。
3同学录系统的需求分析和设计
3.1系统需求分析
3.1.1功能需求
同学录主要是为了同学之间的信息交流和知识的传播而设计的，其目的就在于方便同学和师生之间的联系，增进彼此间的感情，而且还是网络休闲和网上展示自我的好方式。
所以基于上述的需求，同学录需要实现以下功能：
用户注册功能：
要使用同学录中的功能，首先需要用户注册，只要注册成为网站的用户后就可以使用同学录中的功能。
没有注册的用户没有资格发布信息，只能浏览信息。
用户登录：
供同学录用户登录，只有登录了才可以看到具体的信息，否则，不能。
资料修改：
用户登录后可以修改个人资料，包括密码、用户名、地址等。
班级通讯录：
显示同学录类所有同学的通讯信息。
班级相册：
显示班级相片。
班级留言板：
显示班级公共留言。
发送短消息：
向同学录内用户发送短消息。
资料共享：
上传、下载班级共享资料。
发表日志：
用户可在同学录中发表日志，浏览其他用户日志并发表评论。
管理模块：
对同学录进行后台管理，可对用户、留言、相片、文件等进行删除。
3.1.2运行环境
1、服务器端软件配置
操作系统：
选用WindowsXP
Web服务器：
采用IIS
软件运行环境：
.NETFrameWork2.0
后台数据库系统：
采用SQLServer2005
2、客户端软件配置
用户拥有个人计算机，网络系统运行良好。
操作系统要为windows98/2000/XP，浏览器版本为IE5.0以上，系统运行稳定正常。
分布于不同平台的用户均可通过Web浏览器与服务器系统进行交互工作。
3.1.3开发工具
1、安装IIS
ASP.NET作为一项服务，首先需要在运行它的服务器上建立Internet信息服务（IIS）。
IIS是InternetInformationServer的缩写，是微软公司主推的Web服务，通过IIS开发人员可以更方便地调试程序或发布网站。
添加IIS服务，通过Windows操作系统的“添加删除程序”，进入“添加删除Windows组件”栏，选中“Internet信息服务（IIS）”项，如图3.1所示，然后添加。
图3.1添加Internet信息服务（IIS）
2、安装VisualStudio2005
VisualStudio2005为集成开发环境，可以开发ASP.NET2.0应用程序。
ASP.NET2.0是VisualStudio2005集成开发的一部分，所以在使用ASP.NET2.0开发工具之前，需要安装VisualStudio2005集成开发环境。
3、SQLServer2005简介
本同学录系统使用的后台数据库软件为SQLServer2005，它是一个典型的网络数据管理系统，是应用最为广泛的数据库管理系统（DBMS）。
SQLServer是美国微软公司推出的一个性能卓越的关系型数据库管理系统（RDBMS），支持多种操作平台、性能可靠、易于使用。
它是一种面向数据库对象的通用数据处理语言规范，能完成提取、查询数据，插入、修改和删除数据，生成、修改和删除数据库对象，数据库安全控制，数据库完整性及数据保护控制4。
3.2系统总体设计
3.2.1开发设计思想
近年来计算机技术飞速发展，尤其网络的发展越来越深刻的改变了人们的方方面面，各种在线服务系统更改变了人们的联系方式，即使远隔千里之遥也可以随时通信。
本班级同学录系统正是为了满足人们的需求而设计的，其目的是为了方便同学之间的日常联系，信息交流以及增强感情，为同学的信息交流提供一个良好的平台，具有一定的网络功能。
本系统将采用浏览器/服务器（B/S）网络技术开发模式，以IIS作为Web服务器，并采用VisualStudio2005作为前台开发工具，SQLServer2005作为数据库服务器。
运用ASP.NET技术进行Web应用程序的开发，以及ADO.NET技术对数据库进行操作。
在系统功能方面，具备同学录系统的基本功能，例如用户登录注册、班级留言板、班级相册、资料共享、在线聊天等。
为了加强站内用户的交流与联系，本系统还添加了个人日志和发送消息的功能，用户可以通过发表日志抒发个人的情感，也可在好友的日志下发表评论。
由于在班级留言板中用户只能发表班级公共留言，无法将信息发送给站内其他用户，那么发送短消息的功能可以弥补班级留言板的不足，用户可以通过该功能和站内用户联系。
在制作该系统时，需不断完善各项功能，以实现用户之间的在线交流。
3.2.2系统功能结构
本系统的功能结构如图3.2所示。
图3.2同学录系统结构
账号管理模块：
为用户提供修改个人信息功能，用户登录后点击首页站内导航栏中的【账号管理】按钮，进入UserEdit.aspx页面，在该页面中，用户可以修改个人信息。
班级留言板模块：
提供班级公共留言的功能，相当于班级公告栏，点击【留言板】按钮进入班级留言板Board.aspx页面。
在该模块中，用户可以浏览班级留言外还可以发表留言。
个人日志模块：
为注册用户提供发表个人日志的功能，用户点击【日志管理】按钮，进入ArticleMangage.aspx页面，在该中用户可浏览到所发表过的日志并可对其进行删除、编辑，点击该页中的【添加新日志】按钮，可以添加新日志。
评论管理模块：
为注册用户提供管理日志评论的功能，用户点击【评论管理】按钮，进入ReplyManage.aspx页面，用户可删除日志的相关评论
通讯录模块：
是用来存放整个同学录中所用同学的联系方式，单击【通讯录】按钮，进入Address.aspx页面，该页显示所有同学的简单信息。
短消息模块：
实现站内用户间的相互通讯，用户可以给站内好友发送短信，查看自己的信箱。
点击【短消息】按钮，进入ViewMsg.aspx页面，在该页中查看自己的信箱，查看自己的最新消息和好友回复信息。
聊天室模块：
为在线用户提供实时聊天功能，点击【聊天室】按钮进入班级聊天，该聊天室采用简易设计，无需数据库进行管理，当聊天记录超过200条后，系统会自动清除所有聊天记录。
班级资料共享：
提供资料下载及资料上传功能，点击【资料共享】按钮，进入资料下载页面，用户可查找所需资料下载，若想和班级同学分享资料可点击【文件上传】按钮将指定文件上传。
班级相册：
浏览班级相片，点击【班级相册】按钮，进入Photo.aspx页面，在该页中用户可浏览班级所用相片，也可上传相片与站内用户分享。
管理模块：
管理员直接点击首页中的【管理员登录】按钮，登录后进入管理员页面AdminManage.aspx，该页的主要功能是对用户、班级留言、网站链接、班级资料、班级相册进行管理。
4同学录系统数据库设计及实现
4.1数据库设计的前期工作
数据库设计是建立数据库及其应用系统的核心和基础，它要求对指定的应用环境，构造出较优秀的数据库模式，建立起数据库应用系统，并使系统能有效地存储数据，满足用户的各种应用需求。
一般按照规范化的设计方法，常将数据库设计分为若干阶段6：
系统规划阶段主要是确定系统的名称、范围
升级会员 