班级网站设计与实现论文 - 图文

@@@@@@@

本科毕业论文（设计）

题 目 班级网站的设计与实现

计算机科学学院(系)计算机科学与技术专业2009级

学 号 姓 名 指导教师 成 绩 完成时间 2013 年 5 月

班级网站的设计与实现

摘 要：班级网站是一个班级和外界交流的窗口，也是本班同学相互联系,交流的平台。在Internet飞速发展的今天为了加强师生间、学校和学生间的信息的沟通，做好学生交流沟通，我认为应该构建班级网站，为班级在学校的校园网上安个家。在大学校园里，拥有个人电脑的学生与日俱增。特别是大学班级网站这一特殊的虚拟社区，近年来也像QQ和手机短信一样，逐渐成为年轻人的一种时尚。

既然网络已经融入了学生的日常生活，成为他们学习、生活中不可或缺的部分，而现实又迫切需要有新的集体建设的方式来弥补传统班级管理的缺陷，那么能否发挥网络的功能，服务于班集体建设便成为自然的思考。所以该论文所涉及讨论的班级网站就是班级现实组织在网络上的一种延伸和映射，建立班级网站的目的是为了探索高校班级建设的新方式，构建班级建设的新平台。

关键词:班级网站；Dreamweaver；ASP

The design and implementation of the class website

Abstract：Class is a class web site contact window and the outside world, is also our class classmate connect with each other, exchange platform. At today's rapid development of Internet in order to strengthen between teachers and students, schools and students to communicate information between parents, students communicate well, I think we should build a Class website for the Class School at home on campus network security. At university campuses, students have increased the personal computer. University website in particular the special Class of virtual communities, in recent years as mobile QQ, and the same message, has gradually become a fashion among young people.

Now that the network has been integrated into the daily lives of the students, their learning, an integral part of life, and the reality and the urgent need to have a new collective approach to construction to make up for the shortcomings of traditional management of Class, then the ability to exert the function of network , Construction Services in the class will consider a natural. So involved in the discussion of the dissertation Class. Class website is in reality an extension of the network and mapping, the establishment of the Class website aimed at colleges and universities in order to explore new ways of Class Construction, Construction to build a new platform Class.

Key words：class website；Dreamweaver；ASP

目 录

第一章 系统概述 ········································································································· 1 1.1 课题来源及系统目标 ························································································· 1 1.2 班级及网站概述 ································································································· 1 1.3 开发工具及环境 ································································································· 2 1.3.1 开发工具 ······································································································ 2 1.3.2 开发环境 ······································································································ 3 第二章 需求分析 ········································································································· 3 2.1 可行性分析 ········································································································· 3 2.2 系统需求分析 ····································································································· 4 2.3 功能需求 ············································································································· 4 2.3.1 管理员功能分析 ·························································································· 4 2.3.2 一般用户功能需求 ······················································································ 4 2.4 系统模块分析 ····································································································· 4 2.5 性能需求分析 ····································································································· 5 第三章 概要设计 ········································································································· 5 3.1 系统设计思想 ····································································································· 5 3.2 分类浏览 ············································································································· 5 3.3 信息查询 ············································································································· 5 第四章 详细设计 ········································································································· 6 4.1 数据库表的设计 ································································································· 6 4.2 首页的设计 ········································································································· 7 4.3 功能模块的实现 ································································································· 8 4.4 网站二级页面的设计与实现 ············································································· 8 4.5 后台管理页面的设计与实现 ············································································· 8 第五章 网站测试与维护 ··························································································· 12 5.1 测试步骤 ··········································································································· 12 5.2 数据测试 ··········································································································· 12 5.3 网站维护 ··········································································································· 13

I

第六章 总结 ··············································································································· 13 致 谢 ····················································································································· 14 参考文献 ····················································································································· 14

II

班级网站的设计与实现

第一章 系统概述

1.1 课题来源及系统目标

随着网络信息时代的来临，互联网应用越来越广泛，从网上获取并且发布信息已成为现代计算机应用的一大特色。 一个网站，是一个传媒，也是一个窗口。普通人可以通过浏览各个网站，接触到许多从书本上学不到的知识，还可以看看新闻之类当作是一种消遣。而一个企业，一个个体通过制作自己的网站，向全世界宣传自己的产品，提供各种产品的信息供顾客参考，并兼顾销售。这时，网站也就成为对外的窗口。同时，网站上普遍都有一些免费资源，从而达到资源共享，使得我们足不出户都能得到想要的资料.现在很多企业、学校、乃至班级都有自己的网站。通过网站使数据处理更方便快捷，人员访问更方便。

IIS即Internet Information Server， Microsoft IIS 是允许在公共Intranet或Interne上发布信息的Web服务器。Internet Information Server通过使用超文本传输协议(HTTP)传输信息。还可配置Internet Information Server 以提供文件传输协议(FTP)和gopher服务。Internet Information Server提供了一个图形界面的管理工具，称为 Internet服务管理器，可用于监视配置和控制Internet服务。Internet服务管理器处于中心位置，从而您可控制组织中所有运行Internet Information Server的计算机.还有CSS，它是Cascading Style Sheets（层叠样式表）的简称。顾名思义，它是一种设计网页的工具。 借助CSS的强大功能，网页将在您丰富的想象力下千变万化。Microsoft VisualBasic Scripting Edition 是程序开发语言 Visual Basic 家族的最新成员，它将灵活的 Script 应用于更广泛的领域，包括 Microsoft InternetExplorer 中的 Web 客户机 Script 和 Microsoft Internet InformationServer 中的 Web 服务器 Script。此外，再通过一些网页制作工具，如:dreamweaver，flash，photoshop等，提高网站的视觉效果。

本课题为我们班级的同学提供一个相互联系，相互交流的平台。网站上有最新的班级动态，可以让同学们及时了解本班的情况。网站根据同学们登陆时的用户名和密码确定用户的权限，用户只能在被允许的权限范围内管理和查询相应的信息。同时系统提供了更改密码功能。

1.2 班级及网站概述

班级是学校的基本单位，也是学校行政管理的最基层组织。班级教学是现代最具代表性的一种教育形态。一个班级通常是由一位或几位学科教师与一群学生共同组成，整

1

个学校教育功能的发挥主要是在班级活动中实现的。班级是现代学校制度的产物，同一年龄段、发展水平相当的一群学生根据学校的安排固定地聚集在一起，形成了 “班”；又因为“班”处在一定的教育阶段上，这就是“级”。所谓班级是学校为实现一定的教育的目的，班级不仅是学生接收知识教育的资源、也是学生社会化的资源、学生进行自我教育的资源。

2011级计算机科学与技术专升本班班级网站，整个网站由七部分组成，分别是网站首页、全家福、通讯录、最新消息、班级相册、资料下载、政法生活。网站分为前台与后台两个模块，前台实现界面的功能，后台则实现数据库的处理。2011级计算机科学与技术专升本班是隶属于甘肃政法学院计算机科学学院的的一个班级，班级共有成员49名，其中男生27名，女生22名。我们来自不同的省市，为共同的目标走到一起，组成新的班集体。

1.3 开发工具及环境 1.3.1 开发工具

针对我对制作网站的学习，选用了一下网页制作工具开发： 1、Macromedia Dreamweaver 8.0

Macromedia Dreamweaver 8.0集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。灵活的编写方式，将“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码。可视化编辑界面环境大量减少了代码的编写，同时也保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。功能更多的CSS支持——CSS可视化设计、CSS检查工具具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色。

2、Microsoft office Access

Microsoft office Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是MDB。 Access 数据库由六种对象组成，它们是表、查询、窗体、报表、宏和模块。

3、Adobe Photoshop7.0

Adobe Photoshop7.0是优秀的图像处理软件，一直占据着处理软件的领袖地位，是平面设计、建筑装修设计三维动画制作以及网页设计的必用软件。采用此软件来处理页面中的图片和文字。专长在于图形的处理。

2

1.3.2 开发环境

要运行本网站，须要提供如下环境： 1、硬件要求

CPU：PentiumⅢ733或以上之IBM兼容机； 内存：128MB或以上容量；

显卡：16MB或以上显存之AGP接口绘图卡； 硬盘：至少100MB剩余空间。 2、软件要求

操作系统：Microsoft Windows 2000/XP/2003简体中文版；

信息服务器：Microsoft internet information services（IIS）5.1/6.0; 数据库：Microsoft Access 2000/XP/2003简体中文版； 开发工具：Microsoft Visual Studio； Macromedia Dreamweaver 8.0简体中文版； 文档工具：Microsoft Word 2000/XP/2003简体中文版； 图片工具：Adobe Photoshop6.0/7.0/CS简体中文版。

第二章 需求分析

由于互联网的发展以及班级对工作效率提高的要求，需要建设一个班级网站，并且建设成动态的网站，可以进行及时的数据更新，所以这是一个较大规模的项目，业务流程涉及到多个用户，涉及面广，所以要做到绵面面俱到，就要由一个详细的说明书。

此次网站开发的主要目的是为了@@级计算机科学与技术班打造成及时更新的动态网站，让该班级的相关信息能够快速并且准确的展示在网站上，能够让浏览者及时的看到更新的内容，此次的工作任务是，将班级网站建设成动态网站，提高班级工作的效率以及班级日常的管理与交流。

2.1 可行性分析

本次毕业设计题目：“班级网站的设计与实现”主要目的是利用Access数据库，ASP和Dreamweaver 8.0软件制作一个管理网站，用以实现班级信息管理等多项功能。同时对整个系统的分析，设计过程给出一个完整论证。班级网站是一种基于集中统一规划的数据库的数据管理新模式。本系统的建成无疑会为学院管理，班级管理提供极大的便利。

在信息时代的今天，人类需要对在政治、经济、军事、文化、科研、教育等领域产生的大量信息进行管理，并对数据进行加工处理，数据库技术则是信息管理与数据处理的先进技术。随着信息量的不断增加，作为计算机的三大主要应用（科学计算、过程控

3

制和数据处理）之一的数据处理，已迅速上升为计算机应用的主要方面。数据库技术则成为人们日常生活中处理数据不可缺少的有力工具，并且现代的信息管理系统几乎都以数据库技术作为核心。

2.2 系统需求分析

每个班级管理最初由于数据量少，人工手动管理比较方便和灵活。班级信息的数量越来越多，人工手动管理不会很方便，希望建立一个中小型班级管理系统，是为了解决一些上述的问题，从而达到班级管理的系统化、规范化、标准化的水平。通过系统的建设，能够及时、方便的管理信息。

系统划分了模块，先考虑在进入平台时应该先看到什么先做什么，进入平台之后又应该做什么，提供那些服务等。例如，在用户首先进入时的页面调用相关数据库表信息，用户可以进行查看信息等；管理员可以进入管理界面，实现用户管理、管理员管理、班级信息修改、删除、添加管理。

2.3 功能需求

对于功能的需求主要实现的有：用户注册功能；登陆功能；通讯录的注册、登陆、修改资料和退出功能；查看班级相册功能；最新消息的查看；资料的下载功能；添加新闻与修改删除功能；上传文件与管理文件功能。

2.3.1 管理员功能分析

平台开发的总体任务是实现各种信息的系统化，规范化和自动化。管理员对系统完成的功能主要有：

1.能方便、高效管理信息； 2.能方便管理学生信息； 3.能对数据库做一些简单管理； 4.有一定的安全性，可进行加密。 2.3.2 一般用户功能需求

1.用户登录：包括用户名，密码。

2.用户信息查询：可以根据自己信息与权限查找与之符合的信息，查找到相关信息之后能进行一定操作。

2.4 系统模块分析

为了更清楚地说明系统的框架结构，让读者更直观的了解系统的业务流程。系统用

4

户分为：学生、老师、管理员。各用户登陆后的系统页面大致相同，只是具有管理权限的用户会增加一些管理模块。但几者之间的功能相互独立，数据紧密相连。

2.5 性能需求分析

班级管理平台在运用中主要面对的是学生信息。因此需要对用户资源进行及时管理，及时了解各个环节中信息的变更，力求最高的管理效率。

一般的性能是指相互消息传递顺序，界面整洁美观，言行时间满足使用需要，安全得到完全保证。

在系统开发的每个阶段，均需要考虑彼此间的认证与授权。要注意，简单地说就是确定谁的特定用户，并针对安全源验证该用户的身份，在处理完识别用户的方法之后，必须利用一种方法以向用户授权，从而能够使用系统的处理。也就是说，需要一种方法决定允许用户进行操作。

第三章 概要设计

3.1 系统设计思想

随着因特网的飞速发展，同时信息管理系统也飞快的发展起来。这些管理系统的性能都很完善，功能分工较细。但代码过于繁冗，大多数都是以静态页面为主，很不方便管理。所以，需要一些管理便利，代码难易度适中的中小型管理系统。

班级网站能够实现用户登录、信息查询、班级信息的管理、学生信息的管理、管理员信息的管理等功能。网站不仅仅是要色彩处理得好，还要完成各种功能。主页的整体设计效果应该符合管理系统的风格，其他副页面设计也要根据主页内容的需要，颜色、样式风格基本要搭配。

3.2 分类浏览

浏览的方式分为两种：一种是游客只能浏览网站的一部分内容，而当游客用户注册后则可以浏览全部的内容。

3.3 信息查询

此功能主要用于查询班级最新消息，政法生活，班级相册等等，都可以根据发布时间或发布者自行选择查看，还有文章来源的信息。班级网站的整体框架结构图如3.1所示：

5

网站首页 管理员入口 文章管理 管理员 用户管理 政法生活 用户入口 登录 班级相册 资料下载 注册 通讯录 最新消息 图3.1 班级网站整体框架结构图

第四章 详细设计

4.1 数据库表的设计

本次数据库设计在ACCESS 2003下创建，数据库命名为wht.mdb，主要包含了4个数据库表：

1、首先建立了一个存储管理员信息的表，如表4.1所示：

ID字段：类型为自动编号，在对此表操作时不能具体指定此字段的值，数据库系统会自动生成一个唯一的整型值。同样也不能对此字段做修改操作。此字段作为本表的主键来跟其他表建立关联。

Admin字段：类型为字符串型，长度为50，是管理员的登录名称。需要注意的是，在数据库系统中，字符的长度是使用ASCII码来计算的，就是说一个英文字母占一个单位的长度，而一个汉字占用两个单位的长度。

Password字段：类型为字符串型，长度为50，是管理员登录时需要的密码。

表4.1 管理员信息表

字段 Id Admin 字段类型 自动编号 字符串型 6

字段长度 50 简要说明 本表主键 管理员登录名

·首页显示“**同学来到11级计算机科学与技术专升本班“的主要代码如下： · ·后台管理用户验证页面部分代码如下：

Dim Usr,Pwd,rs Usr=Request.form(\ Pwd=Request.form(\ if (Usr<>\ Usr=Replace(Replace(Usr,\ Pwd=Replace(Replace(Pwd,\

第五章 网站测试与维护

网站测试的目的就是为了发现网页中的错误而执行程序的过程。一个高质量的网站在交给用户使用前必须经过严格的测试。结合本网站的特点现制订测试过程如下：

5.1 测试步骤

本着先总体后单个的思想，在完成设计后，对网站进行一一测试，对出现错误的模块一一改正，尽量使系统的错误率降到最低。

5.2 数据测试

鉴于本网站主要用于班级的综合管理（主要是计算机专业），为了保证网站测试的真实有效，原始的数据采用本次专升本专业的课题，学生数据主要是1级计算机科学与技术专升本班的全体同学。在寝室的一台机器建立服务器端，另一台机器为客户端，经过反复的测试，推荐方案如下：

方案1：WIN2000+IIS4.0+ACCESS 方案2：WIN98+PWS+ACCESS

12

方案1的效果最佳，方案2次之。本系统不是最终的解决方案，在其他设备上运行如果出现异常情况，造成数据丢失，概不负责。

在进行了录入一组数据进行数据库的访问和读取出错率的测试后，数据包括学生注册信息。出现了字段与记录值不匹配的问题。经过仔细的核查后，就是因为字段类型的输入错误，所谓导致该问题的发生。经过修改后，问题解决。

测试分析结果如下：

1.学生注册执行时间小于5秒，输入的信息存入数据库中内容准确。 测试通过。

2.系统维护时，查询，删除，备份，时间同样符合规格要求。 5.3 网站维护

为了使网站适应变化并逐步的完善和健全，就需要随时进行细致和周到的系统维护，根据维护活动的不同，可以把维护分成以下3类，每一类的维护过程都要求进行详细的记录。

(1) 改正性维护 (2) 适应性维护 (3) 完善性维护

根据维护的具体内容不同，我们又将各类维护分成程序维护、数据维护、代码维护、设备维护4种情况。

(1) 程序维护是指改写一部分或全部程序，通常要充分利用原有维护框架。如果不出现漏洞，程序维护不经常修改。

(2) 数据维护指的是不定期的对数据文件或数据库进行整理和修改。把冗余的资料删除。

(3) 代码维护指或变更包括设置、修正、重新排列、添加和删除数据项内容。 (4) 设备维护指的是有关人员定期对设备进行检查和保养。

本系统的系统维护主要是由管理员来完成的，其中包括两大部分。第一部分为删除，就是把冗余的信息进行删除，使数据库经常得以更新学生注册信息。这部分中的学生信息可以进行修改等，就是把数据库的内容进行备份。这一部分是非常重要的，因为在不慎将数据库中内容丢失的时候，通过备份的数据把丢失的内容找回，可以减少造成的损失。

第六章 总结

经过了两个多月的学习和努力，我终于完成了《班级网站设计》及论文。从开始接

13

到论文题目到网站的实现，再到论文文章的完成，每走一步对我来说都是新的尝试与挑战，这也是我在大学期间独立完成的最大的项目。在这段时间里，我学到了很多知识也有很多感受，从对网站的不甚了解，对ASP，Dreamweaver等相关技术的部分了解，我开始了独立的学习和试验，查看相关的资料和书籍，让自己头脑中模糊的概念逐渐清晰，使自己非常稚嫩作品一步步完善起来，每一次改进都是我学习的收获，每一次试验的成功都会让我兴奋好一段时间。从中我也充分认识到了班级网站设计和完善给我们的大学生活纪念带来的乐趣，在属于自己的网络空间上，尽情宣泄自己的情感，表达自己的感受，并且把自己的想法与相处了两年的同学们分享，这是个多么让人陌生而又熟悉的网络空间啊。

虽然我的论文作品不是很成熟，还有很多不足之处，但我可以自豪的说，这里面的每一段代码，都有我的劳动。当看着自己的程序，自己成天相伴的网站能够健康的运行，真是莫大的幸福和欣慰。我相信其中的酸甜苦辣最终都会化为甜美的甘泉。我会在以后的学习中努力完善它，让它不仅仅只是用简单的Access来做数据库存储的单元，并且还要增加更多的娱乐交流模块，是自己的班级网站更加的人性化和生动化，使它能够更加的贴近我们的生活，使大家能够保持更加密切的联系。

这次做论文的经历也会使我终身受益，我感受到做论文是要真真正正用心去做的一件事情，是真正的自己学习的过程和研究的过程，没有学习就不可能有研究的能力，没有自己的研究，就不会有所突破，那也就不叫论文了。希望这次的经历能让我在以后学习中激励我继续进步。

致 谢

在本文完成之际，谨向我的指导老师@@@老师致以衷心的感谢，本论文是在她的精心指导和关怀下完成的，从论文的选题、方案设计，到论文的撰写和修改，都倾注了李霞老师的心血和汗水，在学习期间，她的言传身教将使我终生受益，她认真严谨的治学态度、豁达宽广的胸怀、平易近人的处事风格是我一生的楷模，值此提交论文之时，在此向李霞老师表达衷心的感谢！

同时，还要感谢在毕业设计过程中帮助过我的同学，也正因为有了他们的帮助，才使得我按时完成了本次毕业设计，在此，我要特别的感谢他们。

参考文献

[1] 《网站设计原则》.http://www.365ye.com.

[2] 清源计算机工作室.ASP动态网站设计与制作[M].北京:机械工业出版.

14

[3] 丁贵广等.ASP动态网站建站实例与技巧[M],西安:西安电子科技大学出版,1999. [4] 魏应彬等.网页设计与WEB数据库发布技术[M],北京:清华大学出版社,2001. [5] 张宁.校园网站设计[J].中国科技信息，2004,22:89一90. [6] 刘晓琳.建设班级精神文化的实践探索[J].教育导刊.2011(3).

15

本文来源：https://www.bwwdw.com/article/5teg.html