校园网站设计

基于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、开发环境系统平台采用Browser/Server体系结构，效劳器端采用运行最低配置要求(全部为中文环境)操作系统Windows2000AdvServer，Windows2000Server脚本解释器Vbscripts5.6以上版本，安装MicrosoftInternetExplorer5.5以上版本既可获得：Web效劳器IIS6.0，Windows2000自带数据引擎MicrosoftAccess权限要求对Access数据库具有建表、备份的权限空间大小初次安装至少10M可用空间硬件要求PIII500CPU256M内存或更高带宽要求10M共享或更高客户端软件，包括单机操作系统和浏览器软件，分别选用Windows2000和InternetExplorer，数据库系统采用MicrosoftAccess有利于方便操作。开发工具基于Web的系统开发工具应使开发者使用各种各样的技术来创立动态的Web应用程序，并且应是一个可视化的工具。我所采用的是DreamweaverMX进行开发，它是用来快速创立数据驱动Web应用程序的基于团队的开发环境，支持ASP，以ODBC连接数据库，脚本语言为简单易学的JavaScript或VBScript。

运行需求在调试和运行过程中，应该能够让系统正常使用时不出错，假设运行时遇到不可恢复的系统错误，也应该保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时，能够保证数据的正确性、信息的可靠性、实现的高效性、系统的易使用性、系统管理的可维护性、信息的可测试性、数据的复用性、数据库的平安保密性、数据的可移植性以及网络互联性。第三章系统功能说明3.1前台显示说明前台首页显示下面通过首页来说明网站整体的功能：图1网站首页〔无测试数据〕1.首页的最顶部排列显示大类新闻或文章，用户可以直接点击查看各项大类新闻里面的各项小类新闻，直到阅读每条详细信息。

2.站点首页，教学科研，教学专题，资源下载，图片鉴赏等各个栏目，后台可以控制排序和位置调整，或显示条数设置。

3.图片，下载等显示可以任意排序，而且可以直接点击查看相关信息进行查看和更新信息。4.设有专题显示和网站调查系统，以及网站的一些统计数据信息，可以按不同条件进行文件信息搜索。

5.公告局部显示最新发布的各项学院通知信息。

网站的管理本系统是实现信息发布，多栏目管理，设有网站管理与论坛管理分开管理；使论坛具有更灵活的管理条件。一、根本功能介绍：┆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网站可用性讨论网页布局实际内容占据网页的大局部空间，为50%～80%，导航局部不超过20%。颜色的选择以青白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背景色的比照度较大，一般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。为了提高网页的可读性，标题区、标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地说明了网页的内容。在网页的组织上，每个网页都是按照“倒金字塔”原那么进行编写，即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯，采用横向排列方式。一个网页的大小一般不超过3万字节，以使用户在10秒钟之内能翻开网页。而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。在链接旁注明下载文件的大小，帮助用户预测下载时间。主题鲜明、富有特色在目标明确的根底上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。

要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些LOGO标志应充分加以利用。调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。

Web站点主页的根本成分包括：

页头：准确无误地标识站点名称和学院标志；

E-mail地址：用来接收用户垂询；

联系信息：如普通邮件地址或；

版权信息：让用户了解系统信息。

重复利用已有信息，如用户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到学院的Web站点中，以减轻数据库的负担。

版式编排布局合理性网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。

站点设计简单有序，主次关系清楚，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。

相关站点引导链接一个好的网站的根本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。

在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。4.3网站流程图用户浏览网站浏览查看撰写留言网站效劳用户浏览网站浏览查看撰写留言网站效劳注册登陆论坛论坛浏览和发帖未注册论坛浏览退出该流程图是从用户的角度开始的，登录用户可以更好地使用本站提供的信息效劳、个性化效劳及定期的网站活动；而未登录用户仅仅可以浏览信息，无法进行社区等本站相关的活动及效劳。4.4网站模块结构网站根本结构图网站前台模块会员模块后台管理模块资源下载模块网站浏览模块网站根本结构图网站前台模块会员模块后台管理模块资源下载模块网站浏览模块留言系统模块论坛会员注册模块论坛会员浏览模块会员论坛工具模块登陆验证模块资源管理模块栏目管理模块网站维护模块论坛维护模块图片鉴赏模块4.5本章小结在本章中，主要阐述了网站设计的方案设计，和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、数据库、模块等，从而在需求与代码之间建立桥梁。系统设计分两个阶段：高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。详细设计阶段的重点是管理界面设计、数据库设计和模块设计。在体系结构设计之前要阅读需求文档，明确设计任务。第五章结构设计与具体实现5.1整体设计结构设计本网站的各个功能入口比拟多，因此需要一个专门的文件来显示各种后台入口，而且在网页中还要显示出用户在留言板块和管理员在后台模块的信息，因此整个网站我使用了框架〔Frame〕结构，这样操作比拟方便，结构美观。具体结构实现见〔5.2界面设计〕。数据库的连接数据只有用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且一旦建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。MicrosoftAccess数据库相对其它的数据库来说要简单容易操作些，本网站信息发布系统中的数据库文件就是Access类型的数据库，数据库中共有20张表〔具体表单见附录表二〕。

以下是本系统与数据库建立连接的conn.asp源代码：<%dimconndimconnstrdimdb

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=nothingendsub%>数据库文件data.mdb在连接文件嵌入下，各页面都能够访问数据库，这是实现交互性的前题。〔数据库设计见图〕图4数据库页面信息5.2界面设计设置公开地联系方式及其用户信息反响专用论坛和留言系统；设置网站整体信息与用户为一体；设置完善地个性化地会员管理与交互系统；完善的网站内容、网站用户检索系统。网站的整体颜色：白色为导航颜色；主体颜色：青白色；字体：宋体；行距：150%

网站统一顶部为导航条【站标、学院首页、教学科研、教学专题、图片鉴赏、资源下载、学工在线、留下建议】网站上中部：网站图片与动态的FLASH结合；位置导航；网站中部：网站信息；友情连接；站点数据；网站导航条；图文信息；在线投票；网站底部：后台管理登陆；网站/版面制作；版权信息。5.3开发语言5.3.1ASP简介.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对象可扩展。.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效劳器进行分布式事务处理。.3ASP的工作原理当用户浏览网页时，客户端浏览器与WEB站点之间进行交互的过程如下列图所示：图5ASP工作原理当效劳器看到文件的扩展名为.asp时，就会读取文件内容，解释执行其中的VBScript程序。当遇到基于COM标准的组件〔组件本身是经过廉价的可重用的二进制代码〕时，ASP引擎将启动相应组件完成指定的功能。假设ASP文件含有访问数据库的请求时，ASP内置组件ADO〔ActiveXDataObject〕能与数据库连接，对数据库进行访问，并将访问结果返回效劳器。最后，生成标准的HTML文件，并将生成的HTML文件传送给浏览器。这样就完成了用户浏览器对效劳器的访问。所以我选择了ASP结合DreamweaverMX2004架构湖北工业大学计算机学院网站。VBScript的特点VBScript语言是微软公司推出的一直面向对象程序设计的语言，它特别适于Internet应用程序的开发。使用HTML语言编写的网页是静态的，不能随不同的用户和不同的浏览方式而改变。而用VBScript编写的网页是一直动态的，可以使主页随应用条件的不同而改变页面的内容。VBScript也是ASP程序使用的主要的脚本语言。VBScript语言的特点主要有简单易学，面向对象，平安性能好，用途广泛等优点。VBScript语言是微软公司在VisualBasic的根底上开发出来的，与VisualBasic语言十分的类似。它的编程过程与自然语言十分相似，比拟容易理解和编程，即使没学过VisualBasic，通过学习也能迅速地掌握VBScript语言。简单好用的特点使VBScript语言特别适合从未从事程序设计的人，从而成为设计开发人员进行WEB动态页面设计的最快途径。面向对象是编程语言的开展趋势，在VBScript中经常用到的ActiveX控件，文档对象模型等都是对象。VBScript对每个对象采用事件处理方式，当单击一个对象时，就给对象发生一个消息，告之要执行的操作，同时发送对象所需的数据。VBScript不能够直接访问内存，也不能够在硬盘上创立和操作文件。它又删除了所有“具有危险性”和可能感染病毒的命令。所以VBScript是十分平安可靠的。VBScript究竟能够做什么事情呢？取决于编程人员的想象力。现在，必须使用Java或JavaApplet制作的许多动态效果都能够使用VBScript语言实现了。另外，VBScript还可以与ASP中的ADO技术结合，使主页除了具有浏览功能外，还增加了数据库管理和网上交互能力，从而开发出更强大的效劳器程序。5.4具体设计文档内容和功能设计这个校园网站主要实现新闻、信息等功能，目标用户主要是Internet的在校学生。先明确这个校园网站提供的主要功能：(1)注册登录系统：提供用来在论坛中发表建议和交流功能(2)学院留言系统：提供学院在线技术支持和咨询的功能(3)教学科研专区：提供学院教师在个方面的成果及新闻的功能(4)新闻公告专区：提供有关学院的公告通知，计算机方面的最新资讯。(5)学工在线专区：提供用户之间进行交流的系统。(6)远程管理系统：管理员模块，用来管理网站论坛会员、数据库以及网站维护等。前台新闻文摘显示可以根据网站的需要,进行各种方式的插入,自动更新.如显示栏目导航,显示某栏目的最新N条新闻等.使用管理系统制作动态网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻文章的栏目或内容。例如：

一级栏目列表、二级栏目列表、栏目导航列表、某一栏目的最新新闻(文章)显示条数、某一栏目的热门文章可任意调整。该系统也可经后继开发,使之生成JS代码,在一个主机上维护新闻文章,在其他静态网页中插入代码后显示相应的新闻文章。后台管理1.文章栏目管理：增加,修改,删除一级,二级文章栏目。

2.文章添加：按不同栏目添加文章、支持文本、HTML格式或源代码显示、支持图片上传和附件上传。

3.新闻文章删除：删除旧的文章。

4.新闻文章删除：在后台管理系统中上传一些文章、上传图片等、在前台查询这些文章。

5.管理员管理：后台管理系统的管理员设置。

6.根本工程管理：数据库数据管理、系统初始化、网站资料管理、空间占用信息等。7.其他工程管理：邮件处理、主机环境变量、组件支持情况、后台使用帮助、文件在线管理等。8.留言系统管理：发表、删除、回复留言等。9.友情链接管理：分类管理、添加链接、链接管理、审核申请的链接等。10.下载和图片文件管理：分类管理、添加新文件、管理已存在的文件等。信息结构设计(1)确定栏目栏目是网站主要内容的表达，合理的划分和安排栏目，将网站的主题明确的显示出来，并且尽量方便访问者的浏览和查询。(2)确定网站的目录结构建立良好的目录结构，方便站点的维护。校园网站的目录结构如下：adskin页面图片文件存放目录database默认数据库存放目录databackup数据库备份目录UploadSoft默认上传的下载数据存放目录UploadAdpic上传的广告文件UploadFiles上传的文件UploadPhotos上传的图片文件UploadSoftPic上传的下载的微缩图片UploadThumbs上传的文件数据images系统图片文件inc系统配置目录BBS论坛存放目录(3)网站装饰风格采用了蓝色和白色为主导航颜色，首页中运用最新更新图片，以及文字交错排版，使整个网站看上去符合跳动的风格。(4)网站的链接结构校园网站的主要链接关系如下：学院首页、教学科研、教学专题、图片鉴赏、资源下载、学工在线、留下建议、远程管理相互之间均有链接。注册/注册新用户/新用户注册页面/用户管理页面(论坛)远程管理/管理员登陆页面/管理员页面可视化设计网站可视化设计的主要目的是提供应用户一个关于网站的信息展示方案，一个良好有效的网站可视化设计能给用户留下深刻的印象，使得用户能够自然、友好的浏览Web站点所提供的信息，也是网站设计中重要的一环。可视化设计最重要的是确定网站的页面布局。然后设计网页的表现框架，建立页面模型。5.5具体实现技术CSS在"湖工大计算机学院网站"中的应用实例在"湖工大计算机学院网站"中的页面，增加了以下的定义，使页面有特殊的显示效果。"湖工大计算机学院网站"中CSS样式表使用的局部代码：.topbg{ background:url(Images/topbg.gif); color:#FFFFFF;}.bgcolor{ background-color:#E1F4EE;}在上面的样式表中定义了网页头部的背景图片和颜色，以防止因网页浏览器的的设置改变而引起的网页头部的背景图片和颜色变化，影响页面浏览者的信息浏览；

.topbg这局部是对网页背景颜色和背景图片的设置。应用JavaScript设计网页

JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有平安性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言〔Java小程序〕一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷。

JavaScript的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进行反响的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱。它是众多脚本语言中较为优秀的一种，与WWW的结合有效地实现了网络计算和网络计算机的蓝图。

在网站JS代码管理文件中使用了下面一段JavaScript代码片段：

<scriptlanguage="JavaScript"type="text/JavaScript">functionmakejs(){varstrJS;

strJS="<!--代码开始-->\n<";

strJS+="scriptlanguage='JavaScript'type='text/JavaScript'src='";strJS+="News_js.asp?ClassID="+document.myform.ClassID.value;strJS+="'></";strJS+="script";

strJS+=">\n<!--代码结束-->";

document.myform.JsCode.value=strJS;}</script>

此代码主要是实现管理员在后台增加栏目时所调用的JS代码。栏目的增减分类等处理，可以直接涉及到网站的构造，页面的显示与隐藏甚至删除，所以，在使用JS调用的时候一般不在同一时间使用屡次，以减轻效劳器和数据库读写的负担。5.6留言系统的设计留言板的根本功能是让使用者撰写留言或查看别人的留言。一个功能完善的留言板也有着比拟复杂的功能，这种复杂性表现在留言板的管理权限和留言丰富的表现形式两个方面。只有撰写者自己才能够重新编辑他自己写的留言，超级管理员可以删除回复留言。因为使用Access创立数据库最自然的方式就是使用图形界面来创立，所以这里没有必要给出创立这表的SQL脚本。本系统应该包含以下的模块：撰写留言模块浏览留言模块保存操作〔撰写，删除，回复〕的功能模块我在制作的过程中留言本功能模块全部结合在一个文件guestbook.asp里面，以下就是留言本页面：图6留言本页面撰写留言页面的表单局部代码：<% callshowtip() callGuestbook()%>

这局部代码主要是实现显示IP地址和显示留言信息的，<%callGuestBook_Search()%>这局部代码主要是实现在线留言搜索。留言系统嵌入了UBB功能，用户在编辑留言时就有了自己想要的格式和效果，给用户新意，产生好印象，给下次访问网站带来根底和前提。论坛的设计与留言本类似，只是功能比留言本更加的完善一些，在这里就不一一详细的说明了。5.7数据加密有很多理由使开发者需要对某些敏感数据进行加密，比方这里的管理员登陆模块，此时有必要对传递的密码进行存储加密。计算机密码学是研究计算机信息加密，解密及其变换的科学，是数学和计算机的交叉学科，也是一门新兴的学科。MD5加密，这里不可能去研究加密算法，所以只能够简单的介绍一下如何使用最常见的加密技术。在客户端进行加密的意义是用加密的信息在代替没有加密的信息在网络中传送。网络是不平安的，现在有很多侦听软件可以侦听网络中传送的数据。但这种加密应该是单向的，即不能够将加密过的数据采用一定的算法〔通常刚好是原加密工具的算法反算〕复原。否那么，由于客户端代码是源代码可见的，侦听者了解了原算法，也就可以设计出反向的算法。在效劳器端进行加密的意义是当效劳器受到攻击，数据库外泄时，可以尽可能地不让攻击者获得正确的数据。MD5杂凑加密算法是最有名，最常用的一直加密算法。它是不可逆的。所以它可以用于效劳器端加密。下面来对它的用法作一下简单介绍。MD5.asp程序片段：m_12Power(29)=CLng(536870912)m_12Power(30)=CLng(1073741824)Dimx

Dimk

……

ConstS41=6ConstS42=10ConstS43=15ConstS44=21x=ConvertToWordArray(sMessage)a=&H67452301

b=&HEFCDAB89

c=&H98BADCFE

d=&H10325476Fork=0ToUBound(x)Step16

AA=a

BB=b

CC=c

DD=dMd5=FFa,b,c,d,x(k+0),S11,&HD76AA478

……Md5=FFb,c,d,a,x(k+15),S14,&H49B40821首先要在使用MD5加密的也面上包含它：<!--#includefile=“md5.asp”-->在加密的时候使用函数md5(strItem)就可以啦：md5(strUserName)在加密的过程中，“asp”加密后的结果是dcc13a25e6103328.这就是存储在数据库的最终结果。5.8管理员登录功能设计管理员登录页面是整个系统的核心，是管理员进行后台管理的入口，在此完成管理员的登录和身份验证，如果是合法的用户。读出用户权限，然后转如后台管理页面进行系统的整体管理，本系统中的管理员登录页面是Admin_Login.asp，下面详细的介绍一下登陆页面的创立设计方法。管理员登录页面如图示：图7管理员登录界面登陆页面目的是进行验证身份，这就需要和数据库打交道了，所以首先调用前面设计好的数据库连接文件，调用代码是：<!--#includefile="inc/conn.asp"-->登陆页面大局部代码都为HTML代码，但是我用了验证码技术，因此需要读取验证码信息，下面就是从缓存读取页面所产生的验证码信息的代码：<%optionexplicitResponse.Buffer=TrueResponse.Expires=-1Response.ExpiresAbsolute=Now()-1Response.Expires=0Response.CacheControl="no-cache"%>通过管理员信息和验证码信息，使用户登录更具平安性。在后台的管理页面中，由于文件较多，较繁杂，我使用了框架技术，使管理人员有很好的编辑处理界面。在进行编辑处理文件信息的时候能够有比拟友好的界面提示，在管理菜单中来选择需要的管理工程，其中按照需求分析管理工程工分为5大模块，分别是新增新闻〔软件，图片〕，管理类型和栏目分类，和修改管理员信息和查看系统信息。下面进行系统测试。成功登陆后台系统后，它的界面就是下列图所示：图8管理员登录成功界面管理人员在后台操作实现的是所见即所得的效果，能够很大程度减轻管理员管理系统的负担。如果三项有任何一项出问题都不能够成功登录，下列图所示是用户名或密码错误时：图9管理员登录失败界面当验证码出现错误时：图10登录验证码出错时界面管理员进入后台进行信息的添加和修改，删除等操作，如下列图所示是添加软件页面，次页面可以上传本地软件和微缩图，也可以直接连接其他效劳器上的软件路径，也可以从已经上传的图片中选取要添加的图片信息：图11后台添加软件时界面添加软件成功的页面显示为：图12添加软件成功界面依次类举，此系统在添加文件等操作中，可实用性强，能够充分完成一个网站系统所要求到达的功能和管理；测试能够顺利完成并反响在前台显示。第六章总结ASP从推出至今时间也不算漫长，由于它具有开发简单，功能强和灵活等优点，现在已被广泛接受，成为开发动态网络站点的主要技术之一，有人声称ASP已在Web开发领域悄悄地进行着一场革命。今天已有上万个Web站点使用了ASP技术，其中包括许多Internet中最大的站点。有人估计，在过去几年中，ASP开发人员已达百万之多，预计在今后的开展过程当中将会越来越多。ASP正慢慢成为动态Web应用程序开发环境的主流。

基于Web的现代远程教育是一种新型的教育方式，随着现代信息技术的开展，它将越来越受到人们的关注并逐步取代传统教育。21世纪，它将成为构筑终身学习体系的主要手段。而基于Web的动态交互式网站信息发布系统那么是现代网络教育不可缺少的一部份。

本文设计的是一种基于ASP的学校网站，该系统的新闻文摘等信息的发布，多栏目的管理，使学校的新闻信息及时、准确的得以发布。学生通过会员注册直接参与系统信息的相关处理〔浏览和信息反响〕，使学生的意见和需求能够及时的得以提出，激发了他们的学习欲望。

利用ASP技术实现学校的信息发布是一项很有效方法，这种组建的方式，可以应用于网站的其它栏目；又由于ASP编程所用的VBScript与JavaScript语言较其它语言较简洁、易操作、功能较强非常适合广阔用户进行网站的开发。

ASP虽然提供了功能强大的Web应用程序开发环境,但和其它技术一样,它也存在着某些缺点。但ASP毕竟是软件霸主微软精心设计的一个宠儿,人们不得不慢慢向它靠拢，现在越来越多的Web效劳器已开始支持ASP。以信息网站为核心的Web信息系统建设方兴未艾，运用新技术进行创新的应用开发，提高网络系统应用成效将是一个不竭的课题。在本文中介绍了ASP,VBScript以及JSP等方面的知识,详细说明了这个校园新闻网站的制作流程，以及网站中的主要功能。网站中还存在一些缺乏之处,如网页色彩方面，少局部功能还有待更正与实现。这些问题有待于今后进一步的学习与完善。致谢:首先感谢陈晓炜导师的指导，在网站开发及其论文写作过程中，本人针对疑难问题，曾屡次请教陈晓炜导师，他都给予耐心的指导，并给出中肯的建议，并对论文进行全面的修改和审核，使我的论文及其设计能够顺利的完成，再次表示感谢！其次感谢陈茂平同学，朱泉同学，他们在我设计网站的整个过程中帮了我很大的忙，使我才能顺利做完毕业设计，并写完毕业论文。还有我的父母，他们一直在背后给予我最大的帮助。最后要感谢所有教导过我的所有老师，感谢你们让我具有一定的理论知识与实际经验，这样才使论文能够以很好的理论知识作后盾，使论文能够流畅的完成，谢谢你们！参考文献：一、求是科技

编著

ASP数据库开发技术与工程实践人民邮电出版社出版

2004年5月出版

二、杨威

编著

ASP3.0网络开发技术

人民邮电出版社出版

2000年11月出版

三、邓问渊

陈惠贞

陈俊荣编著

ASP与网页数据库设计

中国铁道出版社出版2001年2月出版四、求是科技编著

Access2002数据库开发技术与工程实践人民邮电出版社出版

2002年9月出版

五、美ChristophWille

ChristianKoller编著

24小时学通ASP

人民邮电出版社出版

2000年1月出版

六、马志勇

林立志

王罡

徐延明等编著

HTML4.0实用编程技术

中国水利水电出版社出版

2000年1月出版

七、张固汪晓平编著ASP网络应用系统典型模块开发实例解析人民邮电出版社出版2004年7月出版八、藏杨秦冬李育龙编著ASP软件工程案例精解电子工业出版社出版2004年10月出版参考网站：一、

动网先锋

二、

ASP酷网

ProducethedesignofthetoolandrealizeautomaticallyonthebasisofJSPwebpageSummary：ItisanimportantrespectthatInternetusesthatWebdevelopstechnology,andJSPisthemostadvancedtechnologythatWebisdeveloped,itispresentWebdeveloper'sfirst-selectedtechnology.ButbecauseJSPhasrelativelyhighexpectationsforWebdeveloper,alotofgeneralWebdeveloperscannotusethisadvancedtechnology.ThediscussionproducesthedesignofthetoolandrealizesautomaticallyonthebasisofJSPwebpageofthetemplateandlabelstorehouse,putforwardconcretedesignphilosophyandimplementationmethod.Keyword：JSP;Produceautomatically;Webdevelopment;Label;Labelstorehouse;TemplateForeword：WiththepopularizationofWWW(WorldWideWeb),thetechnologyofthedynamicwebpageisdevelopedrapidlytoo.FromoriginalCGI(CommonGatewayIn-terface)toASP(ActiveServerPage),havemetthewebpagedevelopertothedemandfordevelopingtechnologyofthedynamicwebpagetoacertainextent.ButnomatterCGIorASPhavecertainlimitation,forinstance,consumingtoresourcesoftheserverofCGI,ASPcanonlybeusedetc.withMicrosoftIIS,allthesehavelimitedscopeofapplicationofthetechnology,havehinderedtheirpopularizationgreatly.Thevastpagedevelopersalllookforwardtoakindofunifiedpageanddeveloptechnologyearnestly,characteristicthatthistechnologythereshouldbe：①Havenothingtodowiththeoperatingplatform,canrunonanyWebortheapplicationprogramserver;②Showthelogicandpageofapplicationprogramthatseparates;③Offercodestoputinanposition,simplifyanddevelopthecoursebasedoninteractiveapplicationprogramofWeb.JSP(JavaServerPage)technologyisdesignedandusedforrespondingtotherequestthatlikethis.JSPisdevelopedtechnologybythenewwebpagethatSunMicroSystemCompanyputoutinJuneof1999,itisthatWebbasedonJavaServ-letandthewholeJavasystemdevelopstechnology,andServlet2.Expansionof1API.Utilizethistechnology,cansetupadvancedly,safelyandsteppingdynamicwebsitesoftheplatform.Javaisthefuturemainstreamtodeveloptechnology,havealotofadvantages.JSPisJavaimportantapplicationtechnologyonInternet/IntranetWeb,getextensivesupportandadmit,itcanconbinewithvariouskindsofJavatechnologytogetherintactly,thusrealizeverycomplicatedapplication.Asakindoftechnologyofdevelopmentbasedontext,takingshowingascentre,JSPhasofferedalladvantagesofJavaServlet.Logicfunctioninordertomakesureandshowingthefunctionwasseparated,JSPcanalreadyworkwithJavaBeans,EnterpriseJavaBeans(EJB)andServlet.ThedeveloperofJSPcanfinishtheworkthatmajorityandwebsite'slogicarecorrelatedwiththroughusingJavaBeans,EJBandServlet,andonlyassigntheworkshowntoJSPpagetofinish.Contentandshowadvantagethatlogicseparateliein,upgradeperson,pageofappearanceneedn'tunderstandJavacode,thepersonnelupgradingJavasneedn'tbeexpertswhodesignwebpageeither.ThiscandefineWebtemplateinJSPpagewithJavas,inordertosetupwebsitesmadeupofapagewithsimilarappearance.Javacompletiondataoffer,haveJavacodeamongtemplate,thismeantemplatethesecanwritebyoneHTMLpersonisitmaintaintocome.JSPdevelopstechnologyasthewebpageofthemainstreamatpresent,hasthefollowingcharacteristics：(1)Separatetheformulationandshowingofthecontent:UsingJSPtechnology,thepagedeveloperofWebcanuseHTMLorXMLidentificationtodesignandformatthefinalpage.UseJSPidentificationorboundfootturnintodynamiccontentofpageactually(whethercontentaccordingtoisitcomechangetoask).ProducelogicofcontentoftheidentificationandJavaBeanspackage,trussupofthelittlescriptencapsulation,allscriptsrunintheendoftheserver.IfkeylogicamongidentificationandJavaBeans,thenotherpeople,suchasWebadministrativestaffandpagedesignerencapsulation,caneditanduseJSPpage,anddoesnotinfluencetheformulationofthecontent.

(2)Emphasizethereusablepackage:MostJSPpagesdependonthereusableone,thepackagesteppingtheplatformfinishmorecomplicatedtreatmentwithrequiredapplicationprogram.BenefittingfromtheindependenceofoperatingplatformofJava,thedevelopercanbeveryconvenienttoshareandexchangeandcarryouttheordinarypackagethatoperated,ormakethesepackagesusedbymoreusers.Themethodbasedonpackagehasacceleratedthetotaldevelopmentcourse,theefficiencyofimprovingtheprojectanddevelopingwhollygreatly.ThoughJSPispowerful,itrequiresthewebpagedevelopershouldbequitefamiliarwithJava.TherearestillrelativelyfewJavaprogrammersnow,forgeneralwebpagedeveloper,thegrammarofJSPismoredifficulttograsp.So,needakindofwebpagedevelopinginstrumentandoffercommonlyusedJSPapplicationtogeneralwebpagedeveloper,isitunderstandgeneralpagedevelopdeveloperoftechnology(HTML)canusestrongfunctionofJSPtooonlytolet.1.Systematicdesignobjectandmaintechnologyofuse1.1DesignobjectSystemthisdesignobjectforunderstandbutHTMLunderstandgeneralwebpagedeveloperofJSPofferawebpagedevelopinginstrumentatallonly,enablethemtofollowthesystematicfile,usethedailyfunctionofJSPthroughthelabel,produceonefinallyandonlyincludestaticHTMLanddynamicJSPwebpageofJSPlabel.1.2MaintechnologyThissystemisinthedesign,considerusingthetechnologyofthetemplateandJSPlabeltorealizemainly.TechnologyofthetemplateThetechnologyofthetemplateiswidelyappliedtovariouskindsofdevelopmentandapplicationsystem.Itproducessomecommonlyusedframestructureinadvance,usesthefamilytochoosethetemplatefromthetemplatestorehouseconvenientlyaccordingtotheneedsofone'sownone,isitisitputuptogoagainbyoneselftoneed,saveconstructionperiodinuser,facilitateuseofuser.Inthissystem,classifythepageaccordingtothefunctiontype,sumupthecommonlyusedpagetype,producethetemplatestorehouse.StorehousetechnologyofthelabelInJSP,movementscancreateandvisitthelanguagetargetoftheprocedureandinfluencetheelementexportedandflowed.JSPhasdefinedsixstandardmovements.Exceptsixstandardmovementthese,usercandefineownmovementfinishthespecificfunction.Thesemovementsareknownasthecustomermovement,theyarethereusableproceduremodule.Throughmovementthese,programmercansomeencapsulationstanduptoodisplayfunctionofpageinJSPpage,makethewholepagemoresuccinctandeasiertomaintain.InaJSPpage,movementsweretransferedthroughthecustomerlabelinthesecustomers.Andthelabelstorehouse(TagLibrary)isthesetofthecustomerlabel.JSPlabelstorehouseisthatonekindproducesthemethodbasedonscriptofXMLthroughJavaBeans.ItisoneofthegreatestcharacteristicsofJSP.Throughthelabelstorehouse,canexpandJSPapplicationunrestrictedly,finishanycomplicatedapplicationdemand.JSPlabelstorehousehasthefollowingcharacteristic：(1)Easytouse:ThelabelsinJSPandgeneralHTMLmarksaretotallythesameinappearance,itisasconvenientasordinaryHTMLmarktouse.

(2)Theeasycodeispaidmostattentionto:Everylabelinthelabelstorehousecanfinishcertainfunction.Definereadytoeatonelabelstorehouse,isitpackoneJarfilethelabelstorehousetoneedonly,thenonlyneedusethislabelstorehouseinothersystemsafterwards,needn'tdevelopcodesagain,hasraisedthesystemanddevelopedefficiencygreatly,havereducedthedevelopmentcost.

(3)Theeasycodeissafeguarded:AllapplicationlogicisencapsulatedinlabelprocessorandJavaBeans,alllabelsconcentrateonalabelstorehouse.Ifneedtoupgradecodesorneedtorevisethefunctiononawebpage,onlyneedtorevisethecorrespondinglabel.Maintainwayinunisonthroughthiskind,itisunnecessaryineachwebpageisitisitfixtoactastogetonning,havereducetheworkloadsafeguardedgreatly,haseconomizedthecostofsafeguarding.

(4)Theeasysystemisexpanded:Ifneedtoaddthenewfunctiontothesystem,onlyneedtodefineanewlabeltofinishthisfunction,donotneedtodoanychangetootherrespectsofthesystem.CaninheritJSPnormalcharacteristicsofvariousfieldsinthelabelstorehouse.CanexpandandincreasethefunctionofJSPunrestrictedlylikethis,anddoesnotneedtowaitfortheappearanceofthenexteditionJSP.2.Systematiccompositionandrealizing2.1ThesystemmakingupThissystemismadeupoffourpartsmainly：(1)Thedatabasejoinssome:Thissystemsupportsseveraldailydatabases,includingOracle,Sybase,MSSQLServer,MySQLandDB2,useJDBCanddatabasetolinktoeachotheraccordingtodatabasetypeanddatabasename,username,passwordthatusersofferthatuserschoose.

(2)Thebasicformofsystemproducessome:Afterjoiningwiththedatabase,producethebasicformTC-TablesandTC-Columnsoftwosystemsaccordingtotheusernamelinkingtoeachotherwiththedatabase,TC-TablesformincludesEnglishname,Chinesenameandsomeattributeofformbelongingtothisuserinthisdatabase,forinstancecanrevise,caninquireabout;TheChineseandEnglishnameoftherowandsomeotherattributethatTC-Columnsformincludesbelongingtoallformsofthisuser'sinthisdatabase.Forinstancecanshow,caninquireabout.Basicinformationofthedatabasethatthesebasicformsoftwosystemsprovidetouser'sinstituteforuseinthecourseofdevelopmentofthewholesystem.

(3)Thetemplateischosentoproducesomewiththewebpage:Thispartisakeypartofasystem.Itincludestwopiecesofsubmodule.①Thetemplateischosensome:Thesystemoffersthetemplatetouserandchoosestheinterface,letuserschoosethetemplatesusedfromthetemplatestorehouseaccordingtotheneed.②Thetemplateisdealtwithsome:Accordingtotemplat