基于ASP的校园网站设计_毕业设计论文.doc

《基于ASP的校园网站设计_毕业设计论文.doc》由会员分享，可在线阅读，更多相关《基于ASP的校园网站设计_毕业设计论文.doc（48页珍藏版）》请在三一文库上搜索。

1、毕业设计（论文）专用纸毕业设计论文：基于ASP的校园网站设计第一章.绪论1.1 前 言Internet正在改变世界，由于Internet具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多大学和众多企业部门都已经建立了自己的网站，通过计算机网络实现宣传、交流及资源的整合。建立学院网站有以下作用： (1) 学院网站是学院的“商标”。在这个高度信息化的社会里，建立学院自己的网站是最直接的宣传手段。网站的超时空特性，不仅能让本地区的人们了解学院，更可让世界了解学院。 (2) 学院有巨大的教育资源，网站是实现教育资源分配的桥梁，它使每一位教师和学生都

2、能均等的得到培训和受教育的机会，能极大的提高教学效率。 (3) 学院网站能提供教学互动的全新方式，学院网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学院同处一室，共同讨论，共同提高。地理上的界限在这里模糊和消失了，学院网站是真正没有围墙的学院。 (4) 学院网站能够提供个性化的学习平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。学院网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和

3、人格。 (5) 学院网站是最佳的教学研究室，学院网站与教育类专门网站的有效链接，给学院教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。1.2 研究时间 从需求分析，系统设计，编码实现到测试从4月8日到5月10日。1.3 主要研究内容 本课题的主要研究内容在于以下几个方面：1、文章管理信息2、下载管理信息3、图片管理信息4、管理员管理信息5、JS管理信息6、页面模板信息7、专题管理信息8、数据库管理信息第二章开发环境及需求分析2.1、开发目的 随着计算机技术的发展，网络技术对我们生活和工作显得越

4、来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻，文摘，资源等的网上发布，多栏目管理，实时的进行行为统计和记录的网上交互系统，达到师生间的交流。2.2、项目背景 HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，而ASP能够彻底实现用户与管理人员的交互性，在ASP编程语言高度发展的形式下，ASP能够很好的解决这些复杂交互的动态性，于是我们也开始了对学院网站的动态开发，即而让学院网站更加的互动。2.3、开发环境 2.3.1系统平台

5、 采用Browser/Server体系结构，服务器端采用运行最低配置要求(全部为中文环境) 操作系统 Windows 2000 Adv Server，Windows 2000 Server 脚本解释器 Vbscripts5.6以上版本，安装Microsoft Internet Explorer5.5以上版本既可获得： Web服务器 IIS 6.0，Windows 2000自带 数据引擎 Microsoft Access 权限要求 对Access数据库具有建表、备份的权限 空间大小 初次安装至少10M可用空间 硬件要求 PIII500 CPU 256M内存或更高 带宽要求 10M共享或更高 客户

6、端软件，包括单机操作系统和浏览器软件，分别选用Windows 2000和Internet Explorer，数据库系统采用Microsoft Access有利于方便操作。 2.3.2 开发工具 基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序，并且应是一个可视化的工具。我所采用的是Dreamweaver MX进行开发，它是用来快速创建数据驱动Web应用程序的基于团队的开发环境，支持ASP，以ODBC连接数据库，脚本语言为简单易学的JavaScript或VBScript。 2.3.3运行需求 在调试和运行过程中，应该能够让系统正常使用时不出错，若运行时遇到不可恢复的

7、系统错误，也应该保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时，能够保证数据的正确性、信息的可靠性、实现的高效性、系统的易使用性、系统管理的可维护性、信息的可测试性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性。第三章 系统功能说明3.1 前台显示说明 3.1.1 前台首页显示 下面通过首页来说明网站整体的功能： 图1 网站首页（无测试数据） 1. 首页的最顶部排列显示大类新闻或文章，用户可以直接点击查看各项大类新闻里面的各项小类新闻，直到阅读每条详细信息。 2. 站点首页，教学科研，教学专题，资源下载，图片鉴赏等各个栏目，后台可以控制排序和

8、位置调整，或显示条数设置。 3. 图片，下载等显示可以任意排序，而且可以直接点击查看相关信息进行查看和更新信息。 4. 设有专题显示和网站调查系统，以及网站的一些统计数据信息，可以按不同条件进行文件信息搜索。 5. 公告部分显示最新发布的各项学院通知信息。 3.1.2 网站的管理 本系统是实现信息发布，多栏目管理，设有网站管理与论坛管理分开管理；使论坛具有更灵活的管理条件。 一、 基本功能介绍： 1、网站基本资料设置(网站名称、网址、等等.一些基本设置)。 2、后台可增加一级分类和二级分类(可更改或添加)前台自动更新。 3、网站底部功能菜单设置内容增加更改。 4、可添加无数条公告 前台自动显示

9、。（内附多功能编辑器） 5、站内新闻及教学文章添加与修改。（内附多功能编辑器） 6、模板添加和管理，导入，导出。 7、投票系统后台可添加多个投票项目，可以设置前台显示例数。前台发表评论功能。 8、强大的广告管理功能，后台自行添加广告代码即可！ 9、在数据库，对密码进行了MD5加密。 10、数据库备份与恢复 二、 文章功能介绍： 1、文章分类栏目管理功能，专题栏目管理功能，分类模版设置管理。 2、自由编辑（HTML）栏目模版，可设置多个模版。 3、搜索页面自定义编辑（HTML）模版。 4、文章添加功能 可自选标题颜色 是否推荐，固顶，热门等功能。 5、支持URL转向，如果设置了网址，那么打开此文

10、章后，自动跳转到设置的URL 。 6、前台支持固顶文章，推荐文章和热点文章的调用，文章模糊搜索功能。 7、内部使用了多功能编辑器可方便地用拖动的方式进行图文混排、图片文件上传、微缩图上传显示效果处理等操作。 三、下载功能介绍： 1、下载栏目分类添加与修改。 2、添加软件 可自行上传软件 自动识别文件大小。 3、前台支持软件固顶功能，热门功能和推荐功能的调用，支持模糊搜索。 4、软件管理与审核，回收站管理，评论管理。 四、 图片功能介绍： 1、图片栏目分类管理与修改。 2、添加图片 可自行上传图片 自动识别图片的大小。 3、前台支持图片固顶功能，热门功能和推荐功能的调用，支持模糊搜索。 4、图片

11、管理与审核，回收站管理，评论管理。 五、 频道管理功能： 1、可任意添加删除频道 （可链接外部链接）。 2、频道间的排序功能。 六、 友情连接功能： 1、可添加无数分类 例为LOGO连接和文字连接。 2、后台直接添加连接和前台申请链接。 3、链接修改，删除，审核链接等一些功能。 七、 网站公告管理功能： 1、所有栏目公告，其他页面栏目公告。 2、后台直接添加连接和前台申请链接。 3、链接修改，删除，审核链接等一些功能。 八、 留言本功能： 1、留言本前台浏览留言和发表留言功能。 2、管理员回复，修改，删除等功能。 九、 用户密码功能： 管理员在线修改密码。 十、 数据库管理： 1、在线数据库压

12、缩 需FSO的支持。 2、在线数据库备份。 3、在线数据库操作 注意，请备份好数据库在进行操作。 4、空间占用查看管理 需FSO的支持。 十一、JS代码管理： 1、普通文章的JS代码。 2、普通文章的JS代码。 十二、上传文件管理 1、文章频道的上传文件。 2、图片频道的缩略图。 3、图片频道的上传图片。 4、下载频道的软件图片。 5、下载频道的上传软件。 6、网站广告的上传图片。 7、清除无用文件。3.2 数据库文件说明 数据库共分 20 个数据表:（具体数据库表见附录列表二） Admin Advertisement (OLE数据储存表) (系统管理员表) (定义网站属性表) Announc

13、e Article ArticleClass(公告表) (文章属性表) (文章栏目表) ArticleComment Channel FriendSite(文章用户评论表) (网站频道表) (友情链接表) Guest Layout Photo(用户留言表) (版面定义表) (图像属性表) photoClass PhotoComment Skin (图像栏目表) (图像用户评论表) (样式定义表)Soft SoftClass SoftComment(下载属性表) (下载栏目表) (下载用户评论表)Special Vote(文章专题表) (系统投票表)第四章网站设计总体方案设计4.1 网站简要说明

14、 这个校园新闻网是个集新闻、信息、交流为一体的网站，是为了让在校学生能刻苦学习的同时，得到适当的放松，并了解学院信息办发布的最新信息技术而设计的。系统的各种功能设计能够符合学院网站的要求，信息，公告，广告，调查等发布功能的实现，能够给网站更多的生气，更多的实现了用户与学院之间的交互性。4.2 网站可用性讨论 4.2.1 网页布局 实际内容占据网页的大部分空间，为50%80%，导航部分不超过20%。颜色的选择以青白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背景色的对比度较大，一般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。为了提高网页的可读性，标题区、标题行和正文

15、区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。 为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页的内容。在网页的组织上，每个网页都是按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯，采用横向排列方式。 一个网页的大小一般不超过3万字节，以使用户在10秒钟之内能打开网页。而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。在链接旁注明下载文件的大小，帮助用户预测下载时间。 4.2.2 主题鲜明、富有特色 在目标明确的基础上，完成网站的构

16、思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些LOGO标志应充分加以利用。调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。Web站点主页的基本成分包括：页头：准确无误地标识站点名称和学院标志； E-mail地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：让用户了解系统信息。 重复利用已有信息，如用户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到学院的Web站点中

17、，以减轻数据库的负担。 4.2.3 版式编排布局合理性 网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。 4.2.4 相关站点引导链接 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链

18、接到其它网站轻而易举。 在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。4.3 网站流程图 用户浏览网站浏览查看撰写留言网站服务注册登陆论坛论坛浏览和发帖未注册论坛浏览退 出 图2 网站流程图该流程图是从用户的角度开始的，登录用户可以更好地使用本站提供的信息服务、个性化服务及定期的网站活动；而未登录用户仅仅可以浏览信息，无法进行社区等本站相关的活动及服务。4.4 网站模块结构网站基本结构图网站前台模块会员模块后台管理模块资源下载模块网站浏览模块留言系统模块论坛会员注册模块论坛会员浏览模块会员论坛工具模块登陆验证模块资源管理模块栏目管理模

19、块网站维护模块论坛维护模块图片鉴赏模块 图3 网站模块结构4.5 本章小结 在本章中，主要阐述了网站设计的方案设计，和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、数据库、模块等，从而在需求与代码之间建立桥梁。系统设计分两个阶段：高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。详细设计阶段的重点是管理界面设计、数据库设计和模块设计。在体系结构设计之前要阅读需求文档，明确设计任务。第五章 结构设计与具体实现5.1 整体设计 5.1.1 结构设计 本网站的各个功能入口比较多，因此需要一个专门的文件来显示各种后台入口，而且在网页中还要显示出用户在留言板块和管理员在

20、后台模块的信息，因此整个网站我使用了框架（Frame）结构，这样操作比较方便，结构美观。具体结构实现见（5.2界面设计）。 5.1.2 数据库的连接数据只有用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且一旦建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。Microsoft Access数据库相对其它的数据库来说要简单容易操作些，本网站信息发布系统中的数据库文件就是Access类型的数据库，数据库中共有20张表（具体表单见附录表二）。以下是本系统与数据库建立连接的conn.asp源代码：数据库文件data.mdb在连接文件嵌入下，各页

21、面都能够访问数据库，这是实现交互性的前题。（数据库设计见图）图4 数据库页面信息5.2界面设计设置公开地联系方式及其用户信息反馈专用论坛和留言系统；设置网站整体信息与用户为一体；设置完善地个性化地会员管理与交互系统；完善的网站内容、网站用户检索系统。网站的整体颜色：白色为导航颜色；主体颜色：青白色；字体：宋体；行距：150% 网站统一顶部为导航条【站标、学院首页、教学科研、教学专题、图片鉴赏、资源下载、学工在线、留下建议】 网站上中部：网站图片与动态的FLASH结合；位置导航； 网站中部：网站信息；友情连接；站点数据；网站导航条；图文信息；在线投票； 网站底部：后台管理登陆；网站/版面制作；版

22、权信息。 5.3 开发语言5.3.1 ASP简介5.3.1.1 ASP的优势：ASP技术 ASP（Active Server Pages动态网页）是微软公司推出的一种用以取代CGI（Common Gateway Interface通用网关接口）的技术。目前，Internet上的许多基于Windows平台的Web站点已开始应用ASP来替换CGI。 简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前Intern

23、et 上的许多站点，仍然提供静态（static）的主页内容。 ASP与常见的在Client端实现动态主页的技术如Java Applet、ActiveX Control、VBScript、JavaScript等不同，ASP中的命令和Script语句都是由服务器来解释执行的，执行结果产生动态生成的Web页面并送到浏览器；而Client端技术的Script命令则是由浏览器来解释执行。由于ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。ASP通过后缀名为.asp的ASP文件来实现，一个.asp文件相当于一个可执

24、行文件，因此必须放在Web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后，浏览器就将这个URL请求发给Web Server，如果Web Server上装了ASP，就调用ASP. ASP读出相应.asp文件，解释并执行命令，动态生成一个HTML页面回传Web Server，然后Web Server再把结果发送给浏览器。ASP文件的制作和HTML类似，且和HTML开发集成，可以在同一个过程完成，利用ASP将可以执行的脚本嵌入到HTML文件中(将HTML文件的后缀名改为.asp)，这使得HTML文件的编写与脚本的开发融合在一起。通过ASP内置的对象、服务器组件（Server

25、Component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。ASP比较网关及服务器扩展模式有着以下优点： (1) 完全与HTML文件融合在一起； (2) 容易创建，不需要其它编译、链接程序； (3) 面向对象的并通过ActiveX Server对象可扩展。5.3.1.2 ASP的特点： 1.组件在ASP技术中起着核心作用 要想开发出具有实用价值的动态Web应用程序，ASP脚本必须与基本COM标准的组件配合使用。组件对象模型的微软公司体现用户的一种基于二进制的软件标准，与语言无关。Visual Basic, Visual C+, Visual J+

26、 等都能创建COM组件，在不同的语言实现的组件之间，依据COM标准可以进行交互操作。 ASP提供了10个内置组件。每个组件中包括一个或多个对象。在使用前，组件的对象需要被实例化。ASP提高了6个内置对象，这6个内置对象可以被ASP脚本直接使用，不需要被实例化。除了内置组件和内置对象，开发人员还可以自行制作实现特殊功能的组件。 2.支持几乎所有的脚本语言 除了支持VBScript，JavaScript外，ASP还支持REXX，Perl等多种脚本语言。VBScript是ASP支持的默认脚本语言。在同一个ASP文件中，ASP脚本可调用不同的脚本语言，从而发挥各种脚本语言的优势。 （1）易于操控数据库

27、 ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、VFP、DBase、Oracle等等，另外，ASP亦可将“文本文件”或是“Excel” 文件当成数据库用。 （2）ASP的七个对象 对象名称 功能描述 Request: 用于获取客户通过浏览器向服务器发送的信息；Response： 用于将输出结果发送到浏览器；Server： 用于提供对服务器方法，属性的存取；Session： 用于在一个拥护对话(Session)中存储公用的信息；Application： 用于在ASP应用的多个对象之间共享信息；Asperror

28、： 用于ASP应用的错误处理；Objectcontext：用于通过Microsoft Transaction Server(MTS)来提交或中止一项交易。 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理。 5.3.1.3 ASP的工作原理 当用户浏览网页时，客户端浏览器与WEB站点之间进行交互的过程如下图所示： 图5 ASP工作原理当服务器看到文件的扩展名为.asp时，就会读取文件内容，

29、解释执行其中的VBScript程序。当遇到基于COM标准的组件（组件本身是经过便宜的可重用的二进制代码）时，ASP引擎将启动相应组件完成指定的功能。若ASP文件含有访问数据库的请求时，ASP内置组件ADO（ActiveX Data Object）能与数据库连接，对数据库进行访问，并将访问结果返回服务器。最后，生成标准的HTML文件，并将生成的HTML文件传送给浏览器。这样就完成了用户浏览器对服务器的访问。 所以我选择了ASP结合Dreamweaver MX 2004架构湖北工业大学计算机学院网站。 5.3.2 VBScript的特点 VBScript语言是微软公司推出的一直面向对象程序设计的语

30、言，它特别适于Internet应用程序的开发。使用HTML语言编写的网页是静态的，不能随不同的用户和不同的浏览方式而改变。而用VBScript编写的网页是一直动态的，可以使主页随应用条件的不同而改变页面的内容。VBScript也是ASP程序使用的主要的脚本语言。 VBScript语言的特点主要有简单易学，面向对象，安全性能好，用途广泛等优点。 VBScript语言是微软公司在Visual Basic的基础上开发出来的，与Visual Basic语言十分的类似。它的编程过程与自然语言十分相似，比较容易理解和编程，即使没学过Visual Basic，通过学习也能迅速地掌握VBScript语言。简单

31、好用的特点使VBScript语言特别适合从未从事程序设计的人，从而成为设计开发人员进行WEB动态页面设计的最快途径。 面向对象是编程语言的发展趋势，在VBScript中经常用到的ActiveX控件，文档对象模型等都是对象。VBScript对每个对象采用事件处理方式，当单击一个对象时，就给对象发生一个消息，告之要执行的操作，同时发送对象所需的数据。 VBScript不能够直接访问内存，也不能够在硬盘上创建和操作文件。它又删除了所有“具有危险性”和可能感染病毒的命令。所以VBScript是十分安全可靠的。 VBScript究竟能够做什么事情呢？取决于编程人员的想象力。现在，必须使用Java或Jav

32、a Applet制作的许多动态效果都能够使用VBScript语言实现了。另外，VBScript还可以与ASP中的ADO技术结合，使主页除了具有浏览功能外，还增加了数据库管理和网上交互能力，从而开发出更强大的服务器程序。5.4 具体设计文档5.4.1 内容和功能设计这个校园网站主要实现新闻、信息等功能，目标用户主要是Internet的在校学生。先明确这个校园网站提供的主要功能：(1) 注册登录系统： 提供用来在论坛中发表建议和交流功能(2) 学院留言系统： 提供学院在线技术支持和咨询的功能(3) 教学科研专区： 提供学院教师在个方面的成果及新闻的功能(4) 新闻公告专区： 提供有关学院的公告通知

33、，计算机方面的最新资讯。(5) 学工在线专区： 提供用户之间进行交流的系统。(6) 远程管理系统： 管理员模块，用来管理网站论坛会员、数据库以及网站维护等。 5.4.2 前台新闻文摘显示 可以根据网站的需要,进行各种方式的插入,自动更新.如显示栏目导航,显示某栏目的最新N条新闻等. 使用管理系统制作动态网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻 文章的栏目或内容。例如：一级栏目列表、二级栏目列表、栏目导航列表、某一栏目的最新新闻(文章)显示条数、某一栏目的热门文章可任意调整。该系统也可经后继开发,使之生成JS代码,在一个主机上维护新闻文章,在其他静态网页中插入代码后显示相应的

34、新闻文章。 5.4.3 后台管理 1. 文章栏目管理：增加,修改,删除一级,二级文章栏目。 2. 文章添加：按不同栏目添加文章、支持文本、HTML格式或源代码显示、支持图片上传和附件上传。 3. 新闻文章删除：删除旧的文章。 4. 新闻文章删除：在后台管理系统中上传一些文章、上传图片等、在前台查询这些文章。 5. 管理员管理：后台管理系统的管理员设置。 6. 基本项目管理：数据库数据管理、系统初始化、网站资料管理、空间占用信息等。 7. 其他项目管理：邮件处理、主机环境变量、组件支持情况、后台使用帮助、文件在线管理等。 8. 留言系统管理：发表、删除、回复留言等。 9. 友情链接管理：分类管理

35、、添加链接、链接管理、审核申请的链接等。 10. 下载和图片文件管理：分类管理、添加新文件、管理已存在的文件等。 5.4.4 信息结构设计 (1) 确定栏目栏目是网站主要内容的体现，合理的划分和安排栏目，将网站的主题明确的显示出来，并且尽量方便访问者的浏览和查询。 (2) 确定网站的目录结构 建立良好的目录结构，方便站点的维护。校园网站的目录结构如下：l adskin 页面图片文件存放目录l database 默认数据库存放目录l databackup 数据库备份目录 l UploadSoft 默认上传的下载数据存放目录l UploadAdpic 上传的广告文件l UploadFiles 上传

36、的文件l UploadPhotos 上传的图片文件l UploadSoftPic 上传的下载的微缩图片l UploadThumbs 上传的文件数据l images 系统图片文件l inc 系统配置目录l BBS 论坛存放目录(3) 网站装饰风格采用了蓝色和白色为主导航颜色，首页中运用最新更新图片，以及文字交错排版，使整个网站看上去符合跳动的风格。(4) 网站的链接结构校园网站的主要链接关系如下：学院首页、教学科研、教学专题、图片鉴赏、资源下载、学工在线、留下建议、远程管理相互之间均有链接。注册 / 注册新用户 / 新用户注册页面 / 用户管理页面 (论坛)远程管理 / 管理员登陆页面 / 管理

37、员页面5.4.5 可视化设计网站可视化设计的主要目的是提供给用户一个关于网站的信息展示方案，一个良好有效的网站可视化设计能给用户留下深刻的印象，使得用户能够自然、友好的浏览Web站点所提供的信息，也是网站设计中重要的一环。可视化设计最重要的是确定网站的页面布局。然后设计网页的表现框架，建立页面模型。5.5 具体实现技术5.5.1 CSS在湖工大计算机学院网站中的应用实例 在湖工大计算机学院网站中的页面，增加了以下的定义，使页面有特殊的显示效果。 湖工大计算机学院网站中CSS样式表使用的部分代码：.topbgbackground:url(Images/topbg.gif);color: #FFF

38、FFF;.bgcolor background-color: #E1F4EE; 在上面的样式表中定义了网页头部的背景图片和颜色，以避免因网页浏览器的的设置改变而引起的网页头部的背景图片和颜色变化，影响页面浏览者的信息浏览；.topbg这部分是对网页背景颜色和背景图片的设置。 5.5.2 应用JavaScript设计网页 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程

39、序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷。 JavaScript的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱。它是众多脚本语言中较为优秀的一种，与WWW的结合有效地实现了网络计算和网络计算机的蓝图。 在网站JS代码管理文件中使用了下面一段JavaScript代码片段：function makejs()var strJS;st

40、rJS=nn;document.myform.JsCode.value=strJS; 此代码主要是实现管理员在后台增加栏目时所调用的JS代码。栏目的增减分类等处理，可以直接涉及到网站的构造，页面的显示与隐藏甚至删除，所以，在使用JS调用的时候一般不在同一时间使用多次，以减轻服务器和数据库读写的负担。5.6 留言系统的设计 留言板的基本功能是让使用者撰写留言或查看别人的留言。一个功能完善的留言板也有着比较复杂的功能，这种复杂性表现在留言板的管理权限和留言丰富的表现形式两个方面。只有撰写者自己才能够重新编辑他自己写的留言，超级管理员可以删除回复留言。 因为使用Access创建数据库最自然的方式就是

41、使用图形界面来创建，所以这里没有必要给出创建这表的SQL脚本。本系统应该包含以下的模块：撰写留言模块浏览留言模块保存操作（撰写，删除，回复）的功能模块 我在制作的过程中留言本功能模块全部结合在一个文件guestbook.asp里面，以下就是留言本页面： 图6 留言本页面撰写留言页面的表单部分代码： 这部分代码主要是实现显示IP地址和显示留言信息的， 这部分代码主要是实现在线留言搜索。留言系统嵌入了UBB功能，用户在编辑留言时就有了自己想要的格式和效果，给用户新意，产生好印象，给下次访问网站带来基础和前提。论坛的设计与留言本类似，只是功能比留言本更加的完善一些，在这里就不一一详细的说明了。5.7 数据加密 有很多理由使开发者需要对某些敏