1、 基于 ASP.NET的班级风采网站的设计 摘 要 为合理利用网络资源，提供班级学习与交流平台，有效管理班级事务，利用ASP.NET 集成开发环境，使用 C#编程语言设计。网站采用 B/S 模式，实现网络自由访问，方便学生使用。实现用户模块，包括用户注册，登陆，修改个人资料等；在线论坛，为学生提供主要交流平台；风采相册，提供图片上传和在线浏览两大功能；管理模块，管理网点各项事务，包括用户管理，论坛管理，相册管理等。与校园网相比，更能促进班级内学生交流学习与进步。管理上利用网络传输速度，具有实时性，有效性等优点。可应用 于单班级，以促进学生互相了解，增强班级凝聚力，提高学生整体素质。 关键字 :
2、班级； ASP.NET； B/S 模式； C# The Design of Class Style Website Design Based on A Abstract In order to use network resource more effectively, offer a terrace for studying and exchanging of the class, manage affair of class more effectively, this system is designed in the environment of ASP.NET integrated
3、development and programming language of C#. This system is the mode of B/S, realizes visit the Internet freely and makes class use conveniently. The mode of realized user include: registration, logining, amending personal information etc; online forum offers a terrace mainly for exchanging to studen
4、ts; the album of graciousness offers two functions including uploading picture and browsing online; Management module manages various affairs including managing users, forum and album etc. It is better than the campus network in promoting the exchanging, studying and progress in class. In the manage
5、ment, it uses the speed of network and has the virtues of real-time and affectivity. Also it can be used to single class, promotes students understanding each other, strengthens the cohesion of class and increases the whole inner quality of students. Key words: class； ASP.NET； B/S mode； C# 目 录 论文总页数
6、： 25 页 1. 引言 . 1 1.1 开发背景 . 1 1.2 系统软硬件配置要求 . 1 1.3 相关软件及技术介绍 . 1 1.3.1 .NET 平台 . 1 1.3.2 ASP.NET 技术 . 2 1.3.3 SQL Server . 2 1.3.4 Visual Studio.NET 2003 . 3 2. 项目模块及框图 . 3 2.1 系统所完成的功能 . 3 2.2 系统功能模块设计 . 3 2.3 班级网站流程图 . 4 2.4 班级网站模块组织图 . 4 3. 数据库设计 . 5 3.1 数据库需求分析 . 5 3.2 数据库逻辑结构设计 . 5 3.2.1 用户信息表
7、 . 5 3.2.2 帖子信息表 . 6 3.2.3 回复信息表 . 6 3.2.4 相册表 . 6 3.2.5 留言表 . 7 4. 各模块详细设计 . 7 4.1 导航栏与登录模块设计 . 7 4.1.1 导航栏设计 . 7 4.1.2 登录页面设计 . 7 4.2 论坛模块设计 . 9 4.2.1 论坛页面控件设计 . 9 4.3 班级相册模块设计 . 12 4.3.1 图片上载设计 . 12 4.3.2 相册浏览模块设计 . 15 4.4 留言簿模块设计 . 18 4.5 管理员模块设计 . 19 5. 系统性能测试 . 19 5.1 测试用户登陆页面 . 20 5.2 测试用户注册页
8、面 . 20 5.3 测试论坛页面 . 20 5.4 测试图片上载页面 . 21 5.5 测试图片浏览页面 . 21 5.6 测试留言簿页面 . 22 结 论 . 22 参考文献 . 23 致 谢 . 24 声 明 . 25 第 1 页 共 25 页 1. 引言 1.1 开发背景 随着网络技术的飞速发展，人们生活水平的逐渐提高，网络正一步步走进大众的世界。人们对于网络所带来的方便与快捷，在惊讶的同时，也逐渐的适应。而对于企业以及学校这些团体来说，并不满足于网络所带来的这些便捷方式，他们需要的是一种利用网络这种高速的传输性质，来对自己整 个团体的一个合理的管理与消息的迅速发布与传递机制，以满足自
9、己各组织的协调与高速率的工作效率。 随着网络的不断的普及，网页技术的不断发展，人们对网页的要求也不再是文字，图片的简单堆砌或是单调枯燥的内容，而是实时性，交互性和丰富性，使用动态网页技术的网页越来越受欢迎。应用 ASP.NET 技术的灵活性可以方便的访问数据库， ASP.NET 把数据库搬上了 WEB 页面，使人们可以通过互联网使用大型的包含数据库功能的系统。 本系统使用 ASP.NET 技术的动态网页与 SQL Server2000 数据库结合设计建立的一个网络班级风 采页。一般用户可以通过网络访问该系统，本系统提供用户注册功能，只有注册了的用户才能有权利合理及便利的使用本系统的其它功能；在
10、线聊天室，用户注册之后，即可进入在线聊天室，对别人的问题进行回复，以及提出自己的见解。同时亦可发起某个话题，引起别人的关注与讨论。同时班级的管理员亦可以对班组的各项事务进行有效、及时的管理。本系统充分发挥了ASP.NET 技术显示于客户端，运行于服务器端的特点，保护用户资料的安全性。由于以上的这些缘由，我开始了对这个班级风采网站的设计。 1.2 系统软硬件配置要求 运行本系统需要满足以下 的一些配置要求： 硬件环境：服务器端 /客户端：处理器： Intel Pentium 4。 内存： 128M。 硬盘空间： 20G。 软件环境：操作系统： Windows 2000/2003/XP。 网络协议
11、： TCP/IP。 浏览器： Internet Explorer 6.0。 显示器： VGA 或更高分辨率的显示器。 1.3 相关软件及技术介绍 1.3.1 .NET 平台 .NET 是 Microsoft 的用以创建 XML Web 服务平台，该平台将信息、设备和人以一种统一的、个性化的方式联系起来。借助于 .NET 平台，可以创建和 使用第 2 页 共 25 页 基于 XML 的应用程序、进程和 Web 站点以及服务，它们之间可以按设计、在任何平台或智能设备上共享和组合信息与功能，以向单位和个人提供定制好的解决方案 。 Microsoft .NET 是一个平台，是 Microsoft 的
12、XML Web 服务平台。 XML Web services 允许应用程序通过 Internet 进行通讯和共享数据，而不管所采用的是哪种操作系统、设备或编程语言。 Microsoft.NET 平台提供创建 XML Web services并将这些服务集成在一起之所需。这个平台包含广泛的产品系列，它们都是基于 XML 和 Internet 行业标准构建，提供从开发、管理、使用到体验 XML Web 服务的每一方面。从应用程序的观点来看， .NET 平台是一个应用程序的执行环境，负责提供应用程序执行时需要使用的功能，并对应用程序执行安全管制，所以 .NET 平台的应用程序具有高度的安全性，可以禁
13、止应用程序执行不安全的动作；从应用程序开发的观点来看， .NET 平台是一组类别，供应用程序使用，以完成应用程序需要的功能，这组类别包罗万象，包括开发窗口应用程序需要用到的功能，开发组件需要用到的功能，开发 ASP.NET 网页需要用到的功能等等。 在相同的情况下用 .NET 来开发比 ASP 等等快 ， .NET 有 很的控件，这样就减少了很多的手写代码，甚至还可以不用自己写代码 ， 维护升级容易，页面，代码分离；代码可复用等等特性让再次开发变得容易 ， 布局简单，能非常简单的实现大型商务网站的布局 。 1.3.2 ASP.NET 技术 ASP.NET 是一种建立在通用语言上的程序构架，能被
14、用于一台 Web 服务器来建立强大的 Web 应用程序。 ASP.NET 提供许多比现在的 Web 开发模式强大的的优势。执行效率的大幅提高 .ASP.NET 是把基于通用语言的程序在服务器上运行。不像以前 的 ASP 即时解释程序，而是将程序在服务器端首次运行时进行编译，这样的执行效果，当然比一条一条的解释强很多。 ASP.NET 构架是可以用 Microsoft公司最新的产品 Visual Studio 开发环境进行开发 ASP.NET 是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以使它运行在 Web 应用软件开发者的几乎全部的平台上。通用语言的基本库，消息机制，数据接口的处
15、理都能无缝的整合到 ASP.NET 的 Web 应用中 。 1.3.3 SQL Server SQL Server 是一个具备完全 Web 支持的数据库产品 ，提供了对可扩展标记语言 (XML)的核心支持以及在 Internet 上和防火墙外进行查询的能力，提供了以 Web 标准为基础的扩展数据库编程功能。丰富的 XML 和 Internet 标准支持允许使用内置的存储过程以 XML 格式轻松存储和检索数据。 SQL Server 提供强大的开发工具和各类开发特性，在大大提高开发效率的同时，进一步拓展应用空间，第 3 页 共 25 页 带来新的商业应用机遇。例如， XML 数据库与 Web S
16、ervice 的支持将使您的应用实现 Internet 数据互联， .NET 集成极大的扩展了开发空间，异构数据集成Service Broker 使数据和其它应用无缝集成，各种新数据类型和 T-SQL 扩展带来了诸多灵活性。 1.3.4 Visual Studio.NET 2003 它是 Microsoft 推出 .NET 应用程序开发工具 。它 易学易用的特性得到很多的 好评。 Microsoft 又推出新版的 .NET 应用程序开发工具 Visual Studio.NET 2005，加入更多的好用功能， 是 .NET 是的好开发工具。 HTML 的英文全称是 “Hypertext Mark
17、up Language”, 中文译为 “ 超文本标记语言 ” 。 “ 超文本 ” 就是指页面内可以包含 图片，联接，甚至音乐，程序等非文字的元素。一个 HTML 文件中包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如哪些文字应放置在何处，显示模式是什么样的等。如果你还有一些图片、动画、声音或是任何其它形式的资源， HTML 文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放置在网页的什么位置。浏览的网页就是由 HTML 语言编写出来的。 2. 项目模块及框图 2.1 系统所完成的功能 整个班级网采网站系统功能主要包括用户，以及管理员两种角色，系统为不同的角色提供不同的
18、入口。用户主要是指网站的一般 注册会员，主要权力为对网站的资源进行访问，同时亦可对网站资源进行某些补充。管理员主要对整个网站进行管理，包括用户，论坛等。 按照模块来分，网站主要包括在四大模块，首先是用户模块，主要是用户的注册，更改自我信息等；其次是论坛，论坛完成注册用户在此平台之上交流的目的，用户可以回复别人的发言，亦可提出自己的言论，以获取他人的建议与意见。再次是图片管理模块，包括用户上传图片以及对已有图片的浏览功能。最后是管理模块，主要是管理员对于整个网站的综合性管理，包括用户帐户的管理，以及对于论坛区帖子的管理。 2.2 系统功能 模块设计 本系统主体采用 B/ S结构 ,即采用目前分布
19、式系统流行的 三 层软件结构 ,即在传统的客户和服务器之间加入应用服务器 (Application Server) ,三 层即是表现层 (浏览器 )、业务逻辑层 (Web 服务器 )、数据层 (数据服务器 )，数据服务器与Web服务器是完全分开的 ,分开之后的 三 层软件结构功能明确：客户层只提供应用程序的用户界面 ,负责与用户交互；业务逻辑层是应用系统的关键 ,它负责处理所有用户请求 ,进行具体的运算和决定程序的流程 ,并把处理结果返回给表现层；第 4 页 共 25 页 服务器层仍然提供的是数据库支持、维护和更新 应用程序的数据。 2.3 班级网站流程图 班级网站流程如图 2-1 所示。 图
20、 2-1 班级网站数据流程图 2.4 班级网站模块组织图 班级网站模块组织如图 2-2 所示。 网站 Index 页 成功 录 是 录 管理员入口 普通用户入口 管理员 用户管理 帖子管理 消息管理 登 录 注 册 进入论坛 上传图片 浏览图片 个人信息 错误处理页 成 功录 失败 录 失败 录 第 5 页 共 25 页 图 2-2 班级网站 模块组织图 3. 数据库设计 3.1 数据库需求分析 作为一个班级网站系统，同其他类型的网站一样，首先应该包括用户表，用户表用来存储注册的用户信息，并在用户登陆后，在论坛等其他页面，用户发言与留言其用户名将被记 录。 本网站因为有论坛，所以对于论坛的各项
21、记录都应存储在数据库中。作为论坛至少应包帖子信息表，用来存储用户发的所有的帖子。每一个帖子都应有它的回复，因为还应有一个表，回复信息表，它用来存储所有帖子的回复信息，通过表中幌子编号字段来区别不同的帖子的回复。 网站还包括有相册模块和留言簿模块，因此应在数据库中建立两个表，一个用来存储相册的名称，一个有来存储留言信息。 3.2 数据库逻辑结构设计 3.2.1 用户信息表 用户信息表中包括有用户编号，用户名，用户密码，用户 QQ，用户 E-mail，用户自我描述共六个字段 。主键为用户编号，在数据库中结构如下表 3-1所示 。 表 3-1：用户基本信息表 Users 编号 字段名称 数据类型 说
22、明 1 ID Int 用户 ID(主键 )(自动 ) 2 UserName Nvarchar(20) 用户登录名 3 Pass Nvarchar(20) 用户密码 4 QQ Int 用户 QQ号 5 Mail Nvarchar(50) E-mail 用户模块 论坛模块 管理员模块 相册模块 班级网站 用户模块 论坛模块 相册模块 留言簿模块 留言簿模块 第 6 页 共 25 页 6 Sign Nvarchar(200) 用户自我介绍 3.2.2 帖子信息表 帖子信息表包括帖子编号，发帖用户名，帖子标题，帖子内容，帖子 总回复数，帖子总浏览数，发帖时间共七个字段。主键为帖子编号，在数据库中结构如
23、下表 3-2所示。 表 3-2：帖子信息表 Threads 编号 字段名称 数据类型 说明 1 ThreadID Int 帖子编号 (主键 ) 2 Author Nvarchar(50) 发帖人用户名 3 Subject Nvarchar(50) 帖子标题 4 Content Ntext(16) 帖子内容 5 Reply Int 帖子总回复数 6 TotalView Int 帖子被浏览数 7 PostTime Datetime 发帖时间 3.2.3 回复信息表 回复信息表包括回复信息编号，帖子编号，回复标题，回复内容，回复者用户名，回复时间共六个字段。主键为回复信息编号，帖子编号是此表的外键，用此字段与帖子表的主键帖子编号相联系。在数据中结构如下表 3-3所示。 表 3-3：回复信息表 Messages 编号 字段名称 数据类型 说明 1 MessageID Int 信息 ID(主键 )(自动 ) 2 ThreadID Int 帖子编号 (外键 ) 3 Subject Nvarchar(50) 回复信息标题 4 Content Ntext 回复内容 5 Author Nvarchar(50) 回复者 6 PostTime Datetime 回复时间 3.2.4 相册表 相册表包括相片编号，相片名称，相片上载时间共三个字段。主键为相片编号，在数据库中结构如下表 3-4所示。
