毕业设计（论文）-基于ASP.NET技术的班级网站设计.doc

课题名称：基于asp技术的班级网站设计学生姓名：学号：院系：班级：指导老师：基于asp.net技术的班级网站设计摘要 班级网站设计是为了合理利用网络资源、提供班级学习与交流、有效管理班级事务的网络平台。本网站基于b/s模式，在asp.net集成开发环境下采用c#语言开发完成。本网站有班级简介、班级相册、同学登录、班级留言、文学空间、论坛社区、休闲天地等七个模块。网站的设计体现个性化的要求。其中同学登陆模块实现了用户注册、登陆与修改个人资料等功能；班级留言实现网上留言功能；班级相册实现了图片上载和在线浏览功能；论坛社区提供交流平台。本网站能促进班级内学生交流学习，实现用户自由访问，增加同学们的相互了解，增强班级凝聚力。关键字：网站建设；网站运行；b/s模式；asp.net；c#； the design of class-style website based on asp.net the website of class-style is used to rationalize the use of network resources, provide learning and communication, and effectively manage the classes affairs. this website is completed based on the b/s mode, with asp.net integrated development environment and c# language. this website is consisted of the user module , the online forum, album-style, gucst-book module and the management module. the user module is consisted of users registration, login and the album-style contains picture up-loading and online browsing. the guest-book module accomplishes the online leaving messages. the user management module can accomplish the forum management. album management and guest-book management. this website is to promote the communication during the students in class learning and is achieved free access to users for learning mutually, and increases class cohesion. key words: web design; web operation; b/s mode; asp.net; c#;目录1.引言1.1网站设计背景11.2系统配置21.3开发技术和开发工具22.概要设计2.1功能需求32.2系统流程43.数据库设计3.1需求分析53.2数据库表结构63.3数据库连接74详细设计4.1导航栏与登录模块84.2班级论坛模块104.3班级相册模块154.4班级留言模块174.5页面间的链接175系统性能测试196结论227参考文献238致谢241.引言 1.1网站设计背景 随着网络技术不断发展和计算机的普及，越来越多的人拥有了自己的电脑，越来越多的学校和班级通过计算机网络来管理其各项事务。同时，学生与学生之间通过网络来交流的方式也日趋频繁。在这种潮流的趋势之下，应该采用什么样的方式来更好的管理学生的各项信息和班级的各项日常事务，以及怎样使学生之间能够更好的交流，成为一个问题。 本系统使用asp.net技术的动态的网页与sql server2000数据库结合设计建立的一个网络班级网站。用户首先通过内部网络访问本站，进行简单的注册并经管理员审核通过后，即拥有了使用本网站上所提供的除管理模块外的各功能的权利。功能模块包括论坛社区、班级留言、班级相册等。论坛社区提供用户之间的主要的交流的平台，用户可以发起自己的帖子，来引起班级其他同学的对本贴的讨论或回复，同时用户也可对自己或别人的帖子提出自己的见解，从而很好地促进了班级内同学的交流。班级留言提供网上留言功能。留言可以是班级的老师班长或其它同学的留言，通过网络的迅捷的传输速率达到快速了解及处理班级事务的目的。班级相册可以将班级内同学的相册传到网站上自由浏览，增加班级的亲和力。以上的几个功能很好的解决了上面所提出的问题。1.2系统配置cpu：pentium733或以上之ibm 兼容机；内存：128mb或以上容量；显卡：16mb或以上显存之agp接口绘图卡；硬盘：至少100mb剩余空间。2、软件要求操作系统：microsoft windows xp,server 2000/2003简体中文版;web服务器：microsoft internet information services (iis) 5.1/6.0；数据库：sql server2000简体中文版；1.3开发技术与开发工具（1）asp.net技术 asp.net是一种建立在通用语言上的程序构架，能被用于一台web服务器来建立强大的web应用程序。asp.net是在服务器上运行的编译好的公共语言运行库，利用早期绑定、实时编译、本机优化和盒外缓存服务，这相当于在编写代码行之前便显著提高了性能。另外，由于asp.net框架补充了visual studio集成开发环境，相比asp,使程序设计相对简化，结构更为清晰。（2）sql server 2000数据库 sql server 2000是一个具备完全web支持的数据库产品，提供了对可扩展标记语言的核心支持，提供了以web标准为基础的扩展数据库编程功能。同时提供了高效的数据库解决方案，可处理海量数据，是个大型的数据库系统。其安全性、稳定性、扩展性、存储数据量都很好。（3）visual studio.net2005开发环境visual studio.net2005是microsoft推出.net应用程序开发工具。（4）dreamweaver mxdreamweaver mx是专业网页制作标准软件，它集成了动态网页制作的功能，使之在网页制作领域地位无人可及。采用此软件来进行网页的排版和各页面的链接。（5）flash mxflash mx是交互式动画设计工具，用它可以将音乐，声效，动画方便地融合在一起，以制作出高品质的动态效果。（6）photoshop 7.0photoshop 7.0是优秀的图像处理软件，一直占据着图像处理软件的领袖地位，是平面设计、建筑装修设计三维动画制作及网页设计的必用软件。采用此软件来处理页面中图片和文字。2.概要设计2.1功能需求 为了满足班级网站的交流的目的。本网站包括：班级简介、班级相册、班级登录、班级留言、文学空间、论坛社区、休闲天地等模块。班级简介模块，作为班级总体介绍平台，介绍班级建设，班级成员，班级成绩等；班级相册模块，包括用户上传图片以及图片的浏览功能，实现与数据库的衔接；班级登录模块，包括注册和登录两个子模块，通过注册可以成为班级成员，再通过登录拥有了访问网站各项功能的权利；班级留言模块，实现用户在线留言；班级论坛模块，论坛模块主要实现注册用户能在此网站平台之上交流，一般用户可以回复别人的发言，亦可提出自己的言论，以获取他人的建议与意见；。功能结构框图提交留言网站主页休闲天地论坛社区文学天地班级留言班级通信班级相册班级简介 用户登录 进入网站2.2系统流程 根据要求，同学登陆本网站首页时，先通过注册，再通过用户入口进入登陆界面，在此页面登陆验证成功后即拥有了访问网站各项功能的权利。包括个人信息、论坛、上载图片、浏览图片、给级留言等。系统流程图如下登陆网站首页注册登 录给班级留言个人信息论坛上载图片浏览图片注册成功成功登陆3.数据库设计 3.1需求分析一个班级网站系统，同其他类型的网站一样，首先应该包括用户表，用户表用来存储已注册用户的各项信息（系统中只有一张，多对一）。 班级论坛对应于数据库中两张表：帖子信息表（一对多）和帖子回复表（一对多）。帖子信息表中存储了论坛中用户发的所有帖子。同时每个帖子都应有他的回复，在数据库的存储中，将所有的帖子的回复都放到了帖子回复表中，通过表中帖子的不同编号来区分不同的帖子的回复。 网站还包括班级相册模块和班级留言模块，因此数据库中还应包含图片信息表与留言表用来存储上载图片的所有信息和留言的各项信息。3.2数据库表结构（1）用户信息表numberfielddata typesexplain 1idint用户id（主键）（自动） 2usernamenvarchar(20)用户登录名 3passnvarchar(20)用户密码 4qqint用户qq号 5mailnvarchar(50)e-mail 6signnvarchar(200)用户自我介绍（2）帖子信息表numberfielddata typesexplain1threadidint帖子编号（主键）2authornvarchar(50)发帖人用户名3subjectnvarchar(50)帖子标题4contentntext(16)帖子内容5replyint帖子总回复数6totalviewint帖子被浏览数7posttimedatetime发帖时间（3）回复信息表numberfielddata typesexplain 1messageidint信息id（主键）（自动） 2threadidint帖子编号（外键） 3subjectnvarchar(50)回复信息标题 4contentntext回复内容 5authornvarchar(50)回复者 6posttimedatetime回复时间（4）相册表相册表包括相片编号，相片名称，相片上载时间共三个字段，主键为相片编号。numberfielddata typesexplain1 photoidint照片id（主键） 2photonamenvarchar(50)照片名称 3uploadtimedatetime上传时间（5）留言表numberfielddata typesexplain 1guestbookidint留言id（主键）（自动） 2subjectnvarchar(50)留言标题 3contentntext留言内容 4usernamenvarchar(50留言者姓名 5uptimedatetime留言时间3.3 数据库连接（1）. asp访问数据库方法 在asp中，使用ado组件访问后台数据库，可通过以下步骤进行：要与odbc兼容的数据库进行连接,必须建立一个dsn(date source name)用以定位和标识特定的odbc兼容数据库. 通过odbc,用户可以选择希望创建的dsn的类型:用户,系统或文件.用户和系统dsn存储在windowsnt/2000/xp注册表中.系统dsn允许所有的用户登陆到特定的服务器上去访问数据库,而用户dsn使用适当的安全身份证明限制数据库到特定用户的连接,文件dsn 用于从文本文件中获取表格,提供了对多用户的访问,并且通过复制dsn文件,可以轻易的从一个服务器转移到另一个服务器. （2） 使用ado组件查询web数据库 1.调用server.createobject方法取得“adodb.connection”的实例，再使用open方法打开数据库：conn=server.createobject(“adodb.connection”)conn.open(“数据库表名”)2.指定要执行的sql命令连接数据库后，可对数据库操作，如查询，修改，删除等，这些都是通过sql指令来完成的，如要在数据表signaltab中查询代码中含有“x”的记录sqlstr=“select*fromsignaltabwherecodelike%x%”rs=conn.execute(sqlstr)3.使用recordset属性和方法，并显示结果为了更精确地跟踪数据，要用recordset组件创建包含数据的游标，游标就是储存在内存中的数据。4.关闭数据库conn.close ()4.详细设计4.1导航栏与登录模块 在用户登陆界面即可进行用户的登陆，同时也可点击注册按钮进入注册页面。管理员登陆成功后即可对网站进行管理。（1）导航栏 导航栏的设计主要是建立一个用户自定义header.ascx。在header.ascx中，先插入一张表，然后将连接到各模块主页面的超链接图片插入其中，完成自定义控件的建立。在每个需要加入他的页面首先进行注册，然后在中进行调用即可。如：(2)登录页面 登陆页面主要控件为用户登录按钮button1，点击后在后台执行代码，首先声明usersdb的对象，调用usersdb的userlogin（）函数，userlogin（）函数再调用存储过程checkuser执行用户和密码检验，userlogin（）返回一个串值。控件代码如下：4.2论坛模块 用户登陆后进入论坛主页showthread.aspx。该页面主要设计目的是显示论坛所有的帖子，点击某一帖子进入该帖子对应的页面。并可以通过点击发表帖子控件进入发表帖子页面，将发表的帖子及时的显示在帖子主页上。 此页面主要是mydatalist控件，其它为显示控件或超级链接控件。后台首先通过pate-load调用相关方法实现mydatalist的数据绑定。绑定之前首先计算当前页面显示的总的帖子数，调用threadsdb中的currentpagethreads函数，同时对页面分页。return dscurrenttheads;(3)currentpagethreads()方法调用存储过程gettreads，代码如下：（4）最后，在html页中对数据列进行具体的绑定，其中需将帖子标题列绑定在超链接中。代码如下：4.3班级相册模块（1）图片上载 图片上载页面主要控件由文件上传控件filemyfile和button1后台代码来实现。按钮button1首先取得上传文件的文件与文件扩展名，然后对文件扩展名进行比较，保证上传的为bmp，jpeg，jpg，gif四种图片中一种，之后用photos类的对象photo调用类中的方法cheackphotoname（），判断上传图片的文件名定如数据库中，调用类photos的方法insertphoto（）。（2）相册浏览模块 相册浏览页的设计与帖子浏览页的设计思想基本相同，包括显示主控件mydatalist和上传图片超连接按钮。 同样，mydatalist也需在后台先进行表的数据绑定与分页，然后在html中对表中的列绑定最后在html页中对其mydatalist进行列绑定。4.4班级留言模块 留言模块的实现与论坛的实现大同小异，页面包括一个主控件repeater和提交留言按钮button1。 repeater控件代码与论坛datalist控件代码相似，button1后台代码如下：addguestbook（）方法代入三个参数：留言人姓名，留言标题，留言内容，并调用存储过程addguestbook，将值传入数据库添加留言。4.5页面间的链接1班级简介，文学空间，休闲天地等模块，形式类似，主要是做好页面设计。应用photoshop加工处理图片，实现图片超链接。2、用“macromedia dreamweaver8.0简体中文版”软件进行各页面之间的链接。（1）打开新建的文件插入做好网页背景图片，在图片上插入几个表格，进行等分，把做好的flash 图标按钮插入进来，在每个动画按钮下面输入每个动画将代表的分页名以及链接。还要对插入进来的flash动画图标按钮进行参数的设置。（参数：wmode,值：transparent）这样预览的时候与主页背景同色。不会显示flash动画图标白色的区域。增加了主页的美观。（2）插入好flash动画按钮之后，分别把它们下面的名称链接到它们各自主页文件名上。（如：班级简介banjijianjie.htm）（3）在浏览器中预览时点击flash 图标按钮或者链接的文字区域都可以访问到各个分页面上。1、实现代码如下： 班级简介 班级相册 班级通信 班级留言 文学空间 论坛社区 休闲天地5.系统性能测试 开发完成后，网站需要进行必要的运行测试，判断代码执行的正确性。 首先对用户注册与登陆页进行测试，在注册页面上，如果用户填写的用户名或密码为空，或者密码与密码确认不一致，网页产生相应的错误提示。注册页面图示：登陆页面图示： 其次，在图片上载中，当用户所上载的文件类型不是系统所设计的四种图片类型是，页面显示上载文件类型不符。反之只是上载成功，此时点击浏览图片超链接，进入图片浏览页面即可看到刚上传的图片已在图片显示框中。 最后班级论坛与班级留言的测试。对论坛页面以及留言浏览时，点击某项能正常显示。 当点击论坛发贴按钮、回复帖子按钮或留言中的留言按钮时，如用户未