毕业设计（论文）ASP音乐网站设计与实现

《毕业设计（论文）ASP音乐网站设计与实现》由会员分享，可在线阅读，更多相关《毕业设计（论文）ASP音乐网站设计与实现（50页珍藏版）》请在装配图网上搜索。

1、1北京航空航天大学毕业论文北京航空航天大学毕业论文音乐网站设计与实现音乐网站设计与实现专专 业：计算机应用与信息管理专科业：计算机应用与信息管理专科姓姓 名：名：学学 号：号：指导教师：指导教师：时时 间：间：2摘摘 要要本文是针对中学音乐教育教学实际情况，开发的小型网站设计课题。其目的是在新课改的大环境下，提高学生音乐素质，推动学校教育教学改革。本文实际设计一个音乐教育教学网站，该网站内容丰富多彩，包含了音乐名家、音乐常识、音乐欣赏等，并有留言板功能实现用户间、用户和管理员间的交流。在这个系统中我综合应用了 FrontPage、Access 2000、ASP 等知识。网页界面的结构设计以实用

2、性出发，具有易于操作、简洁、方便等特点。在设计中，首先，运用 HTML 语言对网站的静态页面进行精细的加工并且在网站的美工方面取得了良好的效果。其次，对于 ASP 语言的动态编程以及Access 2000 数据库进行努力学习和大量实践，并运用到了网站的建设中。关键词： ASP,数据库,音乐,教育3目目 录录第第 1 1 章章 概概述述 5 51.1 课题来源、目的和意义.51.2 网站的建设目标.51.2.1 网站的定位.51.2.2网站的目标 .51.3 本系统开发的环境.51.3.1 硬件环境.51.3.2软件环境 .5第第 2 2 章章 软件开发技术介软件开发技术介绍绍 7 72.1 技

3、术方案比较.52.1.1 ASP(Active Server Pages).52.1.2 PHP.52.1.3 JSP（Java Server Page）.52.2 选取数据库平台.52.3 ASP 介绍.52.3.1 简介.52.3.2 ASP 的内部特点 .52.3.3 IIS 与 ASP 的结合 .5第第 3 3 章章 总体总体方方案设计案设计.5 543.1 功能设计.53.1.1 总体结构图.53.1.2 总体结构的各部分说明.53.2 界面设计.53.2.1 首页界面设计.53.2.2 音乐教学子页面设计.53.2.3 音乐名家子页面设计.5第第 4 4 章章 留言板设计留言板设计

4、.5 54.1 设计留言板系统.54.2 数据库设计.54.3 编辑留言列表页.54.3.1 建立数据源连接.54.3.2 具体步骤.54.4 编辑添加留言页.54.5 编辑管理员登录页.54.6 测试留言板系统.5第第 5 5 章章 网网站站的更新与管理的更新与管理.5 55.1 网站的更新.55.2 超链接的处理.55.3 浏览器兼容性的测试.5参考参考文文献献.5 5附附 录录.5 55致致 谢谢.5 5第第 1 章章 概述概述1.11.1 课题来源、目的和意义课题来源、目的和意义人类早已进入计算机世界的时代，我们要通过电脑来武装人脑。我们的目的是要使目前的教学向真正的数字化和信息化靠近

5、。真正实现教育面向世界，面向未来，面向现代化。Internet 在我们的生活中扮演着越来越重要的角色，同时计算机为教学提供了多种多样的辅助手段。从单机使用到多媒体教学，从学校内部科室间的局域网到整个学校的校园网，最后发展到整个校园网同 Internet 互联。从长远来看，学校教育教学网站的建立是十分必要的，主要目的是利用校园网辅助教学，从互联网上获得大量信息以便加快科研的速度，同时也丰富了学生的课余生活，简化了教师的工作。利用校园网与 Internet 的网络资源，使学生能够通过与外界的交流更加直观的掌握知识，增加音乐品位和修养。大大提高了学校的现代化进程，使学校在当今激烈的竞争中立于不败之地

6、。本课题除了介绍个人网站的制作及发布过程外，还将以 ASP 技术实现网络互动，使网络发挥出更强大的功能。本网站是一个以音乐教育教学为主题的个人网站，本文将介绍网站材料的组织、网页的制作过程。本网站的特色部分是实现网上留言的功能。它包括：留言板的申请、留言、浏览、版主管理的功能。所有操作都通过建立在服务器端的 Access 数据库进行数据读取和存入。我的任务是在建立 “王英华音乐教室 ”个人网站的基础上，利用 ASP 技术，在此网站上加入一个具有个性化的留言板， 实现用户间、用户和管理员间的交流。61.21.2 网站网站的的建设目标建设目标1.2.11.2.1 网站的定位网站的定位建立一个较为实

7、用的小型网站，首先要对网站进行明确的规划设计，规划包括网站的内容，面向的用户群，网站的规模以及网站的目标。本次毕业设计所建立网站的定位内容是 一个音乐教育教学网站。面向的用户群是所有喜欢音乐的学生和对音乐感兴趣的人。网站的目的是在新课改的大环境下，提高学生音乐素质，推动学校教育教学改革。1.2.21.2.2 网站网站的目标的目标1.熟练的运用 HTML 语言对网站的静态页面进行设计，并且尽力做到页面的美观实用。2.利用 ASP 动态编程语言对此网站进行动态化编程。3.运用 ASP 语言及 Access 实现网站的互动系统。1.31.3 本系统开发的环境本系统开发的环境1.3.11.3.1 硬件

8、环境硬件环境机型：586 微机CPU：Intel Pentium M 处理处理器内存：64M硬盘：60GB1.3.21.3.2 软件环境软件环境操作系统：Windows 2000 操作系统界面开发环境： FrontPage2000数据库开发环境： Access20007第第 2 章章 软件开发技术介绍软件开发技术介绍2.12.1 技术方案比较技术方案比较随着动态 Web 被广泛的应用，与之相配套的动态 Web 技术也被网络开发人员更广泛的应用。主要是从使用者的角度来考虑，要尽可能地适应不同的浏览器（IE、Netscape 等）平台，兼容性要好。目前，比较流行的技术有CGI、ASP、PHP、JS

9、P 等。以下是对这些技术的认识。2.1.12.1.1 ASP(ActiveASP(Active ServerServer Pages)Pages)ASP (Active Server Pages，动态服务器页面)是由 Microsoft 公司推出的一种网络编程技术。准确的说，ASP 不算一种编程语言，因为 ASP 没有提供自己专门的编程语言，而是允许用户使用 VBScript、JavaScript 等己有的脚本语言编写 ASP 的应用程序。因此，ASP 实际上应当是一种脚本语言的服务端编写环境。ASP 默认的脚本编写语言为 VBScript，但是用户可以根据自己的需要进行选择。只要用户安装了相

10、应的脚本引擎，就可以使用几乎目前流行的脚本语言编写 ASP 应用程序。ASP 吸收了当今许多流行的技术，如 ActiveX、VBScript、ODBC 等，是一种发展较为成熟的网络应用程序开发技术。借助于 Microsoft 传统产品良好的兼容性以及自身易学易用的特点，ASP 一经出现就逐渐占据了网络编程技术的主流地位。ASP 的核心技术是对组件和对象技术的充分支持。通过使用 ASP 的组件和对象技术，用户可以直接使用 ActiveX 控件，调用对象方法和属性，以简单的方式实现强大的功能。82.1.22.1.2 PHPPHPPHP 是一种跨平台的服务器端的嵌入式脚本语言，可以编译成具有许多数据

11、库相连的函数，还可以自己编写外围的函数间接存取数据库，支持UNIX、Linux、Windows NT 等多种服务器系统，可移植性好，但是目前UNIX、Linux 系统是少数专业技术人员的专利，Linux 系统的可操作性差及其源代码公开技术使得其产品市场相对无序和混乱，从而影响了它的普及，因此 PHP 技术是一种过渡型技术。它的弱点是提供的数据库接口支持彼此不统一。2.1.32.1.3 JSPJSP（JavaJava ServerServer PagePage）JSP（Java Server Page）是 99 年 6 月出来的新技术，是由 Sun Microsystems Inc 公司倡导，A

12、SP 是由 Sun 微软系统公司提倡、许多公司参与一起建立的一种动态网页技术标准，其在动态网页的建设中有其强大而特别的功能。JSP 秉承了 Java 语言的优势，是一种实实在在与平台无关的开发技术。它具有运行速度快，开销小，支持分布式处理、MXL 和组件，函数和数据库支持广泛等优点，并具有良好的扩展性和安全性。使用的 ASP 编写的网页脚本不仅在技术上有兼容性好、效率高的优点，而且可以方便简单的实现视觉上的突破。例如使用 ASP 可以用简单的语句实现页面的无边框显示，并且能够任意设定页面的大小。突破旧有的浏览器窗口的限制这一点与其他网上多媒体课件相比，仅在视觉上就是一大创新。又如 ASP 讨论

13、区程序 Jive，是一个基于 ASP/Java 技术构架的一个大型 BBS 论坛系统，其内核编译成一个库类，前端全部是 ASP 程序，运行效率相当高，并且首次采用 Skin 的方式9编写前台 ASP 程序，即可以自定义软件的运行外观，但程序内核不变。这样与其它讨论区相比，就有更多的发挥余地了 。JSP 在网页制作上的与众不同之处主要在于： 能够在任何 Web 或应用程序服务器上运行。 将应用程序逻辑和页面显示分离。 能够快速的开发和测试。 简化开发基于 Web 的交互式应用程序的过程。在以上几种动态 Web 技术中，由于 ASP 简单且功能强大，执行效率较好，安全系数较高，加上 Microso

14、ft 的支持，因此本文选择了 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

15、等）也提供了一些诸如 WEB 发布的功能，但究其设计的目的还是基于小型的工作组级的应用环境，表现在不提供并行分布的能力、没有或不完备的安全性方案。2. 网络型的 Oracle、Sybase 、SQL Server 数据库提供并行分布的能力、完备的安全性管理、大容量的数据库存取等，微软公司推出的 SQL Server 系列网络数据库已经广泛应用于各行各业，其中的 SQL Server 200010作为微软公司的“.NET”战略中为企业开发的数据库产品，主要用于构建电子商务和数据仓库的数据库服务器。3. Access 是一个关系式数据库管理，它以行和列的方式组织数据，其中的数据不仅可以查看，而且可

16、以进行查询、显示和打印。而且还可以用于web 查看。Access 是一个数据库管理系统。它被集成到 Office 中，而没有像Visual FoxPro 一样被集成到 Visual Studio 中，是因为它与其他的数据库系统相比更加简单易学，一个普通的计算机用户可以很快地掌握它。Access 2000 的功能也十分强大，利用它可以方便地实现对信息保存、维护、查询、统计、打印、交流、发布，而且它可以十分方便地与 Office 其他组件交流数据。这些功能对一个普通用户来说已经足够了。作为一个办公人员，如果手头有大量的信息要处理或实现一个公司的数据库系统原来没有的功能，Access 2000 将是

17、最好的选择之一。在设计中我采用了 Access 关系型数据库，完成了留言板中留言信息的存储和系统管理员账号信息的管理。综合考虑以上软件的优点和缺点及自身的实际水平之后，我选用了Microsoft FrontPage 2000 进行制作，并且使用 Dream waver MX 辅助制作，数据库采用 Microsoft Access，选用 ASP 作为开发语言。2.32.3 ASPASP 介绍介绍2.3.12.3.1 简介简介ASP 是 Active Server Pages 的缩写，是 Microsoft 为推进 Web 应用开发和数据库互连而推出的一项新技术。这项技术最早在 IIS3.0 上使

18、用。由于 Windows NT、IIS 的日益普及，ASP 也凭借其简单而功能强大的特点逐渐11成为重要 Web 应用开发技术。在前面提到，ASP 不算是一种语言，而是一套Microsoft 开发的服务器端脚本运行环境。通过这种环境，用户可以创建和运行动态的交互式 Web 服务器应用程序，如交互式网页，包括使用 HTML 表单收集和处理信息，而以前这种工作必须通过 CGI 来完成。ASP 内含于 IIS3.0和 4.0 之中，通过 ASP 可以结合 HTML 网页、ASP 指令和 ActiveX 组件建立动态、交互且高效的 Web 服务器应用程序。ASP 应用程序非常容易开发和修改。有了 AS

19、P 你就不必担心客户的浏览器是否能运行你所编写的程序代码。因为所有的程序都将在服务器端执行。当浏览器向服务器发出请求，需要读取 Web 服务器上的某个.ASP 文件，于是在服务器上，Web 服务器打开 ASP 文件，读取其中的信息，执行脚本命令并将结果以静态 HTML 的形式返回浏览器。然后，由浏览器显示最终的结果，这样也减轻了客户端浏览器的负担，大大提高了交互式的速度。因此，先介绍一下如何构建 ASP 的运行环境及这个环境提供的功能。Web 服务器是 Web 应用程序的心脏。IIS(Internet Information Server)是微软推出的 Windows NT Option Pa

20、ck 的主要成员，作为 Windows NT 的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的 Web 服务器之一。新推出的 IIS5.0 版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，内置JAVA 虚拟机及全面支持 ASP 等强大功能。2.3.22.3.2 ASPASP 的内部特点的内部特点ASP 提供了 6 个功能强大的内部对象，每个对象具有各自的属性（Property） 、方法（Method） ，有的还拥有数据集合（Collection）与事件（Event） ，它们共同完成 Web 中的一些重要工作。这 6 个对象及其功能描述如表 2-

21、1 所示。合理地运用这些对象可以使原本复杂，烦琐的工作变得简捷12而条理清晰。表 2-1 ASP 内部 6 大对象及其功能对象名称功能描述Request从客户端取得信息Response将信息送给客户端Server提供一些 Web 服务器工具Session储存在一个 Session 内的用户信息，该信息仅可被该用户访问Application在一个 ASP-Application 中让不同的客户端共享信息Object Context配合 Microsoft Transaction 服务器进行分布式事务处理2.3.32.3.3 IISIIS 与与 ASPASP 的结合的结合在过去，客户机/服务器结构

22、的设计与 Web 的相关技术几乎处于平行线上，两者相互独立并无法做出集成性的设计。现在我们利用 IIS+ASP 构成三层式 Web 结构（如图 2-1 所示）的中间一层，将客户机/服务器结构与 Web密切结合，完成前后端两者的集成输出功能，使得 Web 站点的开发更方便，实现的功能更强大。利用 IIS+ASP 技术来集成 Web 前后端所带来的强大效益可归结为以下13几个方面： 减少构建和维护成本 加快联机过程 应用软件集中在服务器端开发管理 前端可使用任何浏览器（IE、Netscape.） 后端可存取任何数据库 (SQL、Access.) 可使用任何脚本语言开发 (VBScript、Java

23、Script、PERL.) 后端数据库 + ASP 元件程序和计算逻辑 ActiveX Server 元件 前端浏览器图 2-1 三层式 Web 结构示意图 数据库服务器Microsoft IIS 浏览器14第第 3 3 章章 总体方案设计总体方案设计3.13.1 功能设计功能设计3.1.13.1.1 总体结构图总体结构图图 3-1 总体结构图3.1.23.1.2 总体结构的各部分说明总体结构的各部分说明本网站的内容表现形式主要以文本、图像为主。虽然网络上可以承载的元素越来越多，但文字一直是很重要的部分。在同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物的核心，网页也不例外，而且就

24、现在的网络环境下，文字的使用仍是首选。所以，本网站使用大量的文字介绍教育教学方面的知识。如：教师的论文及教案、音首页音乐名家音乐教学音乐欣赏音乐常识留言板教案论文知识乐器戏曲民族西洋15乐常识中乐器的介绍等相关知识都是使用文字这种手段在网页上向大家介绍的。首页：网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是一朵正在开放的花，象征着祖国的未来生机勃勃。背景隐约可见的五条横线，代表着五线谱，表明了本网站音乐教育教学的主题。其中包括音乐名家、音乐常识、音乐教学、音乐欣赏和留言板五项。有我的 E-mail 以便用户和我联

25、系。有站点计数器可以统计访客数量。音乐名家：介绍贝多芬、舒伯特、舒曼等 8 位音乐家的生平及主要作品，其中的代表作品有音乐欣赏。音乐教学：这里主要是音乐教师交流的园地。分为论文和教案两项内容。音乐常识：为了提高多数人的音乐修养及素养，我设计了这一项内容，包括基本知识、乐器常识及戏曲常识三项，乐器常识又分为民族乐器介绍和西洋乐器介绍两部分。音乐欣赏：主要是给人听觉和视觉上的享受。让人真正的在音乐氛围中有个轻松、愉悦的好心情。包括 3 种形式的音乐欣赏：flash、mp3、midi。留言板：提供一个用户交流的平台。3.23.2 界面设计界面设计3.2.13.2.1 首页界面设计首页界面设计网站给人

26、的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是16一朵正在开放的花，象征着祖国的未来生机勃勃。背景隐约可见的五条横线，代表着五线谱，表明了本网站音乐教育教学的主题。首页包括音乐名家、音乐常识、音乐教学、音乐欣赏和留言板五项。有我的 E-mail 以便用户和我联系。有站点计数器可以统计访客数量。网页的色彩选择和搭配是网页设计的重点之一。用什么色彩才能最好地表达出网站的内涵，吸引浏览者的视线，网页的色调、背景、文字、图标、边框、链接应该采用什么样的色彩，应该如何搭配，都是网页设计一开始就必须考虑的问题。网页的色彩搭配在网页的

27、制作中起到非常重要的作用，因为它将决定浏览者对你的网页的第一印象，好的色彩搭配可以使你的网页独具魅力，相反则提不起浏览者的兴趣。所以一定要把握住色彩的搭配。下图是我的首页设计：17图 3-2 首页界面设计3.2.23.2.2 音乐教学子页面设计音乐教学子页面设计这里主要是音乐教师交流的园地。分为论文和教案两项。在同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物的核心，网页也不例外，而且就现在的网络环境下，文字的使用仍是首选。所以，本网页设计使用了大量的文字介绍。文本构成的因素有字体和字号，它们都是由汉字软件自动生成的。字体是一种灵活的媒介，根据对不同字体的选择可以表达感情，语调以及

28、结构。字体也是网页的主要组成部分，是信息的重要载体。正确选择字体不仅关系到网页的美观，还对浏览者的阅读及信息的传达有直接的影响。如下图：18图 3-3 音乐教学子页面设计3.2.33.2.3 音乐名家子页面设计音乐名家子页面设计为了提高多数人的音乐修养及素养，我设计了这一项内容，包括贝多芬、舒伯特、舒曼等 8 位音乐家的生平介绍和代表作品。除了文本之外，WEB 页面上最重要的设计元素莫过于图像了，如果 WWW上没有图像，那么它也不会有今天这样火暴的局面了。图像也是传达信息的重要方法之一，与文本相比，它显得更加直观、生动、易于理解和接受。图像可以把那些文字无法表达的信息传达出来。本网站当然也恰当

29、的使用了图像，文字的精确性和图像的模糊性结合，就会使得信息的传达更加完美了。如下面的页面：1920第第 4 4 章章 留言板设计留言板设计 留言板是大家进行交流的一个桥梁，希望通过留言板获知大家对网站的喜爱程度，展示出自己的思想与创意，更愿收到大家的宝贵意见，以便进一步加以改进，不断进行完善。架设留言板的目的是让浏览者有一个发表自己看法的园地，因此说留言板要实现的功能很明确，那就是当一个浏览者想发言的时候，他的发言内容会显示在留言板的主题列表上。而其他的浏览者在留言的同时也可以浏览别人的留言，它是一个开放于互联网上的程序。4.14.1 设计留言板系统设计留言板系统留言板系统主要分为三部分：留言

30、列表、添加留言和管理留言。本网站使用了三个页面来构件留言板系统，留言列表页、添加留言页和管理留言页三个页面。留言列表页 guestbook:显示留言板中的所有留言，并提供链接至管理/添加留言页面。添加留言页 guestbook_insert:添加留言，留言添加完毕后自动转到留言列表页。管理留言页 guestbook_adm :管理员登录，登录后可以删除留言。4.24.2 数据库设计数据库设计为了存储留言信息，还需要设计一个数据库。数据库中需要建立两个表。用于存储留言信息的 guestbook 表和用于记录系统管理员帐号信息的 adm 表。21表 4-1 guestbook 表的结构字段名称数据

31、类型必填字段允许空字符默认值说明ID 自动编号留言编号Subject文本是否留言主题Author文本是否留言人Email文本否是留言人电子邮件Time日期/时间是Now()留言时间content备注否是留言内容表 4-2 adm 表的结构字段名称数据类型说明Username文本系统管理员用户名password文本系统管理员密码ASPASP 与数据库连接：与数据库连接：打开 windows 控制面板下的【管理工具】一项，双击【数据源（ODBC） 】图标，打开【ODBC 数据源管理器】 ，在【系统 DSN】选项卡中，添加刚才建立的 guestbook.mdb 数据库文件，将数据源名设为 guest

32、book,说明为“留言板” 。224.34.3 编辑留言列表页编辑留言列表页4.3.14.3.1 建立数据源连接建立数据源连接在【应用程序】面板的【数据库】页上单击“+”按钮，选择【数据源名称】命令，打开【数据源名称】对话框，在【连接名称】中输入“guestbook”, 【数据源名称】设置为刚才建立的 ODBC 数据源guestbook。完成后单击【确定】按钮，下面就可以开始制作留言板页面了。4.3.24.3.2 具体步骤具体步骤1. 先在页面中插入一个 4*1 的表格,并将表格的第二个单元格拆分为 6列，并在页面和表格中输入提示信息。如图 4-1图 4-1 输入文字信息和建立表格2. 将【我

33、要留言】和【管理员】登录分别建立链接到guestbook_insert 和 guestbook_adm。3. 切换到【应用程序】面板下的【绑定】页，单击“+”按钮，选择【记录集（查询） 】命令，建立一个新的记录集。234. 在【名称】中输入“guestbook”, 【连接】和【表格】都设置为guestbook, 【列】设置为【全部】 ，这里不需要筛选记录集，所以设为【无】， 【排序】设置为 time 字段，并设定为【降序】排列，这样最新的留言才会才会显示在最顶端。5. 回到编辑窗口，将记录集中的各项字段添加到表格中。6. 在页面中插入一个表单，并将表格移入表单中，在表单的表格下方插入一个提交按

34、钮，并将该按钮标签设置为“删除此留言！” 。7. 添加一个“删除记录”服务器行为。在【删除记录】对话框中，将【连接】 、 【从表格中删除】和【选取记录自】都设置为 guestbook，在【删除后，转到】中输入“guestbook.asp” 。将页面保存为“guestbook.asp”,并保存至网站的 guestbook 文件夹下。4.44.4 编辑添加留言页编辑添加留言页1. 建立一个新页面，插入表单。2. 在表单中建立一个 6*2 的表格，将第 4、5 行的两个单元格，合并为一个单元格，然后在表格中插入提示文字、文本字段、文本区域、单选按钮，以及【提交】 、 【重置】按钮。如图 4-2 所示

35、：24图 4-2 编辑表格与表单对象3.表格中的文本字段从上到下依次命名为“subject” 、 “author” 、“email”,文本区域命名为“ content” 。4.添加一个“检查表单”的行为，以确保通过表单提交到服务器的留言信息满足数据库的格式需要。5.展开【设计】面板，选种【行为】页，单击“+”按钮，在菜单中选择【检查表单】命令，打开【检查表单】对话框。将 subject 和 author 文本字段设为【必须的】 ，将 email 文本字段设为【电子邮件地址】 ，content文本域不做任何设置。6.设置完“检查表单”行为后，切换到【应用程序】面板的【服务器行为】页，单击“+”按

36、钮，在菜单中选择【插入记录】命令，将表单中的留言信息插入到数据库中存储起来。7.在【插入记录】对话框中，将【连接】和【插入到表格】都设置为guestbook,在【插入后，转到】中输入“guestbook.asp”,即留言列表页，再将各表单元素与相应的字段一一对应即可。8.完成“插入记录”服务器行为的设置，添加留言页的制作就完成了，25将其保存为“guestbook_insert.asp”,并且和 guestbook.asp 留言列表页保存在同一目录下。4.54.5 编辑管理员登录页编辑管理员登录页由于管理员登录页 guestbook_adm.asp 比较简单，所以不再用详细步骤说明。首先建立一

37、个新页面，在页面输入系统管理员登录的提示信息，并且建立一个到留言列表页的链接，供单击【管理员登录】链接的浏览者返回。在页面中插入一个表单，并在表单中插入两个文本字段，分别命名为username 和 password,在将 password 文本字段的类型设置为【密码】 ，这样在该文本字段中输入的内容都将以“*”显示，达到保密的目的。在表单中插入提交与重置按钮，然后在【应用程序】面板的【服务器行为】页上单击“+”按钮，选择【用户身份验证】|【登录用户】命令，将【使用连接验证】设置为 guestbook, 【表格】设置为 adm。4.64.6 测试留言板系统测试留言板系统打开浏览器测试留言板系统能

38、否正常运行。在测试之前先来修改一下数据库中的 adm 表。运行 Access,打开留言板的数据库文件 guestbook，再打开它的 adm 表。在 username 和 password 两个字段中分别输入想要的系统管理员帐号和密码，这里均为：li。然后保存文件，退出 Access。下面就可以测试留言板系统了。1. 单击页面中的【我要留言】单击链接，打开添加留言页，在页面中输入想要留言的信息内容。2.单击【提交】按钮后，自动转到留言列表页，就可以看到刚才所发表的留言了。263. 再添加一条留言信息，测试管理员登录后能否删除留言。单击【管理员登录】链接，打开管理员登录页，输入正确的用户名和密码

39、，浏览器自动登录到留言列表页，可以看到每条留言下方都出现一个【删除此留言】按钮，而且在页面中也能看到【注销】链接。4. 再单击要删除的留言下的【删除此留言】按钮，将留言删除，可以看到页面中的该信息不见了，而且导航状态栏中也显示为只有 1 条记录。5. 单击【注销】链接，结束系统管理员的登录，可以看到页面中的【注销】链接和【删除此留言】按钮都不可见了，无法操作留言板的数据记录了。 27第第 5 5 章章 网站的更新与管理网站的更新与管理对于一个网站来说，网站的更新与管理是极其重要的。一个再好的网站如果不进行更新与管理将出现许多这样或那样的问题，例如超链接断裂，网站内容跟不上步伐等。所以网站的更新

40、与管理是极其必要的。 5.15.1 网站的更新网站的更新如果想使本地端的网站与远程端的网站同步更新，使用Site/Synchronize（同步）命令可以更新远程网站的文件。同步更新网站前，Front page 会自动检测上传到远程服务器的文件，同时也会确认哪个文件要同步更新。5.25.2 超链接的处理超链接的处理超链接是连接网页与网页之间的桥梁，若浏览者单击超链接后，却出现“找不到网页”之类的信息，则超链接发生断裂。浏览者们是不会愿意访问一个经常出现这种情况的网站的，要随时注意这方面的问题。5.35.3 浏览器兼容性的测试浏览器兼容性的测试由于 Internet Explorer 与 Nets

41、cape 两大浏览器对 HTML 及 CSS 等语法的支持度是不同的。它们拥有各自的语法，如果在网页中应用了某浏览器的专有语法或较新的 HTML，在其他浏览器中浏览时，可能会导致显示错误。作为一个网站，其目的是让大多数人能正常浏览，即无论浏览者使用什么类型，什么版本的浏览器，在浏览网站时都不会出现不认得某项语法的现象。所以，要对其进行测试。28参考文献参考文献1 郑阿奇.Asp 实用教程.电子工业出版社.2003 年 9 月2 彭兰.网络主页制作课程设计.中央广播电视大学出版社.2004 年 2月3 任新见.ASP 动态网站快速开发实务.电子工业出版社.2004 年 9 月4 阎静.Dream

42、 weaver Mx 2004 与 ASP 动态网页基础与范例.机械工业出版社.2004 年 9 月5孙良军中文版 Frontpage2003 实用基础教程科学出版社 2003 年 12月6 前沿电脑图像工作室.巧学巧用 Dream weaver、Fireworks、Flash 制作网页.北京.人民邮电出版社7 攀孝忠.龚元明.计算机应用基础.北京理工大学出版社8 林信成.王道荣.HTML 与 ASP 实务.清华大学出版社9李晓黎.张巍ASP+SQL Sever 网络应用系统开始与实例人民邮电出版社29附附 录录1.1. 主要文件列表主要文件列表index.htm 音乐教室网站主页yymj.h

43、tm 音乐名家网页 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_logoutRedi

44、rectPage);% 0) 32 MM_editRedirectUrl += (MM_editRedirectUrl.indexOf(?) = -1)?:&) + Request.QueryString; %/ * Recordset Stats, Move To Record, and Go To Record: declare stats variables/ set the record countvar guestbook_total = guestbook.RecordCount;/ set the number of rows displayed on this pageif (

45、guestbook_numRows 0) if (!guestbook.BOF) guestbook.MoveFirst();36 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

46、+ guestbook_numRows - 1, guestbook_total); guestbook_first = Math.min(guestbook_first, guestbook_total);%= MM_rsCount | MM_offset = -1) / past end or move last if (MM_rsCount % MM_size) != 0) / last page not a full repeat region MM_offset = MM_rsCount - (MM_rsCount % MM_size); else MM_offset = MM_rs

47、Count - MM_size; 38 / move the cursor to the selected record for (var i=0; !MM_rs.EOF & (i %/ * Move To Record: if we dont know the record count, check the display rangeif (MM_rsCount = -1) / walk to the end of the display range for this page for (var i=MM_offset; !MM_rs.EOF & (MM_size 0 | i MM_offs

48、et + MM_size); i+) MM_rs.MoveNext(); / if we walked off the end of the recordset, set MM_rsCount and MM_size if (MM_rs.EOF) 39 MM_rsCount = i; if (MM_size MM_rsCount) MM_size = MM_rsCount; / if we walked off the end, set the offset based on page size if (MM_rs.EOF & !MM_paramIsDefined) if (MM_rsCoun

49、t % MM_size) != 0) / last page not a full repeat region MM_offset = MM_rsCount - (MM_rsCount % MM_size); else MM_offset = MM_rsCount - MM_size; / reset the cursor to the beginning if (MM_rs.CursorType 0) if (!MM_rs.BOF) MM_rs.MoveFirst(); else MM_rs.Requery(); / move the cursor to the selected recor

50、d for (var i=0; !MM_rs.EOF & i = MM_rsCount);% 0) MM_keepBoth = MM_keepBoth.substring(1);if (MM_keepURL.length 0) MM_keepURL = MM_keepURL.substring(1);42if (MM_keepForm.length 0) MM_keepForm = MM_keepForm.substring(1);% 1) MM_moveParam = offset; if (MM_keepMove.length 0) params = MM_keepMove.split(&

51、); MM_keepMove = ; for (var i=0; i 0) MM_keepMove = MM_keepMove.substring(1); / set the strings for the move to linksif (MM_keepMove.length 0) MM_keepMove = Server.HTMLEncode(MM_keepMove) + &;var urlStr = Request.ServerVariables(URL) + ? + MM_keepMove + MM_moveParam + =;MM_moveFirst = urlStr + 0;MM_

52、moveLast = urlStr + -1;MM_moveNext = urlStr + (MM_offset + MM_size);MM_movePrev = urlStr + Math.max(MM_offset - MM_size,0);%无标题文档44  音乐教室  首页   音乐名家  音乐常识  音乐教学  音乐欣赏 留言板 我要留言管理员登陆 45a href=注销     记录 到 总共 form name=form1 method=POST action= 留言人 电子邮件46 时间

53、内容    47 input type=hidden name=MM_recordId value=   a href= 48 a href= a href= a href= 4950致致 谢谢在本次毕业设计中，我通过自己动手设计了一个音乐教育教学网。在设计过程中，我通过查阅大量有关资料、与同学交流经验、自学、并向老师请教等方式使自己学到了不少有关知识，并大大地提高了动手能力。使我充分体会到了在创造过程中探索的艰辛和成功的喜悦。虽然该网站的功能还不是很完善，但是在设计过程中所学到的东西是这次毕业设计的最大收获和财富，使我终身受益。感谢焦福菊老师给我的精心指导！还要感谢我的家人、同事和同学，是他们给我提供了充足的时间，来完成毕业设计。