校园网站设计.docx
《校园网站设计.docx》由会员分享，可在线阅读，更多相关《校园网站设计.docx（51页珍藏版）》请在冰点文库上搜索。
校园网站设计
基于ASP的校园网站设计
第一章.绪论
1.1前言
Internet正在改变世界，由于Internet具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多大学和众多企业部门都已经建立了自己的网站，通过计算机网络实现宣传、交流及资源的整合。
建立学院网站有以下作用：
（1）学院网站是学院的“商标”。
在这个高度信息化的社会里，建立学院自己的网站是最直接的宣传手段。
网站的超时空特性，不仅能让本地区的人们了解学院，更可让世界了解学院。
（2）学院有巨大的教育资源，网站是实现教育资源分配的桥梁，它使每一位教师和学生都能均等的得到培训和受教育的机会，能极大的提高教学效率。
（3）学院网站能提供教学互动的全新方式，学院网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。
它可以使不同的学院同处一室，共同讨论，共同提高。
地理上的界限在这里模糊和消失了，学院网站是真正没有围墙的学院。
（4）学院网站能够提供个性化的学习平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。
网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。
学院网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和人格。
（5）学院网站是最佳的教学研究室，学院网站与教育类专门网站的有效链接，给学院教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。
有效地降低教研成本、提高效率。
1.2研究时间
从需求分析，系统设计，编码实现到测试从4月8日到5月10日。
1.3主要研究内容
本课题的主要研究内容在于以下几个方面：
1、文章管理信息
2、下载管理信息
3、图片管理信息
4、管理员管理信息
5、JS管理信息
6、页面模板信息
7、专题管理信息
8、数据库管理信息
第二章．开发环境及需求分析
2.1、开发目的
随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。
而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻，文摘，资源等的网上发布，多栏目管理，实时的进行行为统计和记录的网上交互系统，达到师生间的交流。
2.2、项目背景
HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，而ASP能够彻底实现用户与管理人员的交互性，在ASP编程语言高度发展的形式下，ASP能够很好的解决这些复杂交互的动态性，于是我们也开始了对学院网站的动态开发，即而让学院网站更加的互动。
2.3、开发环境
2.3.1 系统平台
采用Browser/Server体系结构，服务器端采用运行最低配置要求（全部为中文环境）操作系统Windows2000AdvServer，Windows2000Server脚本解释器Vbscripts5.6以上版本，安装MicrosoftInternetExplorer5.5以上版本既可获得：
Web服务器IIS6.0，Windows2000自带
数据引擎MicrosoftAccess
权限要求对Access数据库具有建表、备份的权限
空间大小初次安装至少10M可用空间
硬件要求PIII500CPU256M内存或更高
带宽要求10M共享或更高
客户端软件，包括单机操作系统和浏览器软件，分别选用Windows2000和InternetExplorer，数据库系统采用MicrosoftAccess有利于方便操作。
2.3.2开发工具
基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序，并且应是一个可视化的工具。
我所采用的是DreamweaverMX进行开发，它是用来快速创建数据驱动Web应用程序的基于团队的开发环境，支持ASP，以ODBC连接数据库，脚本语言为简单易学的JavaScript或VBScript。
2.3.3 运行需求
在调试和运行过程中，应该能够让系统正常使用时不出错，若运行时遇到不可恢复的系统错误，也应该保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时，能够保证数据的正确性、信息的可靠性、实现的高效性、系统的易使用性、系统管理的可维护性、信息的可测试性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性。
第三章系统功能说明
3.1前台显示说明
3.1.1前台首页显示
下面通过首页来说明网站整体的功能：
图1网站首页（无测试数据）
1.首页的最顶部排列显示大类新闻或文章，用户可以直接点击查看各项大类新闻里面的各项小类新闻，直到阅读每条详细信息。
2.站点首页，教学科研，教学专题，资源下载，图片鉴赏等各个栏目，后台可以控制排序和位置调整，或显示条数设置。
3.图片，下载等显示可以任意排序，而且可以直接点击查看相关信息进行查看和更新信息。
4.设有专题显示和网站调查系统，以及网站的一些统计数据信息，可以按不同条件进行文件信息搜索。
5.公告部分显示最新发布的各项学院通知信息。
3.1.2网站的管理
本系统是实现信息发布，多栏目管理，设有网站管理与论坛管理分开管理；使论坛具有更灵活的管理条件。
一、基本功能介绍：
┆1、网站基本资料设置（网站名称、网址、等等...一些基本设置）。
┆2、后台可增加一级分类和二级分类（可更改或添加）前台自动更新。
┆3、网站底部功能菜单设置内容增加更改。
┆4、可添加无数条公告前台自动显示。
（内附多功能编辑器）
┆5、站内新闻及教学文章添加与修改。
（内附多功能编辑器）
┆6、模板添加和管理，导入，导出。
┆7、投票系统后台可添加多个投票项目，可以设置前台显示例数。
前台发表评论功能。
┆8、强大的广告管理功能，后台自行添加广告代码即可！
┆9、在数据库，对密码进行了MD5加密。
┆10、数据库备份与恢复
二、文章功能介绍：
┆1、文章分类栏目管理功能，专题栏目管理功能，分类模版设置管理。
┆2、自由编辑（HTML）栏目模版，可设置多个模版。
┆3、搜索页面自定义编辑（HTML）模版。
┆4、文章添加功能可自选标题颜色是否推荐，固顶，热门等功能。
┆5、支持URL转向，如果设置了网址，那么打开此文章后，自动跳转到设置的URL。
┆6、前台支持固顶文章，推荐文章和热点文章的调用，文章模糊搜索功能。
┆7、内部使用了多功能编辑器可方便地用拖动的方式进行图文混排、图片文件上传、微缩图上传显示效果处理等操作。
三、下载功能介绍：
┆1、下载栏目分类添加与修改。
┆2、添加软件可自行上传软件自动识别文件大小。
┆3、前台支持软件固顶功能，热门功能和推荐功能的调用，支持模糊搜索。
┆4、软件管理与审核，回收站管理，评论管理。
四、图片功能介绍：
┆1、图片栏目分类管理与修改。
┆2、添加图片可自行上传图片自动识别图片的大小。
┆3、前台支持图片固顶功能，热门功能和推荐功能的调用，支持模糊搜索。
┆4、图片管理与审核，回收站管理，评论管理。
五、频道管理功能：
┆1、可任意添加删除频道（可链接外部链接）。
┆2、频道间的排序功能。
六、友情连接功能：
┆1、可添加无数分类例为LOGO连接和文字连接。
┆2、后台直接添加连接和前台申请链接。
┆3、链接修改，删除，审核链接等一些功能。
七、网站公告管理功能：
┆1、所有栏目公告，其他页面栏目公告。
┆2、后台直接添加连接和前台申请链接。
┆3、链接修改，删除，审核链接等一些功能。
八、留言本功能：
┆1、留言本前台浏览留言和发表留言功能。
┆2、管理员回复，修改，删除等功能。
九、用户密码功能：
┆管理员在线修改密码。
十、数据库管理：
┆1、在线数据库压缩需FSO的支持。
┆2、在线数据库备份。
┆3、在线数据库操作注意，请备份好数据库在进行操作。
┆4、空间占用查看管理需FSO的支持。
十一、JS代码管理：
┆1、普通文章的JS代码。
┆2、普通文章的JS代码。
十二、上传文件管理
┆1、文章频道的上传文件。
┆2、图片频道的缩略图。
┆3、图片频道的上传图片。
┆4、下载频道的软件图片。
┆5、下载频道的上传软件。
┆6、网站广告的上传图片。
┆7、清除无用文件。
3.2数据库文件说明
数据库共分20个数据表:
（具体数据库表见附录列表二）
<%NoDown%>AdminAdvertisement
（OLE数据储存表）（系统管理员表）（定义网站属性表）
AnnounceArticleArticleClass
（公告表）（文章属性表）（文章栏目表）
ArticleCommentChannelFriendSite
（文章用户评论表）（网站频道表）（友情链接表）
GuestLayoutPhoto
（用户留言表）（版面定义表）（图像属性表）
photoClassPhotoCommentSkin
（图像栏目表）（图像用户评论表）（样式定义表）
SoftSoftClassSoftComment
（下载属性表）（下载栏目表）（下载用户评论表）
SpecialVote
（文章专题表）（系统投票表）
第四章．网站设计总体方案设计
4.1网站简要说明
这个校园新闻网是个集新闻、信息、交流为一体的网站，是为了让在校学生能刻苦学习的同时，得到适当的放松，并了解学院信息办发布的最新信息技术而设计的。
系统的各种功能设计能够符合学院网站的要求，信息，公告，广告，调查等发布功能的实现，能够给网站更多的生气，更多的实现了用户与学院之间的交互性。
4.2网站可用性讨论
4.2.1网页布局
实际内容占据网页的大部分空间，为50%～80%，导航部分不超过20%。
颜色的选择以青白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背景色的对比度较大，一般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。
为了提高网页的可读性，标题区、标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。
为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页的内容。
在网页的组织上，每个网页都是按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。
网页排版符合用户的阅读习惯，采用横向排列方式。
一个网页的大小一般不超过3万字节，以使用户在10秒钟之内能打开网页。
而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。
在链接旁注明下载文件的大小，帮助用户预测下载时间。
4.2.2主题鲜明、富有特色
在目标明确的基础上，完成网站的构思创意即总体设计方案。
对网站的整体风格和特色做出定位，规划网站的组织结构。
要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。
对于一些LOGO标志应充分加以利用。
调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。
Web站点主页的基本成分包括：
页头：
准确无误地标识站点名称和学院标志；
E-mail地址：
用来接收用户垂询；
联系信息：
如普通邮件地址或电话；
版权信息：
让用户了解系统信息。
重复利用已有信息，如用户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到学院的Web站点中，以减轻数据库的负担。
4.2.3版式编排布局合理性
网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。
站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。
4.2.4相关站点引导链接
一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。
超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。
在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。
4.3网站流程图
图2网站流程图
该流程图是从用户的角度开始的，登录用户可以更好地使用本站提供的信息服务、个性化服务及定期的网站活动；而未登录用户仅仅可以浏览信息，无法进行社区等本站相关的活动及服务。
4.4网站模块结构
图3网站模块结构
4.5本章小结
在本章中，主要阐述了网站设计的方案设计，和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、数据库、模块等，从而在需求与代码之间建立桥梁。
系统设计分两个阶段：
高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。
详细设计阶段的重点是管理界面设计、数据库设计和模块设计。
在体系结构设计之前要阅读需求文档，明确设计任务。
第五章 结构设计与具体实现
5.1整体设计
5.1.1结构设计
本网站的各个功能入口比较多，因此需要一个专门的文件来显示各种后台入口，而且在网页中还要显示出用户在留言板块和管理员在后台模块的信息，因此整个网站我使用了框架（Frame）结构，这样操作比较方便，结构美观。
具体结构实现见（5.2界面设计）。
5.1.2数据库的连接
数据只有用数据库来管理才能有自动化管理的可能。
数据的结构将影响整个管理机制的应用，而且一旦建立以后要修改常会出现麻烦。
所以一开始就要仔细慎重地搭建一个完整而合理的结构。
MicrosoftAccess数据库相对其它的数据库来说要简单容易操作些，本网站信息发布系统中的数据库文件就是Access类型的数据库，数据库中共有20张表（具体表单见附录表二）。
以下是本系统与数据库建立连接的conn.asp源代码：
<%
dimconn
dimconnstr
dimdb
db="database/data.mdb"'数据库文件的位置
Setconn=Server.CreateObject（"ADODB.Connection"）
connstr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath（db）
conn.Openconnstr
subCloseConn（）
conn.close
setconn=nothing
endsub
%>
数据库文件data.mdb在连接文件嵌入下，各页面都能够访问数据库，这是实现交互性的前题。
（数据库设计见图）
图4数据库页面信息
5.2界面设计
设置公开地联系方式及其用户信息反馈专用论坛和留言系统；
设置网站整体信息与用户为一体；设置完善地个性化地会员管理与交互系统；
完善的网站内容、网站用户检索系统。
网站的整体颜色：
白色为导航颜色；主体颜色：
青白色；字体：
宋体；行距：
150%
网站统一顶部为导航条【站标、学院首页、教学科研、教学专题、图片鉴赏、资源下载、学工在线、留下建议】
网站上中部：
网站图片与动态的FLASH结合；位置导航；
网站中部：
网站信息；友情连接；站点数据；网站导航条；图文信息；在线投票；
网站底部：
后台管理登陆；网站/版面制作；版权信息。
5.3开发语言
5.3.1ASP简介
5.3.1.1ASP的优势：
ASP技术ASP（ActiveServerPages动态网页）是微软公司推出的一种用以取代CGI（CommonGatewayInterface通用网关接口）的技术。
目前，Internet上的许多基于Windows平台的Web站点已开始应用ASP来替换CGI。
简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。
通常情况下，用户通过浏览器看到的网页大多是静态的，目前Internet上的许多站点，仍然提供"静态"（static）的主页内容。
ASP与常见的在Client端实现动态主页的技术如JavaApplet、ActiveXControl、VBScript、JavaScript等不同，ASP中的命令和Script语句都是由服务器来解释执行的，执行结果产生动态生成的Web页面并送到浏览器；而Client端技术的Script命令则是由浏览器来解释执行。
由于ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。
ASP通过后缀名为.asp的ASP文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在Web服务器上有可执行权限的目录下。
当用户从浏览器输入了.asp文件的地址后，浏览器就将这个URL请求发给WebServer，如果WebServer上装了ASP，就调用ASP.ASP读出相应.asp文件，解释并执行命令，动态生成一个HTML页面回传WebServer，然后WebServer再把结果发送给浏览器。
ASP文件的制作和HTML类似，且和HTML开发集成，可以在同一个过程完成，利用ASP将可以执行的脚本嵌入到HTML文件中（将HTML文件的后缀名改为.asp），这使得HTML文件的编写与脚本的开发融合在一起。
通过ASP内置的对象、服务器组件（ServerComponent）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。
ASP比较网关及服务器扩展模式有着以下优点：
（1）完全与HTML文件融合在一起；
（2）容易创建，不需要其它编译、链接程序；
（3）面向对象的并通过ActiveXServer对象可扩展。
5.3.1.2ASP的特点：
1.组件在ASP技术中起着核心作用
要想开发出具有实用价值的动态Web应用程序，ASP脚本必须与基本COM标准的组件配合使用。
组件对象模型的微软公司体现用户的一种基于二进制的软件标准，与语言无关。
VisualBasic,VisualC++,VisualJ++等都能创建COM组件，在不同的语言实现的组件之间，依据COM标准可以进行交互操作。
ASP提供了10个内置组件。
每个组件中包括一个或多个对象。
在使用前，组件的对象需要被实例化。
ASP提高了6个内置对象，这6个内置对象可以被ASP脚本直接使用，不需要被实例化。
除了内置组件和内置对象，开发人员还可以自行制作实现特殊功能的组件。
2.支持几乎所有的脚本语言
除了支持VBScript，JavaScript外，ASP还支持REXX，Perl等多种脚本语言。
VBScript是ASP支持的默认脚本语言。
在同一个ASP文件中，ASP脚本可调用不同的脚本语言，从而发挥各种脚本语言的优势。
（1）易于操控数据库
ASP可以轻易地通过ODBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：
Access、VFP、DBase、Oracle等等，另外，ASP亦可将“文本文件”或是“Excel”文件当成数据库用。
（2）ASP的七个对象
对象名称功能描述
Request:
用于获取客户通过浏览器向服务器发送的信息；
Response：
用于将输出结果发送到浏览器；
Server：
用于提供对服务器方法，属性的存取；
Session：
用于在一个拥护对话（Session）中存储公用的信息；
Application：
用于在ASP应用的多个对象之间共享信息；
Asperror：
用于ASP应用的错误处理；
Objectcontext：
用于通过MicrosoftTransactionServer（MTS）来提交或中止一项交易。
从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理。
5.3.1.3ASP的工作原理
当用户浏览网页时，客户端浏览器与WEB站点之间进行交互的过程如下图所示：
图5ASP工作原理
当服务器看到文件的扩展名为.asp时，就会读取文件内容，解释执行其中的VBScript程序。
当遇到基于COM标准的组件（组件本身是经过便宜的可重用的二进制代码）时，ASP引擎将启动相应组件完成指定的功能。
若ASP文件含有访问数据库的请求时，ASP内置组件ADO（ActiveXDataObject）能与数据库连接，对数据库进行访问，并将访问结果返回服务器。
最后，生成标准的HTML文件，并将生成的HTML文件传送给浏览器。
这样就完成了用户浏览器对服务器的访问。
所以我选择了ASP结合DreamweaverMX2004架构湖北工业大学计算机学院网站。
5.3.2VBScript的特点
VBScript语言是微软公司推出的一直面向对象程序设计的语言，它特别适于Internet应用程序的开发。
使用HTML语言编写的网页是静态的，不能随不同的用户和不同的浏览方式而改变。
而用VBScript编写的网页是一直动态的，可以使主页随应用条件的不同而改变页面的内容。
VBScript也是ASP程序使用的主要的脚本语言。
VBScript语言的特点主要有简单易学，面向对象，安全性能好，用途广泛等优点。
VBScript语言是微软公司在VisualBasic的基础上开发出来的，与VisualBasic语言十分的类似。
它的编程过程与自然语言十分相似，比较容易理解和编程，即使没学过VisualBasic，通过学习也能迅速地掌握VBScript语言。
简单好用的特点使VBScript语言特别适合从未从事程序设计的人，从而成为设计开发人员进行WEB动态页面设计的最快途径。
面向对象是编程语言的发展趋势，在VBScript中经常用到的ActiveX控件，文档对象模型等都是对象。
VBScript对每个对象采用事件处理方式，当单击一个对象时，就给对象发生一个消息，告之要执行的操作，同时发送对象所需的数据。
VBScript不能够直接访问内存，也不能够在硬盘上创建和操作文件。
它又删除了所有“具有危险性”和可能感染病毒的命令。
所以VBScript是十
升级会员 