音乐网站课程设计报告

《音乐网站课程设计报告》由会员分享，可在线阅读，更多相关《音乐网站课程设计报告（22页珍藏版）》请在金锄头文库上搜索。

1、1第 1 节 课程设计题目及背景.31.1 设计题目31.2 设计背景.3第 2 节 网站设计的开发工具3第 3 节 网站建设过程.43.1 网站系统分析.43.2 数据库的设计.53.3 功能模块介绍.8第 4 节 网站工作流程.114.1 连接数据库.114.2 用户登录.124.3 歌曲显示，以最新歌曲为例.124.4 音乐搜索.12第 5 节 网站显示效果.155.1 网站主页.155.2 歌曲分类页面.165.3 音乐搜索页面.175.4 用户留言页面.175.5 音乐播放器页面.185.6 后台管理主页面.195.7 用户管理页面.19第 6 节 总结和设计体会.212第 1 节

2、课程设计题目及背景1.1 设计题目 构架一个音乐网站，要求网站必须包含音乐网站的一些基本功能，即前台的用户申请登陆功能，听歌功能，音乐搜索，音乐收藏功能，提交留言和后台的用户管理，歌曲管理，留言管理，系统管理。1.2 设计背景在互联网发展迅猛的今天，我们无时无刻不与网络接触，可以从中查找我们需要的信息，可以发布想让别人知道的信息，可以找到你不认识但真心的朋友，也可以第一时间看到国内外的重大事件。当我们无事可做的时候，便开始了娱乐方式的搜索，由此，很多音乐网站和视频网站应运而生，服务大家，为我们的生活增添了色彩。随着我国网民的增加，也促进了音乐网站的开发。第 2 节 网站设计的开发工具2.1 D

3、reamweaver 8.0 2.2 Flash 8.02.3 Firework 8.02.4 Access 数据库2.5 IIS 服务器说明：Dreamweaver 用于网站的开发，Flash 用于网站 flash效果的制作，firework 对图片进行处理，IIS 作为我们的 asp 网站服务器，数据库则采用微软的 Access 数据 库。第 3 节 网站建设过程33.1 网站系统分析音乐网站包括两大功能模块：前台和后台。两大功能模块又分为很多子模块。前台包括动态显示歌曲模块，动态显示时间模块，用 户登录与注册模块，关于我们和留言模块，音乐搜索模块。后台包括用户管理模块，歌曲管理模块，留言

4、管理模块和系统管理模块。整体模块组织如下图所示：3.1.1 前台模块详细功能描述用户注册：用户注册自己的空间用户登录：用户登录空间查看音乐收藏动态显示歌曲：根据类别不同，显示华人歌曲，日韩歌曲，影视歌曲，伤感歌曲，非主流歌曲等等。动态时间：网页中显示动态的时间音乐搜索：搜索数据库中包含的歌曲留言：用户提交自己的留言音乐网前台模块 后台模块用户注册模块用户登录模块动态显示歌曲留言模块音乐搜索模块动态显示时间用户管理模块歌曲管理模块留言管理模块系统管理模块43.1.2 后台模块详细功能描述用户管理：显示和编辑所有用户信息，歌曲收藏和删除用户歌曲管理：显示，编辑和插入歌曲信息，删除歌曲留言管理：显示

5、和删除留言信息系统管理：修改管理员密码和网站信息3.2 数据库的设计3.2.1 用户信息表（users ），属性和内容如下表：列名 数据类型 必填字段 默认值 说明Userid 自动编号 是 无 用户 IdUsername 文本 是 无 用户名Userpassword 文本 是 无 密码Mobile 文本 是 无 手机Userqq 文本 是 无 QQAdddate 日期/时间 是 是 注册日期Psw_quesions 文本 是 无 密码提示Psw_answer 文本 是 无 密码答案City 文本 是 无 所在城市Address 文本 是 无 地址Sex 文本 是 无 性别Realname 文

6、本 是 无 真实姓名Code 文本 否 无 邮编Useremail 文本 是 无 电子邮箱3.2.2 音乐信息表（music），属性和内容如下表：列名 数据类型 必填字段 默认值 说明id 自动编号 是 无 音乐编号Music_name 文本 是 无 音乐名称Artist 文本 是 无 艺术家url 文本 是 是 音乐文件地址Zhuanji 文本 是 无 所属专辑5Adddate 日期/时间 是 是 添加日期Liebie 文本 是 是 所属分类3.2.3 管理员信息表（admin），属性和内容如下表：列名 数据类型 必填字段 默认值 说明Id 自动编号 是 否 管理员编号Admin 文本 是

7、否 用户名Adminpassword 文本 是 否 密码3.2.4 留言信息表（liuyan），属性和内容如下表：列名 数据类型 必填字段 默认值 说明Ly_id 自动编号 是 否 留言编号Content 文本 是 否 留言内容Connection 文本 是 否 留言方式Addtime 日期/时间 是 是 留言日期3.2.5 网站信息表（webmess），属性和内容如下表：6列名 数据类型 必填字段 默认值 说明Shuoming 文本 是 否 网站说明Web_name 文本 是 否 网站名称Web_yuming 文本 是 否 网站域名Web_key 文本 是 否 关键字Describle 文本

8、 是 否 描述3.2.6 歌曲收藏表（shoucang），属性如下表：列名 数据类型 必填字段 默认值 说明S_id 自动编号 是 否 收藏编号Username 文本 是 否 用户 idMusic_name 文本 是 否 音乐 idAdddate 日期/时间 是 否 收藏时间3.2.7 用户-音乐关系表（ sx），属性如下表:列名 数据类型 必填字段 默认值 说明S_id 自动编号 是 否 编号Username 文本 是 否 用户名Music_name 文本 是 否 歌曲名Artist 文本 是 否 艺术家url 文本 是 是 音乐地址Adddate 日期/时间 是 是 添加日期73.3 功能

9、模块介绍3.3.1 登陆注册模块该模块的工作流程图如下：3.3.2 动态显示歌曲模块该模块流程图如下：登陆界面输入用户名和密码账号或密码错误！N注销用户 修改注册信息修改成功点击注册链接Y 注册页面Y检查表单元素填写注册信息YN歌曲显示华人歌曲 日韩歌曲 欧美歌曲 影视歌曲 乐队歌曲 DJ 歌曲流行歌曲 伤感歌曲 经典歌曲 网络歌曲 非主流歌曲根据数据库中音乐的类别分别绑定数据集判断有无音乐显示歌曲列表 没有相关记录！YN83.3.3 动态显示时间模块该模块采用 javascript 脚本显示动态的系统时间，代码如下：/动态时钟93.3.4 音乐搜索模块该模块的工作流程图如下：3.3.5 留言

10、模块该模块的工作流程图如下：3.3.6 后台管理该模块的工作流程图如下：音乐搜索判断数据库中表中是否存在改信息输入搜索信息Y显示搜索信息N没有相关记录用户留言检查合法性输入留言信息Y提交到数据库N输入内容有误！10第 4 节 网站工作流程4.1 连接数据库4.1.1 创建 ODBC 数据源管理工具数据源 ODBC系统 DSN 打开 ODBC Microsoft Access 安装，数据源名 conn，选择数据库文件，确定。4.1.2 连接数据库文件（如下图）后台管理判断账号和密码正确性Y 账号或密码错误！N输入管理员账号和密码查看歌曲信息查看用户信息 查看留言信息 修改管理员密码删除成功！删除

11、用户YN删除歌曲YN 添加歌曲输入歌曲信息检查表单删除成功！添加成功！YN删除成功！删除留言YN 输入旧密码输入新密码是否正确 N检查表单修改成功！YYN114.2 用户登录包括 3 个页面：login.asp,loginfo.asp 和 loginerr.asp,通过添加服务器行为的登陆用户行为即可。登陆成功如图：4.3 歌曲显示，以最新歌曲为例4.3.1 做出最新歌曲显示页面，如下：4.3.2 绑定记录集添加服务器行为中的添加记录集，打开下图记录集节目，正确填写各项，华人歌曲和日韩歌曲等页面只是筛选或排序不同12而已。此页面的记录集如下：4.3.3 添加重复区域和显示区域选中要重复的区域，

12、添加服务器行为中的重复区域，选择相应条件即可，选择插入应用程序记录集分页记录集导航条，添加上一页和下一页等。4.3.4 显示的结果如下：134.4 音乐搜索4.4.1 添加搜索结果页面4.4.2 绑定记录集注：Request.Form(“searchtext”)是从搜索页面传递过来的参数，并将该参数与数据库中的歌曲名和艺术家字段比较，筛选出需要的记录。4.4.3 搜索结果显示，如下：4.5 音乐播放页面4.5.1 Dreamweaver 中制作出该页面14注：列表中为框架网页，包括 15 个网页，即 15 个分类，可以查看自己的收藏，并播放收听美妙的歌曲。4.5.2 绑定记录集注：musici

13、d 为 点击试听后传递的参数第 5 节 网站显示效果5.1 网站主页15注：主页的右上角为动态时钟，上方为网站形象 flash，并有设为首页和添加收藏功能，可通过上传作品和下载作品查看说明，中间网站分类导航条和音乐搜索，左下角为会员登录窗体，可通过链接进行注册，下方网站版权说明，关于我们和留言提交链接。5.2 歌曲分类页面16注：歌曲分类页面均来自于模板，结构相似，只是数据集的绑定不同而已，故此不做重复介绍。5.3 音乐搜索页面注：在音乐搜索文本框中输入搜索文本，点击音乐搜索按钮后，会显示出搜索结果，同样也可以在有主页模板生成的其他页面进行搜索。5.4 用户留言页面输入反馈内容和联系方式后，单

14、击确定提交按钮，即可将用户要反馈的内容提交给后台数据库。175.5 音乐播放器页面注：点击音乐名称链接或者点击试听后，网站会自动打开该网页播放器页面，播放你选中的音乐，而播放器的左边分类歌曲列表，供你选择喜欢的各种类型歌曲。185.6 后台管理主页面注：在上述登陆后台页面中输入管理员账号和密码，输入正确后登陆到后台管理，如下：注：后台显示登陆的管理员名称，进入后台后，可以进行一下操作：用户管理，歌曲管理，留言管理和系统管理。5.7 用户管理页面注：该页面可以查看用户的详细资料，查看用户的音乐收藏19和删除用户。5.8 歌曲管理页面注：该页面可以对音乐资料进行查看，编辑和删除，同样也可以插入音乐

15、。5.9 留言管理页面注：留言页面，可以查看用户的留言和建议来提高网站的稳20定性，亦可以删除无用的留言。5.10 系统管理页面系统管理页面包括修改管理员密码和更改网站信息两个部分，功能实现密码修改和信息信息修改，截图如下：第 6 节 总结和设计体会通过本次课程设计，我对 asp 网站的构建有了更深一步的了解，弥补了课堂上学习不到的知识，同时也对网站制作中使用的软件有了一定的掌握，如：Dreamweaver， Flash 和 Firework，可以利用这些软件做出自己想要的网站效果，一个周的时间也做出了自己还算满意的21作品。但同时还存在很多问题，如 IIS 服务器的配置会偶 尔出错。在制作网页的过程中，有时候会对自己做出的效果并不满意，总是达不到自己想要的结果，大概是实践太少的