第1节 课程设计题目及背景…………………………..3 1.1 设计题目………………………………………………3 1.2 设计背景……………………………………………….3
第2节 网站设计的开发工具…………………………………3 第3节 网站建设过程………………………………………….4
3.1 网站系统分析……………………………………….4 3.2 数据库的设计……………………………………….5 3.3 功能模块介绍……………………………………….8 第4节 网站工作流程…………………………………………..11 4.1 连接数据库………………………………………….11 4.2 用户登录…………………………………………….12 4.3 歌曲显示，以最新歌曲为例……………………….12 4.4 音乐搜索…………………………………………….12 第5节 网站显示效果…………………………………………..15 5.1 网站主页……………………………………………..15 5.2 歌曲分类页面………………………………………..16 5.3 音乐搜索页面………………………………………..17
5.4 用户留言页面………………………………………..17 5.5 音乐播放器页面……………………………………..18 5.6 后台管理主页面……………………………………..19 5.7 用户管理页面………………………………………..19 第6节 总结和设计体会……………………………………. …..21
第1节 课程设计题目及背景
1.1 设计题目
构架一个音乐网站，要求网站必须包含音乐网站的一些基本功能，即前台的用户申请登陆功能，听歌功能，音乐搜索，音乐收藏功能，提交留言和后台的用户管理，歌曲管理，留言管理，系统管理。
1.2
设计背景
在互联网发展迅猛的今天，我们无时无刻不与网络接触，可以从中查找我们需要的信息，可以发布想让别人知道的信息，可以找到你不认识但真心的朋友，也可以第一时间看到国内外的重大事件。当我们无事可做的时候，便开始了娱乐方式的搜索，由此，很多音乐网站和视频网站应运而生，服务大家，为我们的生活增添了色彩。随着我国网民的增加，也促进了音乐网站的开发。
第2节 网站设计的开发工具 2.1 Dreamweaver 8.0 2.2 Flash 8.0 2.3 Firework 8.0 2.4 Access 数据库 2.5 IIS 服务器
说明：Dreamweaver 用于网站的开发，Flash 用于网站flash 效果的制作，firework 对图片进行处理，IIS 作为我们的asp 网站服务器，数据库则采用微软的Access 数据库。 第3节 网站建设过程
3.1 网站系统分析
音乐网站包括两大功能模块：前台和后台。两大功能模
块又分为很多子模块。前台包括动态显示歌曲模块，动态显示时间模块，用户登录与注册模块，关于我们和留言模块，音乐搜索模块。后台包括用户管理模块，歌曲管理模块，留言管理模块和系统管理模块。整体模块组织如下图所示：
3.1.1 前台模块详细功能描述 用户注册：用户注册自己的空间
用户登录：用户登录空间查看音乐收藏
动态显示歌曲：根据类别不同，显示华人歌曲，日韩歌曲，影视歌曲，伤感歌曲，非主流歌曲等等。
动态时间：网页中显示动态的时间 音乐搜索：搜索数据库中包含的歌曲 留言：用户提交自己的留言
3.1.2 后台模块详细功能描述
用户管理：显示和编辑所有用户信息，歌曲收藏和删除用户
歌曲管理：显示，编辑和插入歌曲信息，删除歌曲 留言管理：显示和删除留言信息 系统管理：修改管理员密码和网站信息
3.2 数据库的设计
3.2.1 用户信息表（users ），属性和内容如下表：
3.2.2 音乐信息表（music ），属性和内容如下表：
3.2.3 管理员信息表（admin ），属性和内容如下表：
3.2.4 留言信息表（liuyan ），属性和内容如下表：
3.2.5 网站信息表（webmess ），属性和内容如下表：
3.2.6 歌曲收藏表（shoucang ），属性如下表：
3.2.7 用户-音乐关系表（sx ），属性如下表:
3.3 功能模块介绍 3.3.1 登陆注册模块
该模块的工作流程图如下：
3.3.3 动态显示时间模块
该模块采用javascript 脚本显示动态的系统时间，代码如下：
3.3.4 音乐搜索模块
该模块的工作流程图如下：
3.3.5 留言模块
该模块的工作流程图如下：
3.3.6 后台管理
该模块的工作流程图如下：
第4节 网站工作流程 4.1 连接数据库
4.1.1 创建ODBC 数据源
管理工具—数据源ODBC —系统DSN 打开ODBC Microsoft Access 安装，数据源名conn ，选择数据库文件，确定。 4.1.2 连接数据库文件（如下图）
4.2 用户登录
包括3个页面：login.asp,loginfo.asp 和loginerr.asp, 通过添加服务器行为的登陆用户行为即可。登陆成功如图：
4.3 歌曲显示，以最新歌曲为例
4.3.1 做出最新歌曲显示页面，如下：
4.3.2 绑定记录集
添加服务器行为中的添加记录集，打开下图记录集节目，正确填写各项，华人歌曲和日韩歌曲等页面只是筛选或排序
不同而已。此页面的记录集如下：
4.3.3 添加重复区域和显示区域
选中要重复的区域，添加服务器行为中的重复区域，选择相应条件即可，选择插入—应用程序—记录集分页—记录集导航条，添加上一页和下一页等。
4.3.4 显示的结果如下：
4.4 音乐搜索
4.4.1 添加搜索结果页面
4.4.2 绑定记录集
注：Request.Form(“searchtext ”) 是从搜索页面传递过来的参数，并将该参数与数据库中的歌曲名和艺术家字段比较，筛选出需要的记录。
4.4.3 搜索结果显示，如下：
4.5 音乐播放页面
4.5.1 Dreamweaver中制作出该页面
注：列表中为框架网页，包括15个网页，即15个分类，可以查看自己的收藏，并播放收听美妙的歌曲。
4.5.2 绑定记录集
注：musicid 为点击试听后传递的参数
第5节 网站显示效果
5.1 网站主页
注：主页的右上角为动态时钟，上方为网站形象flash ，并有设为首页和添加收藏功能，可通过上传作品和下载作品查看说明，中间网站分类导航条和音乐搜索，左下角为会员登录窗体，可通过链接进行注册，下方网站版权说明，关于我们和留言提交链接。
5.2 歌曲分类页面
注：歌曲分类页面均来自于模板，结构相似，只是数据集的绑定不同而已，故此不做重复介绍。
5.3 音乐搜索页面
注：在音乐搜索文本框中输入搜索文本，点击音乐搜索按钮后，会显示出搜索结果，同样也可以在有主页模板生成的其他页面进行搜索。
5.4 用户留言页面
输入反馈内容和联系方式后，单击确定提交按钮，即可将用户要反馈的内容提交给后台数据库。
5.5 音乐播放器页面
注：点击音乐名称链接或者点击试听后，网站会自动打开该网页播放器页面，播放你选中的音乐，而播放器的左边分类歌曲列表，供你选择喜欢的各种类型歌曲。
5.6 后台管理主页面
注：在上述登陆后台页面中输入管理员账号和密码，输入正确后登陆到后台管理，如下：
注：后台显示登陆的管理员名称，进入后台后，可以进行一下操作：用户管理，歌曲管理，留言管理和系统管理。
5.7 用户管理页面
注：该页面可以查看用户的详细资料，查看用户的音乐收
藏和删除用户。
5.8 歌曲管理页面
注：该页面可以对音乐资料进行查看，编辑和删除，同样也可以插入音乐。
5.9 留言管理页面
注：留言页面，可以查看用户的留言和建议来提高网站的
稳定性，亦可以删除无用的留言。
5.10 系统管理页面
系统管理页面包括修改管理员密码和更改网站信息两个部分，功能实现密码修改和信息信息修改，截图如下：
第6节 总结和设计体会
通过本次课程设计，我对asp 网站的构建有了更深一步的了解，弥补了课堂上学习不到的知识，同时也对网站制作中使用的软件有了一定的掌握，如：Dreamweaver ，Flash 和Firework ，可以利用这些软件做出自己想要的网站效果，一个周的时间也做出了自己还算满意
21
的作品。
但同时还存在很多问题，如IIS 服务器的配置会偶尔出错。在制作网页的过程中，有时候会对自己做出的效果并不满意，总是达不到自己想要的结果，大概是实践太少的缘故吧！对此应该加强练习，增加经验。最后要感谢老师和同学们的帮助，我相信此次课程设计会对今后的生活有一定的影响。
第1节 课程设计题目及背景…………………………..3 1.1 设计题目………………………………………………3 1.2 设计背景……………………………………………….3
第2节 网站设计的开发工具…………………………………3 第3节 网站建设过程………………………………………….4
3.1 网站系统分析……………………………………….4 3.2 数据库的设计……………………………………….5 3.3 功能模块介绍……………………………………….8 第4节 网站工作流程…………………………………………..11 4.1 连接数据库………………………………………….11 4.2 用户登录…………………………………………….12 4.3 歌曲显示，以最新歌曲为例……………………….12 4.4 音乐搜索…………………………………………….12 第5节 网站显示效果…………………………………………..15 5.1 网站主页……………………………………………..15 5.2 歌曲分类页面………………………………………..16 5.3 音乐搜索页面………………………………………..17
5.4 用户留言页面………………………………………..17 5.5 音乐播放器页面……………………………………..18 5.6 后台管理主页面……………………………………..19 5.7 用户管理页面………………………………………..19 第6节 总结和设计体会……………………………………. …..21
第1节 课程设计题目及背景
1.1 设计题目
构架一个音乐网站，要求网站必须包含音乐网站的一些基本功能，即前台的用户申请登陆功能，听歌功能，音乐搜索，音乐收藏功能，提交留言和后台的用户管理，歌曲管理，留言管理，系统管理。
1.2
设计背景
在互联网发展迅猛的今天，我们无时无刻不与网络接触，可以从中查找我们需要的信息，可以发布想让别人知道的信息，可以找到你不认识但真心的朋友，也可以第一时间看到国内外的重大事件。当我们无事可做的时候，便开始了娱乐方式的搜索，由此，很多音乐网站和视频网站应运而生，服务大家，为我们的生活增添了色彩。随着我国网民的增加，也促进了音乐网站的开发。
第2节 网站设计的开发工具 2.1 Dreamweaver 8.0 2.2 Flash 8.0 2.3 Firework 8.0 2.4 Access 数据库 2.5 IIS 服务器
说明：Dreamweaver 用于网站的开发，Flash 用于网站flash 效果的制作，firework 对图片进行处理，IIS 作为我们的asp 网站服务器，数据库则采用微软的Access 数据库。 第3节 网站建设过程
3.1 网站系统分析
音乐网站包括两大功能模块：前台和后台。两大功能模
块又分为很多子模块。前台包括动态显示歌曲模块，动态显示时间模块，用户登录与注册模块，关于我们和留言模块，音乐搜索模块。后台包括用户管理模块，歌曲管理模块，留言管理模块和系统管理模块。整体模块组织如下图所示：
3.1.1 前台模块详细功能描述 用户注册：用户注册自己的空间
用户登录：用户登录空间查看音乐收藏
动态显示歌曲：根据类别不同，显示华人歌曲，日韩歌曲，影视歌曲，伤感歌曲，非主流歌曲等等。
动态时间：网页中显示动态的时间 音乐搜索：搜索数据库中包含的歌曲 留言：用户提交自己的留言
3.1.2 后台模块详细功能描述
用户管理：显示和编辑所有用户信息，歌曲收藏和删除用户
歌曲管理：显示，编辑和插入歌曲信息，删除歌曲 留言管理：显示和删除留言信息 系统管理：修改管理员密码和网站信息
3.2 数据库的设计
3.2.1 用户信息表（users ），属性和内容如下表：
3.2.2 音乐信息表（music ），属性和内容如下表：
3.2.3 管理员信息表（admin ），属性和内容如下表：
3.2.4 留言信息表（liuyan ），属性和内容如下表：
3.2.5 网站信息表（webmess ），属性和内容如下表：
3.2.6 歌曲收藏表（shoucang ），属性如下表：
3.2.7 用户-音乐关系表（sx ），属性如下表:
3.3 功能模块介绍 3.3.1 登陆注册模块
该模块的工作流程图如下：
3.3.3 动态显示时间模块
该模块采用javascript 脚本显示动态的系统时间，代码如下：
3.3.4 音乐搜索模块
该模块的工作流程图如下：
3.3.5 留言模块
该模块的工作流程图如下：
3.3.6 后台管理
该模块的工作流程图如下：
第4节 网站工作流程 4.1 连接数据库
4.1.1 创建ODBC 数据源
管理工具—数据源ODBC —系统DSN 打开ODBC Microsoft Access 安装，数据源名conn ，选择数据库文件，确定。 4.1.2 连接数据库文件（如下图）
4.2 用户登录
包括3个页面：login.asp,loginfo.asp 和loginerr.asp, 通过添加服务器行为的登陆用户行为即可。登陆成功如图：
4.3 歌曲显示，以最新歌曲为例
4.3.1 做出最新歌曲显示页面，如下：
4.3.2 绑定记录集
添加服务器行为中的添加记录集，打开下图记录集节目，正确填写各项，华人歌曲和日韩歌曲等页面只是筛选或排序
不同而已。此页面的记录集如下：
4.3.3 添加重复区域和显示区域
选中要重复的区域，添加服务器行为中的重复区域，选择相应条件即可，选择插入—应用程序—记录集分页—记录集导航条，添加上一页和下一页等。
4.3.4 显示的结果如下：
4.4 音乐搜索
4.4.1 添加搜索结果页面
4.4.2 绑定记录集
注：Request.Form(“searchtext ”) 是从搜索页面传递过来的参数，并将该参数与数据库中的歌曲名和艺术家字段比较，筛选出需要的记录。
4.4.3 搜索结果显示，如下：
4.5 音乐播放页面
4.5.1 Dreamweaver中制作出该页面
注：列表中为框架网页，包括15个网页，即15个分类，可以查看自己的收藏，并播放收听美妙的歌曲。
4.5.2 绑定记录集
注：musicid 为点击试听后传递的参数
第5节 网站显示效果
5.1 网站主页
注：主页的右上角为动态时钟，上方为网站形象flash ，并有设为首页和添加收藏功能，可通过上传作品和下载作品查看说明，中间网站分类导航条和音乐搜索，左下角为会员登录窗体，可通过链接进行注册，下方网站版权说明，关于我们和留言提交链接。
5.2 歌曲分类页面
注：歌曲分类页面均来自于模板，结构相似，只是数据集的绑定不同而已，故此不做重复介绍。
5.3 音乐搜索页面
注：在音乐搜索文本框中输入搜索文本，点击音乐搜索按钮后，会显示出搜索结果，同样也可以在有主页模板生成的其他页面进行搜索。
5.4 用户留言页面
输入反馈内容和联系方式后，单击确定提交按钮，即可将用户要反馈的内容提交给后台数据库。
5.5 音乐播放器页面
注：点击音乐名称链接或者点击试听后，网站会自动打开该网页播放器页面，播放你选中的音乐，而播放器的左边分类歌曲列表，供你选择喜欢的各种类型歌曲。
5.6 后台管理主页面
注：在上述登陆后台页面中输入管理员账号和密码，输入正确后登陆到后台管理，如下：
注：后台显示登陆的管理员名称，进入后台后，可以进行一下操作：用户管理，歌曲管理，留言管理和系统管理。
5.7 用户管理页面
注：该页面可以查看用户的详细资料，查看用户的音乐收
藏和删除用户。
5.8 歌曲管理页面
注：该页面可以对音乐资料进行查看，编辑和删除，同样也可以插入音乐。
5.9 留言管理页面
注：留言页面，可以查看用户的留言和建议来提高网站的
稳定性，亦可以删除无用的留言。
5.10 系统管理页面
系统管理页面包括修改管理员密码和更改网站信息两个部分，功能实现密码修改和信息信息修改，截图如下：
第6节 总结和设计体会
通过本次课程设计，我对asp 网站的构建有了更深一步的了解，弥补了课堂上学习不到的知识，同时也对网站制作中使用的软件有了一定的掌握，如：Dreamweaver ，Flash 和Firework ，可以利用这些软件做出自己想要的网站效果，一个周的时间也做出了自己还算满意
21
的作品。
但同时还存在很多问题，如IIS 服务器的配置会偶尔出错。在制作网页的过程中，有时候会对自己做出的效果并不满意，总是达不到自己想要的结果，大概是实践太少的缘故吧！对此应该加强练习，增加经验。最后要感谢老师和同学们的帮助，我相信此次课程设计会对今后的生活有一定的影响。