精品毕业论文音乐网站设计与实现

1 摘摘 要要 本文是针对中学音乐教育教学实际情况，开发的小型网站设计课题。 其目的是在新课改的大环境下，提高学生音乐素质，推动学校教育教学改 革。本文实际设计一个音乐教育教学网站，该网站内容丰富多彩，包含了音 乐名家、音乐常识、音乐欣赏等，并有留言板功能实现用户间、用户和管理 员间的交流。 在这个系统中我综合应用了 FrontPage、Access 2000、ASP 等知识。网 页界面的结构设计以实用性出发，具有易于操作、简洁、方便等特点。在设 计中，首先，运用 HTML 语言对网站的静态页面进行精细的加工并且在网站 的美工方面取得了良好的效果。其次，对于 ASP 语言的动态编程以及 Access 2000 数据库进行努力学习和大量实践，并运用到了网站的建设中。 关键词： ASP,数据库,音乐,教育 2 目目 录录 第第 1 1 章章 概概 述述 5 5 1.1 课题来源、目的和意义5 1.2 网站的建设目标5 1.2.1 网站的定位5 1.2.2网站的目标 5 1.3 本系统开发的环境5 1.3.1 硬件环境5 1.3.2软件环境 5 第第 2 2 章章 软件开发技术介软件开发技术介 绍绍 7 7 2.1 技术方案比较5 2.1.1 ASP(Active Server Pages)5 2.1.2 PHP.5 2.1.3 JSP（Java Server Page）.5 2.2 选取数据库平台5 2.3 ASP 介绍5 2.3.1 简介5 2.3.2 ASP 的内部特点 5 2.3.3 IIS 与 ASP 的结合 5 第第 3 3 章章 总体总体方方案设计案设计5 5 3 3.1 功能设计5 3.1.1 总体结构图5 3.1.2 总体结构的各部分说明5 3.2 界面设计5 3.2.1 首页界面设计5 3.2.2 音乐教学子页面设计5 3.2.3 音乐名家子页面设计5 第第 4 4 章章 留言板设计留言板设计5 5 4.1 设计留言板系统5 4.2 数据库设计5 4.3 编辑留言列表页5 4.3.1 建立数据源连接5 4.3.2 具体步骤5 4.4 编辑添加留言页5 4.5 编辑管理员登录页5 4.6 测试留言板系统5 第第 5 5 章章 网网站站的更新与管理的更新与管理5 5 5.1 网站的更新5 5.2 超链接的处理5 5.3 浏览器兼容性的测试5 参考参考文文献献5 5 附附 录录5 5 4 致致 谢谢5 5 第第 1 章章 概述概述 1.11.1 课题来源、目的和意义课题来源、目的和意义 人类早已进入计算机世界的时代，我们要通过电脑来武装人脑。我们的 目的是要使目前的教学向真正的数字化和信息化靠近。真正实现教育面向世 界，面向未来，面向现代化。Internet 在我们的生活中扮演着越来越重要 的角色，同时计算机为教学提供了多种多样的辅助手段。从单机使用到多媒 体教学，从学校内部科室间的局域网到整个学校的校园网，最后发展到整个 校园网同 Internet 互联。从长远来看，学校教育教学网站的建立是十分必 要的，主要目的是利用校园网辅助教学，从互联网上获得大量信息以便加快 科研的速度，同时也丰富了学生的课余生活，简化了教师的工作。利用校园 网与 Internet 的网络资源，使学生能够通过与外界的交流更加直观的掌握 知识，增加音乐品位和修养。大大提高了学校的现代化进程，使学校在当今 激烈的竞争中立于不败之地。 本课题除了介绍个人网站的制作及发布过程外，还将以 ASP 技术实现 网络互动，使网络发挥出更强大的功能。 本网站是一个以音乐教育教学为主题的个人网站，本文将介绍网站材料 的组织、网页的制作过程。本网站的特色部分是实现网上留言的功能。它包 括：留言板的申请、留言、浏览、版主管理的功能。所有操作都通过建立在 服务器端的 Access 数据库进行数据读取和存入。我的任务是在建立 “王英 华音乐教室 ”个人网站的基础上，利用 ASP 技术，在此网站上加入一个 具有个性化的留言板， 实现用户间、用户和管理员间的交流。 5 1.21.2 网站网站的的建设目标建设目标 .1 网站的定位网站的定位 建立一个较为实用的小型网站，首先要对网站进行明确的规划设计， 规划包括网站的内容，面向的用户群，网站的规模以及网站的目标。 本次毕业设计所建立网站的定位内容是 一个音乐教育教学网站。 面向的用户群是所有喜欢音乐的学生和对音乐感兴趣的人。 网站的目的是在新课改的大环境下，提高学生音乐素质，推动学校教育 教学改革。 .2 网站网站的目标的目标 1.熟练的运用 HTML 语言对网站的静态页面进行设计，并且尽力做到 页面的美观实用。 2.利用 ASP 动态编程语言对此网站进行动态化编程。 3.运用 ASP 语言及 Access 实现网站的互动系统。 1.31.3 本系统开发的环境本系统开发的环境 .1 硬件环境硬件环境 机型：586 微机 CPU：Intel Pentium M 处理处理器 内存：64M 硬盘：60GB .2 软件环境软件环境 操作系统：Windows 2000 操作系统 界面开发环境： FrontPage2000 数据库开发环境： Access2000 6 第第 2 章章 软件开发技术介绍软件开发技术介绍 2.12.1 技术方案比较技术方案比较 随着动态 Web 被广泛的应用，与之相配套的动态 Web 技术也被网络开发 人员更广泛的应用。主要是从使用者的角度来考虑，要尽可能地适应不同的 浏览器（IE、Netscape 等）平台，兼容性要好。目前，比较流行的技术有 CGI、ASP、PHP、JSP 等。以下是对这些技术的认识。 .1 ASP(ActiveASP(Active ServerServer Pages)Pages) ASP (Active Server Pages，动态服务器页面)是由 Microsoft 公司推 出的一种网络编程技术。准确的说，ASP 不算一种编程语言，因为 ASP 没有 提供自己专门的编程语言，而是允许用户使用 VBScript、JavaScript 等己 有的脚本语言编写 ASP 的应用程序。因此，ASP 实际上应当是一种脚本语言 的服务端编写环境。 ASP 默认的脚本编写语言为 VBScript，但是用户可以根据自己的需要进 行选择。只要用户安装了相应的脚本引擎，就可以使用几乎目前流行的脚本 语言编写 ASP 应用程序。 ASP 吸收了当今许多流行的技术，如 ActiveX、VBScript、ODBC 等，是 一种发展较为成熟的网络应用程序开发技术。借助于 Microsoft 传统产品良 好的兼容性以及自身易学易用的特点，ASP 一经出现就逐渐占据了网络编程 技术的主流地位。 ASP 的核心技术是对组件和对象技术的充分支持。通过使用 ASP 的组件 和对象技术，用户可以直接使用 ActiveX 控件，调用对象方法和属性，以简 单的方式实现强大的功能。 7 .2 PHPPHP PHP 是一种跨平台的服务器端的嵌入式脚本语言，可以编译成具有许多 数据库相连的函数，还可以自己编写外围的函数间接存取数据库，支持 UNIX、Linux、Windows NT 等多种服务器系统，可移植性好，但是目前 UNIX、Linux 系统是少数专业技术人员的专利，Linux 系统的可操作性差及 其源代码公开技术使得其产品市场相对无序和混乱，从而影响了它的普及， 因此 PHP 技术是一种过渡型技术。它的弱点是提供的数据库接口支持彼此不 统一。 .3 JSPJSP（JavaJava ServerServer PagePage） JSP（Java Server Page）是 99 年 6 月出来的新技术，是由 Sun Microsystems Inc 公司倡导，ASP 是由 Sun 微软系统公司提倡、许多公司参 与一起建立的一种动态网页技术标准，其在动态网页的建设中有其强大而特 别的功能。 JSP 秉承了 Java 语言的优势，是一种实实在在与平台无关的开发技术。 它具有运行速度快，开销小，支持分布式处理、MXL 和组件，函数和数据库 支持广泛等优点，并具有良好的扩展性和安全性。使用的 ASP 编写的网页脚 本不仅在技术上有兼容性好、效率高的优点，而且可以方便简单的实现视觉 上的突破。例如使用 ASP 可以用简单的语句实现页面的无边框显示，并且能 够任意设定页面的大小。突破旧有的浏览器窗口的限制这一点与其他网上多 媒体课件相比，仅在视觉上就是一大创新。又如 ASP 讨论区程序 Jive，是 一个基于 ASP/Java 技术构架的一个大型 BBS 论坛系统，其内核编译成一个 库类，前端全部是 ASP 程序，运行效率相当高，并且首次采用 Skin 的方式 8 编写前台 ASP 程序，即可以自定义软件的运行外观，但程序内核不变。这样 与其它讨论区相比，就有更多的发挥余地了 。 JSP 在网页制作上的与众不同之处主要在于： 能够在任何 Web 或应用程序服务器上运行。 将应用程序逻辑和页面显示分离。 能够快速的开发和测试。 简化开发基于 Web 的交互式应用程序的过程。 在以上几种动态 Web 技术中，由于 ASP 简单且功能强大，执行效率较好， 安全系数较高，加上 Microsoft 的支持，因此本文选择了 ASP 作为个性化页 面生成器的开发工具。 2.22.2 选取数据库平台选取数据库平台 主要从管理者的角度来综合权衡，包括安全性、数据访问机制、管理的 灵活性等，目前主要的数据库有： FoxPro、Access、Excel、Oracle、Sybase、Informix、SQL Server 等，其 中网络型的 Oracle、Sybase 、SQL Server 产品安全性远远高于桌面型的 FoxPro、Access、Excel 等数据库。 1. 桌面型的 FoxPro、Access、Excel 等数据库主要应用于单机环境， 虽然一些后续产品（如 Visual FoxPro 6.0 等）也提供了一些诸如 WEB 发布 的功能，但究其设计的目的还是基于小型的工作组级的应用环境，表现在不 提供并行分布的能力、没有或不完备的安全性方案。 2. 网络型的 Oracle、Sybase 、SQL Server 数据库提供并行分布的能 力、完备的安全性管理、大容量的数据库存取等，微软公司推出的 SQL Server 系列网络数据库已经广泛应用于各行各业，其中的 SQL Server 2000 9 作为微软公司的“.NET”战略中为企业开发的数据库产品，主要用于构建电 子商务和数据仓库的数据库服务器。 3. Access 是一个关系式数据库管理，它以行和列的方式组织数据，其 中的数据不仅可以查看，而且可以进行查询、显示和打印。而且还可以用于 web 查看。 Access 是一个数据库管理系统。它被集成到 Office 中，而没有像 Visual FoxPro 一样被集成到 Visual Studio 中，是因为它与其他的数据库 系统相比更加简单易学，一个普通的计算机用户可以很快地掌握它。Access 2000 的功能也十分强大，利用它可以方便地实现对信息保存、维护、查询、 统计、打印、交流、发布，而且它可以十分方便地与 Office 其他组件交流 数据。这些功能对一个普通用户来说已经足够了。作为一个办公人员，如果 手头有大量的信息要处理或实现一个公司的数据库系统原来没有的功能， Access 2000 将是最好的选择之一。 在设计中我采用了 Access 关系型数据库，完成了留言板中留言信息的 存储和系统管理员账号信息的管理。 综合考虑以上软件的优点和缺点及自身的实际水平之后，我选用了 Microsoft FrontPage 2000 进行制作，并且使用 Dream waver MX 辅助制作， 数据库采用 Microsoft Access，选用 ASP 作为开发语言。 2.32.3 ASPASP 介绍介绍 .1 简介简介 ASP 是 Active Server Pages 的缩写，是 Microsoft 为推进 Web 应用开 发和数据库互连而推出的一项新技术。这项技术最早在 IIS3.0 上使用。由 于 Windows NT、IIS 的日益普及，ASP 也凭借其简单而功能强大的特点逐渐 10 成为重要 Web 应用开发技术。在前面提到，ASP 不算是一种语言，而是一套 Microsoft 开发的服务器端脚本运行环境。通过这种环境，用户可以创建和 运行动态的交互式 Web 服务器应用程序，如交互式网页，包括使用 HTML 表 单收集和处理信息，而以前这种工作必须通过 CGI 来完成。ASP 内含于 IIS3.0 和 4.0 之中，通过 ASP 可以结合 HTML 网页、ASP 指令和 ActiveX 组件建立 动态、交互且高效的 Web 服务器应用程序。ASP 应用程序非常容易开发和修 改。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的程序代码。 因为所有的程序都将在服务器端执行。当浏览器向服务器发出请求，需要读 取 Web 服务器上的某个.ASP 文件，于是在服务器上，Web 服务器打开 ASP 文 件，读取其中的信息，执行脚本命令并将结果以静态 HTML 的形式返回浏览 器。然后，由浏览器显示最终的结果，这样也减轻了客户端浏览器的负担， 大大提高了交互式的速度。因此，先介绍一下如何构建 ASP 的运行环境及这 个环境提供的功能。Web 服务器是 Web 应用程序的心脏。IIS(Internet Information Server)是微软推出的 Windows NT Option Pack 的主要成员， 作为 Windows NT 的扩展，自推出以来已经有了很大发展，其体系结构是当 今市场上最受关注的 Web 服务器之一。新推出的 IIS5.0 版本增强了系统安 全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，内置 JAVA 虚拟机及全面支持 ASP 等强大功能。 .2 ASPASP 的内部特点的内部特点 ASP 提供了 6 个功能强大的内部对象，每个对象具有各自的属性 （Property） 、方法（Method） ，有的还拥有数据集合（Collection）与事件 （Event） ，它们共同完成 Web 中的一些重要工作。这 6 个对象及其功能描述 如表 2-1 所示。合理地运用这些对象可以使原本复杂，烦琐的工作变得简捷 11 而条理清晰。 表 2-1 ASP 内部 6 大对象及其功能 对象名称功能描述 Request 从客户端取得信息 Response 将信息送给客户端 Server 提供一些 Web 服务器工具 Session 储存在一个 Session 内的用户信息，该信息仅可 被该用户访问 Application 在一个 ASP-Application 中让不同的客户端共享 信息 Object Context 配合 Microsoft Transaction 服务器进行分布式 事务处理 .3 IISIIS 与与 ASPASP 的结合的结合 在过去，客户机/服务器结构的设计与 Web 的相关技术几乎处于平行线 上，两者相互独立并无法做出集成性的设计。现在我们利用 IIS+ASP 构成三 层式 Web 结构（如图 2-1 所示）的中间一层，将客户机/服务器结构与 Web 密切结合，完成前后端两者的集成输出功能，使得 Web 站点的开发更方便， 实现的功能更强大。 利用 IIS+ASP 技术来集成 Web 前后端所带来的强大效益可归结为以下 12 几个方面： 减少构建和维护成本 加快联机过程 应用软件集中在服务器端开发管理 前端可使用任何浏览器（IE、Netscape） 后端可存取任何数据库 (SQL、Access) 可使用任何脚本语言开发 (VBScript、JavaScript、PERL) 后端数据库 + ASP 元件 程序和计算逻辑 ActiveX Server 元件 前端浏览器 图 2-1 三层式 Web 结构示意图 数据库服务器 Microsoft IIS 浏览器 13 第第 3 3 章章 总体方案设计总体方案设计 3.13.1 功能设计功能设计 .1 总体结构图总体结构图 图 3-1 总体结构图 .2 总体结构的各部分说明总体结构的各部分说明 本网站的内容表现形式主要以文本、图像为主。 虽然网络上可以承载的元素越来越多，但文字一直是很重要的部分。在 同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物的核心， 网页也不例外，而且就现在的网络环境下，文字的使用仍是首选。所以，本 网站使用大量的文字介绍教育教学方面的知识。如：教师的论文及教案、音 首页 音 乐 名 家 音 乐 教 学 音 乐 欣 赏 音 乐 常 识 留 言 板 教 案 论 文 知 识 乐 器 戏 曲 民 族 西 洋 14 乐常识中乐器的介绍等相关知识都是使用文字这种手段在网页上向大家介绍 的。 首页：网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我 设计的首页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最 醒目处是一朵正在开放的花，象征着祖国的未来生机勃勃。背景隐约可见的 五条横线，代表着五线谱，表明了本网站音乐教育教学的主题。其中包括音 乐名家、音乐常识、音乐教学、音乐欣赏和留言板五项。有我的 E-mail 以 便用户和我联系。有站点计数器可以统计访客数量。 音乐名家：介绍贝多芬、舒伯特、舒曼等 8 位音乐家的生平及主要作 品，其中的代表作品有音乐欣赏。 音乐教学：这里主要是音乐教师交流的园地。分为论文和教案两项内 容。 音乐常识：为了提高多数人的音乐修养及素养，我设计了这一项内容， 包括基本知识、乐器常识及戏曲常识三项，乐器常识又分为民族乐器介绍和 西洋乐器介绍两部分。 音乐欣赏：主要是给人听觉和视觉上的享受。让人真正的在音乐氛围 中有个轻松、愉悦的好心情。包括 3 种形式的音乐欣赏： flash、mp3、midi。 留言板：提供一个用户交流的平台。 3.23.2 界面设计界面设计 .1 首页界面设计首页界面设计 网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首 页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是 15 一朵正在开放的花，象征着祖国的未来生机勃勃。背景隐约可见的五条横线， 代表着五线谱，表明了本网站音乐教育教学的主题。首页包括音乐名家、音 乐常识、音乐教学、音乐欣赏和留言板五项。有我的 E-mail 以便用户和我 联系。有站点计数器可以统计访客数量。 网页的色彩选择和搭配是网页设计的重点之一。用什么色彩才能最好地 表达出网站的 内涵，吸引浏览者的视线，网页的色调、背景、文字、图标、边框、链接应 该采用什么样的色彩，应该如何搭配，都是网页设计一开始就必须考虑的问 题。网页的色彩搭配在网页的制作中起到非常重要的作用，因为它将决定浏 览者对你的网页的第一印象，好的色彩搭配可以使你的网页独具魅力，相反 则提不起浏览者的兴趣。所以一定要把握住色彩的搭配。 下图是我的首页设计： 16 图 3-2 首页界面设计 .2 音乐教学子页面设计音乐教学子页面设计 这里主要是音乐教师交流的园地。分为论文和教案两项。 在同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物 的核心，网页也不例外，而且就现在的网络环境下，文字的使用仍是首选。 所以，本网页设计使用了大量的文字介绍。 文本构成的因素有字体和字号，它们都是由汉字软件自动生成的。字体 是一种灵活的 媒介，根据对不同字体的选择可以表达感情，语调以及结构。字体也是网页 的主要组成部分，是信息的重要载体。正确选择字体不仅关系到网页的美观， 还对浏览者的阅读及信息的传达有直接的影响。如下图： 17 图 3-3 音乐教学子页面设计 .3 音乐名家子页面设计音乐名家子页面设计 为了提高多数人的音乐修养及素养，我设计了这一项内容，包括贝多芬、 舒伯特、舒曼等 8 位音乐家的生平介绍和代表作品。 除了文本之外，WEB 页面上最重要的设计元素莫过于图像了，如果 WWW 上没有图像，那么它也不会有今天这样火暴的局面了。图像也是传达信息的 重要方法之一，与文本相比，它显得更加直观、生动、易于理解和接受。图 像可以把那些文字无法表达的信息传达出来。本网站当然也恰当的使用了图 像，文字的精确性和图像的模糊性结合，就会使得信息的传达更加完美了。 如下面的页面： 18 19 第第 4 4 章章 留言板设计留言板设计 留言板是大家进行交流的一个桥梁，希望通过留言板获知大家对网站的 喜爱程度，展示出自己的思想与创意，更愿收到大家的宝贵意见，以便进一 步加以改进，不断进行完善。架设留言板的目的是让浏览者有一个发表自己 看法的园地，因此说留言板要实现的功能很明确，那就是当一个浏览者想发 言的时候，他的发言内容会显示在留言板的主题列表上。而其他的浏览者在 留言的同时也可以浏览别人的留言，它是一个开放于互联网上的程序。 4.14.1 设计留言板系统设计留言板系统 留言板系统主要分为三部分：留言列表、添加留言和管理留言。本网站 使用了三个页面来构件留言板系统，留言列表页、添加留言页和管理留言页 三个页面。 留言列表页 guestbook:显示留言板中的所有留言，并提供链接至管理/ 添加留言页面。 添加留言页 guestbook_insert:添加留言，留言添加完毕后自动转到留 言列表页。 管理留言页 guestbook_adm :管理员登录，登录后可以删除留言。 4.24.2 数据库设计数据库设计 为了存储留言信息，还需要设计一个数据库。数据库中需要建立两个表。 用于存储留言信息的 guestbook 表和用于记录系统管理员帐号信息的 adm 表。 20 表 4-1 guestbook 表的结构 字段名 称 数据类型必填字段允许空字 符 默认值说明 ID 自动编号留言编号 Subject 文本是否留言主题 Author 文本是否留言人 Email 文本否是留言人电子 邮件 Time 日期/时间是 Now() 留言时间 content 备注否是留言内容 表 4-2 adm 表的结构 字段名称数据类型说明 Username 文本系统管理员用户名 password 文本系统管理员密码 ASPASP 与数据库连接：与数据库连接： 打开 windows 控制面板下的【管理工具】一项，双击【数据源（ODBC） 】 图标，打开【ODBC 数据源管理器】 ，在【系统 DSN】选项卡中，添加刚才建 立的 guestbook.mdb 数据库文件，将数据源名设为 guestbook,说明为“留 言板” 。 21 4.34.3 编辑留言列表页编辑留言列表页 .1 建立数据源连接建立数据源连接 在【应用程序】面板的【数据库】页上单击“+”按钮，选择【数据源 名称】命令，打开【数据源名称】对话框，在【连接名称】中输入 “guestbook”, 【数据源名称】设置为刚才建立的 ODBC 数据源 guestbook。完成后单击【确定】按钮，下面就可以开始制作留言板页面了。 .2 具体步骤具体步骤 1. 先在页面中插入一个 4*1 的表格,并将表格的第二个单元格拆分为 6 列，并在页面和表格中输入提示信息。如图 4-1 图 4-1 输入文字信息和建立表格 2. 将【我要留言】和【管理员】登录分别建立链接到 guestbook_insert 和 guestbook_adm。 3. 切换到【应用程序】面板下的【绑定】页，单击“+”按钮，选择 【记录集（查询） 】命令，建立一个新的记录集。 22 4. 在【名称】中输入“guestbook”, 【连接】和【表格】都设置为 guestbook, 【列】设置为【全部】 ，这里不需要筛选记录集，所以设为【无】 ， 【排序】设置为 time 字段，并设定为【降序】排列，这样最新的留言才会 才会显示在最顶端。 5. 回到编辑窗口，将记录集中的各项字段添加到表格中。 6. 在页面中插入一个表单，并将表格移入表单中，在表单的表格下方 插入一个提交按钮，并将该按钮标签设置为“删除此留言！” 。 7. 添加一个“删除记录”服务器行为。在【删除记录】对话框中，将 【连接】 、 【从表格中删除】和【选取记录自】都设置为 guestbook，在【删 除后，转到】中输入“guestbook.asp” 。 将页面保存为“guestbook.asp”,并保存至网站的 guestbook 文件夹下。 4.44.4 编辑添加留言页编辑添加留言页 1. 建立一个新页面，插入表单。 2. 在表单中建立一个 6*2 的表格，将第 4、5 行的两个单元格，合并为 一个单元格，然后在表格中插入提示文字、文本字段、文本区域、单选按钮， 以及【提交】 、 【重置】按钮。如图 4-2 所示： 23 图 4-2 编辑表格与表单对象 3.表格中的文本字段从上到下依次命名为“subject” 、 “author” 、 “email”,文本区域命名为“ content” 。 4.添加一个“检查表单”的行为，以确保通过表单提交到服务器的留言 信息满足数据库的格式需要。 5.展开【设计】面板，选种【行为】页，单击“+”按钮，在菜单中选 择【检查表单】命令，打开【检查表单】对话框。将 subject 和 author 文 本字段设为【必须的】 ，将 email 文本字段设为【电子邮件地址】 ，content 文本域不做任何设置。 6.设置完“检查表单”行为后，切换到【应用程序】面板的【服务器行 为】页，单击“+”按钮，在菜单中选择【插入记录】命令，将表单中的留 言信息插入到数据库中存储起来。 7.在【插入记录】对话框中，将【连接】和【插入到表格】都设置为 guestbook,在【插入后，转到】中输入“guestbook.asp”,即留言列表页， 再将各表单元素与相应的字段一一对应即可。 8.完成“插入记录”服务器行为的设置，添加留言页的制作就完成了， 24 将其保存为“guestbook_insert.asp”,并且和 guestbook.asp 留言列表页 保存在同一目录下。 4.54.5 编辑管理员登录页编辑管理员登录页 由于管理员登录页 guestbook_adm.asp 比较简单，所以不再用详细步骤 说明。 首先建立一个新页面，在页面输入系统管理员登录的提示信息，并且建 立一个到留言列表页的链接，供单击【管理员登录】链接的浏览者返回。 在页面中插入一个表单，并在表单中插入两个文本字段，分别命名为 username 和 password,在将 password 文本字段的类型设置为【密码】 ，这样 在该文本字段中输入的内容都将以“*”显示，达到保密的目的。 在表单中插入提交与重置按钮，然后在【应用程序】面板的【服务器行 为】页上单击“+”按钮，选择【用户身份验证】|【登录用户】命令，将 【使用连接验证】设置为 guestbook, 【表格】设置为 adm。 4.64.6 测试留言板系统测试留言板系统 打开浏览器测试留言板系统能否正常运行。在测试之前先来修改一下数 据库中的 adm 表。运行 Access,打开留言板的数据库文件 guestbook，再打 开它的 adm 表。在 username 和 password 两个字段中分别输入想要的系统管 理员帐号和密码，这里均为：li。然后保存文件，退出 Access。下面就可 以测试留言板系统了。 1. 单击页面中的【我要留言】单击链接，打开添加留言页，在页面中 输入想要留言的信息内容。 2.单击【提交】按钮后，自动转到留言列表页，就可以看到刚才所发表 的留言了。 25 3. 再添加一条留言信息，测试管理员登录后能否删除留言。单击【管 理员登录】链接，打开管理员登录页，输入正确的用户名和密码，浏览器自 动登录到留言列表页，可以看到每条留言下方都出现一个【删除此留言】按 钮，而且在页面中也能看到【注销】链接。 4. 再单击要删除的留言下的【删除此留言】按钮，将留言删除，可以 看到页面中的该信息不见了，而且导航状态栏中也显示为只有 1 条记录。 5. 单击【注销】链接，结束系统管理员的登录，可以看到页面中的 【注销】链接和【删除此留言】按钮都不可见了，无法操作留言板的数据记 录了。 26 第第 5 5 章章 网站的更新与管理网站的更新与管理 对于一个网站来说，网站的更新与管理是极其重要的。一个再好的网站 如果不进行更新与管理将出现许多这样或那样的问题，例如超链接断裂，网 站内容跟不上步伐等。所以网站的更新与管理是极其必要的。 5.15.1 网站的更新网站的更新 如果想使本地端的网站与远程端的网站同步更新，使用 Site/Synchronize（同步）命令可以更新远程网站的文件。同步更新网站前， Front page 会自动检测上传到远程服务器的文件，同时也会确认哪个文件 要同步更新。 5.25.2 超链接的处理超链接的处理 超链接是连接网页与网页之间的桥梁，若浏览者单击超链接后，却出现 “找不到网页” 之类的信息，则超链接发生断裂。浏览者们是不会愿意访问一个经常出现这 种情况的网站的，要随时注意这方面的问题。 5.35.3 浏览器兼容性的测试浏览器兼容性的测试 由于 Internet Explorer 与 Netscape 两大浏览器对 HTML 及 CSS 等语法 的支持度是不同的。它们拥有各自的语法，如果在网页中应用了某浏览器的 专有语法或较新的 HTML，在其他浏览器中浏览时，可能会导致显示错误。 作为一个网站，其目的是让大多数人能正常浏览，即无论浏览者使用什么类 型，什么版本的浏览器，在浏览网站时都不会出现不认得某项语法的现象。 所以，要对其进行测试。 27 参考文献参考文献 1 郑阿奇.Asp 实用教程.电子工业出版社.2003 年 9 月 2 彭兰.网络主页制作课程设计.中央广播电视大学出版社.2004 年 2 月 3 任新见.ASP 动态网站快速开发实务.电子工业出版社.2004 年 9 月 4 阎静.Dream weaver Mx 2004 与 ASP 动态网页基础与范例.机械工 业出版社.2004 年 9 月 5孙良军中文版 Frontpage2003 实用基础教程科学出版社 2003 年 12 月 6 前沿电脑图像工作室.巧学巧用 Dream weaver、Fireworks、Flash 制 作网页.北京.人民邮电出版社 7 攀孝忠.龚元明.计算机应用基础.北京理工大学出版社 8 林信成.王道荣.HTML 与 ASP 实务.清华大学出版社 9李晓黎.张巍ASP+SQL Sever 网络应用系统开始与实例人民邮电出版 社 28 附附 录录 1.1. 主要文件列表主要文件列表 index.htm 音乐教室网站主页 yymj.htm 音乐名家网页 yycs.htm 音乐常识网页 yyjx.htm 音乐教学网页 yyxs.htm 音乐欣赏网页 guestbook.asp 留言板登录主页 2.2. 重要代码重要代码 留言板程序代码 guestbook.asp 1) MM_newQS += “ MM_newQS += items.item() + “=“ + Server.URLencode(Request.QueryString(items.item(); if (MM_newQS.length 1) MM_logoutRedirectPage += MM_newQS; Response.Redirect(MM_logoutRedirectPage); % 0) 31 MM_editRedirectUrl += (MM_editRedirectUrl.indexOf(?) = - 1)?“?“:“ % 0) if (!guestbook.BOF) guestbook.MoveFirst(); 35 else guestbook.Requery(); / set the number of rows displayed on this page if (guestbook_numRows guestbook_total) guestbook_numRows = guestbook_total; / set the first and last displayed record guestbook_last = Math.min(guestbook_first + gue