1、厦门大学建筑与土木工程学院站点的设计与实现 第 1 页 本科毕业论文 (科研训练、毕业设计 ) 题 目：厦门大学建筑与土木工程学院 站点的设计和实现 姓 名： 学 院：软件学院 系： 专 业：软件工程 年 级： 学 号： 指导教师（校内）： 职称： 指导教师（校外）： 职称： 年 月 日 厦门大学建筑与土木工程学院站点的设计与实现 第 2 页 厦门大学建筑与土木工程学院站点的设计和实现 School of Architecture and Civil Engineering Website Design and Implementation 摘要： 随着计算机技术的日益发展，现代社会已经到了真
2、正的信息时代，网络上的主页如雨后春笋般大量地涌现出来，网站已经成为众多组织机构进行宣传的重要工具。 DreamweaverMX2004 是一款专业网页制作工具，它不但功能强大，界面也非常美观，其人性化的工作平台受到了许多网页制作者的喜欢。 ASP 是一种优秀的电子商务开发程序语言，因为其编辑简便，功能全面的特点，被广泛应用于电子商务网站的编辑制作中。 要使一个网站具有互动效果，当浏览者对网页提出请求时能出现响应结 果，大多必须结合使用数据库，让网页读出存储在数据库中的数据，显示在网页上，也因为每个浏览者对于某一个相同的网页所提出的要求不同，所以显示出的结果即不同，这才是真正的互动网页。 本文首
3、先介绍了站点的风格和定位，接着介绍了站点的开发工具Dreamweaver 和 ASP 服务器端脚本编程环境。后半部分介绍了站点主要模块以及数据库的使用和数据库的安全策略。 关键词： Dreamweaver、 ASP、 ASP 动态页面、数据库 厦门大学建筑与土木工程学院站点的设计与实现 第 3 页 Abstract: As the development of computer science, modem society has come into the real information society. The emergency of websites is like bamboo s
4、hoots after a spring rain. For most organizations, the website is used as an important advertising tool. DreamweaverMX2004 is a professional development tool. It has many functions, moreover, its interface is very esthetical. Because of its oriented, DreamweaverMX2004 is very popular. ASP is an exce
5、llent developing programming language for electronic business websites. It is easy to use and has powerful functions, so ASP is used far-range, either. In order to exchange information with user, the website might coorperate with the database. The user do the request, the browser reads the answer fr
6、om the database and shows it for the user. That is the interactive websites. firstly, this article refers to the style of the website. Secondly, it introduces the development tool Dreamweaver and the script programming language ASP. In the second half, it introduce the main modules of the website, t
7、he use of the database and the security policy of the database. Keyword: Dreamweaver、 ASP、 ASP dynamic page、 database 厦门大学建筑与土木工程学院站点的设计与实现 第 4 页 目录 引言 6 第一章 建筑与土木工程学院网站风格 6 1.1 色系 6 1.2 排版 6 1.3 程序和特效 6 1.4 内容 7 1.5 未来走向 7 1.6 站点主页截图 7 第二章 网站开发工具和互动环境 8 2.1 Dreamweaver 简介 8 2.2 为什么选择 DreamweaverMX2
8、004 8 2.3 ASP 简介 8 2.4 ASP 工作原理 8 2.5 ASP 的环境要求 10 第三章 网站主要模块介绍 10 3.1 LOGO 和导航条模块 10 3.2 新闻 /通知模块 10 3.2.1 概述 10 3.2.2 流程图 11 3.2.3 数据库表格 11 3.3 管理通道模块 12 3.3.1 概述 12 3.3.2 流程图 12 3.3.3 数据库表格 12 3.3.4 不同权限用户的管理 13 3.4 留言簿模块 13 3.4.1 概述 13 3.4.2 流程图 13 3.4.3 数据库表格 14 第四章 数据库的使用 15 4.1 数据库的选择 15 4.2
9、在网页中连接数据库 15 4.3 ASP 对数据库的访问 1 6 第五章 ASP+Access 安全隐患及对策 18 5.1 ASP 安全隐患 18 5.2 ASP 安全策略之一 对 ASP 页面进行加密 18 5.3 ASP 安全策略之二 利用 Session 对象进行注册验证 19 5.4 Access 安全隐患 19 5.5 Access 安全策略之一 非常规命名法 20 5.6 Access 安全策略之二 防止数据库被下载的方法 20 厦门大学建筑与土木工程学院站点的设计与实现 第 5 页 结论 21 致谢语 21 参考文献 21 厦门大学建筑与土木工程学院站点的设计与实现 第 6 页
10、 引言 近年来互联网的发展可谓速度惊人，现代社会已经到了真正的信息时代，网络已经逐渐成为人们日常生活、工作和学习必不可少的媒介和资源。 因特网作为信息双向交流和通讯的工具，已经成为 众多企业 青睐的传播媒介，人称继广播、报纸、杂志、电视之后的第五种媒体 -数字媒体。 2004 年 4 月 6 日，厦门大学建筑与土木工程学院成立。架构厦门大学建筑与土木工程学院网站，不但完善学院内部的信息化建设，而且可以更好地向外界传递学院的情况，展 现学院的风采。为了适应这样的局面，更快、更好、更方便地宣传建筑与土木工程学院，我们为其架设了专用网站，用于学院情况介绍、学院信息发布、物资管理等等。 本文从各个方面
11、论述整个网站的设计和架构，包括站点设计思想、架构站点所用的专业制作工具、站点的结构和各个功能模块，力求清晰明了地阐述网站开发过程的方方面面。 第一章 建筑与土木工程学院网站风格 1.1 色系 网站的色系是浏览者整体的视觉观感，若一个网站 的 色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。我选择 蓝色为主 色系，蓝色属于冷色系，代表 天空、清爽、科技 ，象征着建筑与土木工程学院的沉稳、冷静、不断开拓进取的坚定信念。 1.2 排版： 建筑与土木工程学院的网站为资讯类网站，主要目的是发布有用的资讯， 而这类网站的用户一般来说只想以最快的速度和最简单的形式
12、获得他们想要的资讯。他们所期望的并不是什么不同寻常的令人眼花缭乱的设计 。明确了这一点，我尽量采用简洁的风格。 主页面上方是学院的 LOGO 和导航条，下面为内容区域。内容区域又分为左中右三栏。左边放置“用户登陆”和“站点导航”模块。中间放置“通知通告”和“学生活动”模块。 右边安排的是“新闻中心”和“学院联系方法”模块。 大部分子页面都保留有学院的 LOGO 和导航条，方便用户使用。 1.3 程序和特效 ： 在早期的网站中，只有让浏览者 “ 看 ” 的作用，伴随着多种程序语言的发展，目前常听到的网页互动程序有 ASP 、 XML 等等，上述这些网页程序，都能使网厦门大学建筑与土木工程学院站点
13、的设计与实现 第 7 页 页 “ 动 ” 起来，而网站的功能不再只有 “ 看 ” ，也可以参与其中。网站的特效，能够使网站看起来更为生动活泼，使网页更美观且创造出独特的风格。 构建建筑与土木工程学院网站，我决定采用 ASP 网页互动程序，同时结合VBScript 和 JavaScript， 创建交互性的动态网页。 1.4 内容 网站的内容，就如同书的文字一般重要，书没有了内页，就算封面再漂亮、再精致，都只是个徒 具 美丽空壳的纸版罢了；如果书的内容杂乱无章或是不切合书名，那么买书的人一定会非常懊恼也非常生气。网站也是一样的道理，如果网站没有内容，就算装扮得再美轮美奂，也不配称为网站；如果网站的
14、内容杂七杂八或是与站名摸不着边儿，那么不小心踏进来的浏览者，必然会非常 沮丧 也非常不悦。 建筑与土木工程作为资讯类网站，内容主要是提供学院的各种信息，同时也传达学校的各种动态。总体来说，包括两个大信息块： 一个是学院的各个方面情况，还有一个是学院的新闻通知信息。学院情况包括：学院简介、人员概览、学科建设、科研成果、实验中心、图书资源、教学园地、学生风采、系友之光、招生就业、留言信息。新闻通知信息包括：新闻中心、通知通告、学生活动，为了方便管理，需要实现这些信息的动态录入与编辑。 1.5 未来走向 网站的走向是网站未来的重要指针，网站的走向应与网站的主题相符合。厦门大学建筑与土木工程学院网站今
15、后仍然坚持资讯类网站的走向，为用户提供最新最丰富的内容，满足用户的需要。 1.6 站点主页截图 图 1 站点主页截 图 厦门大学建筑与土木工程学院站点的设计与实现 第 8 页 第二章 网站开发工具和互动环境 本网站选择 DreamweaverMX2004 作为开发工具，选择 ASP 为执行网站程序的互动环境，以下对它们进行简单介绍： 2.1 Dreamweaver 简介 Dreamweaver，这个超过全球 70%占有率的网页编辑软件，以其美观的操作界面，高度整和的功能面板，体贴的窗口布局及从初探到深造全阶段设计功能，受到全球网页设计者的青睐。在历经了多次不同的改版后， 2003 年推出了改进
16、版 DreamweaverMX2004。 2.2 为什么选择 DreamweaverMX2004 （ 1） 标准化的流程 DreamweaverMX2004 将网页中与数据库的互动流程标准化，您不需要学习正统的程序语法，即能经过一定程序的设置与编辑，开发出适当的互动程序。 （ 2） 跨足不同的平台与程序语法 DreamweaverMX2004 并不自限于一技一艺，它能在同一个设计环境中自动产生 ASP、 JSP 的程序代码，让您按照自己的工作平台快速开发应用程序。 （ 3） 支持多种不同的数据库 DreamweaverMX2004 能够支持市面上大部分的数据库格式，包括了Microsoft A
17、ccess、 Microsoft SQL Server、 MySQL 、 Oracle 等主流产品，您可以利用 ODBC、 JDBC 及 ADO 等方式来连接数据库，应用到网页中 （ 4） 借助强大的服务器行为来实现交互功能 DreamweaverMX2004 中内建有许多功能强大的服务器行为，让您更容易操控连接的数据库。用户可以将自己熟悉的程序代码转换成服务器行为以便使用，让您的 DreamweaverMX2004 出类拔萃，与众不同。 2.3 ASP 简介 ASP（ Active Server Pages）是一种功能强大、灵活易学的服务器端脚本编程环境， 它的 源代码均在服务器端运行 ,运
18、行的结果以 HTML 代码的形式输出到客户端 。利用 ASP 不仅可以快速创建交互性的动态网页，而且程序代码完全保密，更重要的是不用考虑客户端用户使用何种浏览器 ， 可以适用于各种浏览器。 2.4 ASP 的工作原 理 要搞清 ASP 是怎样工作的，不妨把 Web Server 对普通静态页面的处理过程与对 ASP 动态页面的处理过程做个对比。 先看看 Web Server 是如何处理对静态页面的请求的（图 1-1） （ 1） 当一个用户从浏览器网址栏中输入所要浏览的 Web 页面的地址并按Enter键后，这个页面请求便通过浏览器送 到对应的 Web 服务器。 厦门大学建筑与土木工程学院站点的
19、设计与实现 第 9 页 （ 2） 服务器接到这个请求并根据 .htm或者 .html的扩展名判断出被请求的页面是一个 HTML 文件。 （ 3） 服务器从目前内存或硬盘上读取相对的 HTML 文件，并将其传回给用户端浏览器。 （ 4） 浏览器将接收到的 HTML 程序解释运行并将结果提供给用户。 这是一个简化后的例子，实际情况可能会复杂一些。但这个例子基本上概括了静态页面的处理流程。 下图所示为静态页面运行过程 下面我们来说明 ASP 动态页面的处理 （ 1） 用户向 Web 服务器传送一个 .asp 的页面请求。 （ 2） 服务器在接到请求后 根据其 .asp 的扩展名判断出用户要浏览的是一
20、个ASP 文件。 （ 3） 服务器从内存或硬盘上读取相对的 ASP 文件。 （ 4） 这个 ASP 程序被传送给服务器上的 asp.dll 并被编译运行，产生标准HTML 文件。 （ 5） 产生的 HTML 文件作为用户请求的响应传回给用户端浏览器并由浏览器解释运行。 如图 1-2 为 ASP 动态页面的运行过程 由此看来， Web 服务器处理 ASP 页面比处理静态 HTML 页面多了一个程序编译的步骤，而对于用户端来说，浏览 HTML 页面与浏览 ASP 页面几乎没有任何区别。 ASP 使用于任何浏 览器。 现在，你可能意识到为什么 ASP 可以为用户提供动态 Web 页面了吧。其原因正是
21、 ASP 程序首先在服务器上编译运行，而每次运行会因为一些变量或条件不同而产生不同的结果，这就是不同的 HTML 文件。这样，对于拥护来说，这个 Web 页面总是在不断的变化。 需要注意的是，上面的 ASP 的处理过程也是经过简化的，实际应用中可能还会涉及到诸如 FORM 消息提交、 ASP 页面的动态产生、数据库操作等一系列复杂的问题。 厦门大学建筑与土木工程学院站点的设计与实现 第 10 页 2.5 ASP 的环境要求 ASP 程序必须要在支持 ASP 的网站服务器才能运行，而且只能运行在Windows 平台。 下表中是各种使用于微软窗口操作平台的服务器软件，它们可以将电脑模拟为网站服务器
22、： 表 1 ASP 环境要求 电脑操作系统 适用的服务器软件 Windows 98 SE/98/95 PWS4.0 Windows NT4.0 Workstation PWS4.0( For NT4.0 Workstation ) Windows NT4.0 Server IIS4.0 Windows 2000 Server/Professional IIS5.0 Windows XP Professional IIS5.1 第三章 网站主要模块介绍 网站主要包括的模块有： LOGO 和导航条模块、新闻 /通知发布模块、管理通道模块、留言簿模块。下面将对它们分别阐述： 3.1 LOGO 和导航
23、条模块 建筑与土木工程学院网站以蓝色为主色调，因此 LOGO 和导航条也以蓝色为基色。 LOGO 和导航条皆使用 Firework 制作。 LOGO 宽为 778 象素，高为 107 象素，左边放置嘉庚楼群这一厦门大学标准性建筑，右边放置建南礼堂及上弦场图片，充分体现了厦门大学的特色。LOGO 中间是“厦门大学建筑与土木工程学院” 13 个字，颜色采 用红色，体现厦门大学建筑与土木工程学院充满着活力，学院的事业蒸蒸日上。 导航条为下拉式菜单，宽为 778 象素，宽为 15 象素，蓝底白字。 3.2 新闻 /通知模块 3.2.1概述： 新闻 /通知模块在主页体现为“新闻中心”、“通知通告”、“学生活动”三个部分 ,同时还结合管理员登陆这一模块进行运作。 新闻 /通知发布对于任何一个动态网站来说都是极其重要的，及时方便地通过网络发布新闻 /通知，不但能增加网站的访问量，而且能随时保证网站的不断
