1、音乐网站的设计与实现摘要随着互联网行业的发展,网络以其快速,高效,便捷的传播方式融入我们的生活并且无处不在,例如网络游戏、网络视频、网络购物等等。而音乐网站正是在这样的一个市场环境下应运而生，并且成为我们生活娱乐密不可分的一部分。让大家可以足不出户即可欣赏到自己喜欢的音乐，同时也为广大音乐爱好者提供一个音乐交流的平台。在本网站的设计中我综合应用了 PHP、MySQL 数据库、Dreamweaver、Photoshop 等知识，网页界面的结构设计以实用性为主，具有易于操作、简洁、方便等特点。在设计中，我首先采用的是 Photoshop 对网站的 Logo 进行设计，因为我觉得任何一个好的网站需要
2、有一个好的名字来衬托它，于是我为它取名为悦阁音乐网站。然后我采用 HTML 语言对网站的静态页面进行编辑，使网页更直观美丽。最后我使用 PHP 语言和 MySQL 数据库对网页的前后台进行连接，让网页的各项功能更完善。【关键词】：音乐网站、MySQL 数据库、PHPYue ge music website design and implementationABSTRACTAlong with the development of the Internet industry, network with its fast, eefficient, and convenient way to spr
3、ead into our life is everywhere, including the network game, network video, network shopping, etc. And music site is in such a market environment has come into being, and become a part of our life and entertainment are inseparable. Let you can never leave home can enjoy their favorite music, but als
4、o for the majority of music lovers to provide a platform for the communication of music. In the design of this web site I integrated application of PHP and MySQL database, Dreamweaver, Falsh knowledge, such as the structure of the web interface design is given priority to with practical, has the cha
5、racteristics of easy operation, simple and convenient. In the design, the first thing I use Photoshop to design the Logo of the website, because I think any good website you need a good name to foil it, so I named yue cabinet music website for it. Then I use HTML editor, the static page of the websi
6、te to make web pages more intuitive beauty. Finally, I use the PHP language and MySQL database to connect web Taiwan before and after, make web functions more perfect. 【 key words 】 music website, MySQL database and PHP 目 录1.绪 论 31.1 设计的研究背景 .11.2 设计的目标 .11.3 设计的意义 .12.网站的开发环境和开发工具 22.1 需求分析 .22.3 网
7、站开发工具 .22.3.1 Phtoshop cs4 介绍 22.3.2 Dreamveaver CS3 介 绍 22.3.4 apache 介绍 .32.3.3 PHP 介绍 .32.3.5 MySQL 数据库介绍 43 网站的设计和实现 53.1 Logo 设计 53.2 网站结构图 .53.2.1 前台总体结构图如下： .53.2.2 后台总体结构图如下： 63.3 网站功能设计 .63.3.1 前台功能介绍 .63.3.2 后台功能介绍 .124 数据库的分析与设计 154.1 数据库分析 154.2 数据库设计 155 网站调试 .185.1 网站调试准备 185.2 网站调试过程
8、185.3 网站调试结果 185.4 网站存在的不足 185.4.1 主页播放列表无法运行 .185.4.2 MV 无法进行播放 195.4.3 网站的一些界面不够充实 195.4.4 留言板界面不够美观 195.4.5 后台无制作留言板管理 19致谢 .20参考文献 .211.绪 论1.1 设计的研究背景随着互联网和宽带上网的普及，Interner 音乐网站在中国异军突起，并日益渗透到人们的日常生活中。音乐网站是运用现代通信技术、计算机和网络技术进行的一种社会形态，其目的是通过互联网提高社会生产效率、优化社会资源配置，从而实现社会财富的最大化利用。而且音乐网站是目前最常见的音乐发烧友网站行业
9、呈现出的旺盛生命力和巨大的市 场 潜 力 。 随着网站越来越多，网站间的竞争越来越激烈，而音乐网站作为一种有效的宣传途径，越来越受到大家的欢迎。为了获得本行业的领先地位，面对不断涌现的种种机会，建立一个具有自己特色的，精美完善的，实用的音乐网站尤为重要。1.2 设计的目标网络的发展给人们的生活带来了翻天覆地的变化，不仅是在学习，还有在娱乐方面，比如网络音乐，只要一打开电脑，打开网络音乐，我们就能听到来自世界各地的各种音乐，这是一种轻松愉快的享受。网络音乐方便快捷，还能给我们的生活带来欢乐，让我们在繁忙疲惫的工作之后可以进行休闲。基于此种现状，在充分分析了该行业的市场前景，调研了用户需求之后，我
10、就设计了悦阁音乐网站。1.3 设计的意义本次设计的意义主要在于建立一个较为实用型的网站。首先要对网站进行明确的规划设计，然后规划包括网站的内容，面向的用户群，最后确定网站的规模以及网站的目标，我将我要建立的网站内容定位一个音乐娱乐网站。面向所有喜欢音乐的人，而我建立这个网站的目的就是希望大家会在娱乐休闲的时候享受音乐的快感，满足音乐爱好者对音乐的追求和对音乐时讯的最快获悉，针对用户的实际需求设计尽可能满足音乐爱好者的音乐在线网站。这样可以更好的推动音乐事业的发展。2.网站的开发环境和开发工具2.1 需求分析通过调查，要求系统需要以下功能：1、新用户可以快速注册。2、老用户能够快速的登录到页面，
11、并修改自己的相关信息。3、用户可以在线听歌。4、用户可以下载歌曲。5、用户可以给我们网站进行留言，提出宝贵的意见。6、用户可以根据自己的等级享受到不一样的音乐试听享受。2.2 开发环境1、网络服务器操作系统：Windows 7 系统2、Web 服务器：apache(版本：Apache2.2.11)3、后台数据库系统：mysql（版本：mysql5.1.36）4、网页编程语言：HTMLP、javascript、php（版本：php5.3.0）5、网页前台编辑工具：Dreamweaver 8、Adobe Photoshop2.3 网站开发工具2.3.1 Phtoshop cs4 介绍Adobe P
12、hotoshop CS4 简称“PS”。它是 Adobe 公司旗下最为出名的图像处理软件之一，它是一款很强大的制图工具，具有集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。此外， Adobe Photoshop CS4 软件除了包含 Adobe Photoshop CS3 的所有功能外，还增加了一些特殊的功能，如支持 3D 和视频流、动画、深度图像分析等等。它通过更直观的用户体验、更大的编辑自由度来大幅提高的工作效率，使您能更轻松地使用其无与伦比的强大功能。它使用了全新、顺畅的缩放和遥摄可以定位到图像的任何区域。借助
13、全新的像素网格保持实现缩放到个别像素时的清晰度， 并以最高的放大率实现轻松编辑。通过创新的旋转视图工具随意转动画布， 按任意角度实现无扭曲查看。2.3.2 Dreamveaver CS3 介 绍Dreamweaver CS3 是 Adobe 公司收购 Macromedia 公司后最新推出的 Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver 可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作 Web 页站点,Web 页和 Web 应用程序开发的理想工具。 Dreamweaver，Fi
14、reworks，Flash 被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。与其他网页编辑工具相比，Dreamweaver 的新版Dreamweaver CS3 主要功能和具体应用方法，Dreamweaver 的主要特点有：1.网页编辑形式灵活；2.使用可视化编辑环境；3.强大的 CSS 功能；4.站点管理功能完善；5.集成性高；6.媒体支持能力强；7.扩展能力强；2.3.4 apache 介绍Apache HTTP Server（简称 Apache，音译为阿帕奇）是 Apache 软件基金会的一个开放源码的网页服务器，它可以运行在几乎所有广泛使用的计算机平台上，由于
15、其跨平台和安全性被广泛使用，是最流行的 Web 服务器端软件之一，它也是世界使用排名第一的Web 服务器软件。它快速、可靠并且可通过简单的 API 扩展，将 Perl/Python 等解释器编译到服务器中。是最流行的 Web 服务器端软件。2.3.3 PHP 介绍PHP 是 “PHP Hypertext Preprocessor“ 的首字母缩略词，它是一种被广泛使用的开源脚本语言，是主要应用于 web 服务器的服务端的应用程序，用于动态网页的设计，它还是一种嵌入 html 的脚本语言。PHP 是一门令人惊叹的语言，它强大到足以成为在网络上最大的博客系统的核心（WordPress）；它深邃到足以
16、运行最大的社交网络（facebook）；而它的易用程度足以成为初学者的首选服务器端语言。其功能如下：1、PHP 能够生成动态页面内容2、 PHP 能够创建、打开、读取、写入、删除以及关闭服务器上的文件3、PHP 能够接收表单数据4、PHP 能够发送并取回 cookies5、PHP 能够添加、删除、修改数据库中的数据6、PHP 能够限制用户访问网站中的某些页面7、PHP 能够对数据进行加密2.3.5 MySQL 数据库介绍MySQL 是一个开放源码的关联式数据库管理系统。原开发者为瑞典的 MySQL AB 公司，该公司在 2008 年被升阳微系统（ Sun Microsystems）收购。甲骨文
17、公司（Oracle）2009年收购升阳微系统公司，MySQL 成为 Oracle 旗下产品。MySQL 被广泛地应用在 Internet上的中小型网站中。由于它的强大功能、灵活性、丰富的应用编程接口（API）以及精巧的系统结构，受到了广大自由软件爱好者甚至是商业软件用户的青睐，特别是与 Apache和 PHP/PERL 结合，为建立基于数据库的动态网站提供了强大动力。 MySQL 是一个真正的多用户、多线程 SQL 数据库服务器。SQL（结构化查询语言）是世界上最流行的和标准化的数据库语言。MySQL 是以一个客户机/服务器结构的实现，它由一个服务器守护程序 mysqld 和很多不同的客户程序
18、和库组成。 MySQL 主要目标是快速、健壮和易用。最初是因为我们需要这样一个 SQL 服务器，它能处理与任何可不昂贵硬件平台上提供数据库的厂家在一个数量级上的大型数据库，但速度更快，MySQL 就开发出来。MySQL 数据库的主要功能只在组织和管理很庞大或复杂的信息和基于 WEB 的库存查询请求不仅仅为客户提供信息，而且还可以为您自己使用数据库可以提供如下功能: 减少记录编档的时间、 减小记录检索时间、灵活的查找序列、灵活的输出格式、多个用户同时访问记录。3 网站的设计和实现3.1 Logo 设计本网站命名为悦阁音乐网，从文字中可以看出我应用了悦与乐同音不同字，但体现了一样的含义，都是快乐的
19、意思。而阁有房子的意思，一方面表示网站之大，另一方面表示在这里就如回到家里一样让人感觉舒适，轻松。而网站的 logo 后半部分是音符和文字相结合设计而成的，logo 中的音符采用了五线谱中的高音符来作为设计的基点，利用形似互补的原理，将音乐的乐中的一部分去除，连接到高音符身边形成一个简单却含义很明确的 logo，其含义是将古典与现代的文字相结合，表达网站的全面性。Logo 的颜色采用七彩渐变，象征着在音乐给人带来的听觉享受就如彩虹一样美好。文字部分也用了音乐元素，在阁字的下方用一个近似于光盘来代替口，使整个 logo 看起来寓意更明确，易懂。而文字的英文部分是采用花式的英文，意在表示整个网站的
20、音乐品种多，品质好。3.2 网站结构图3.2.1 前台总体结构图如下：悦阁音乐网热门收藏榜推荐查看悦阁月歌榜每周排行榜每日人气榜用户登录和注册首页 音悦馆 电台 网络红歌 留言板音乐首发 影视金曲关于我们MV3.2.2 后台总体结构图如下：3.3 网站功能设计3.3.1 前台功能介绍（1）用户登录注册模块：用户可以在网站的右上角进行登录或者注册，成为本网站的会员，然后进入网站享受本网站的的音乐试听，而且用户还可以通过音乐导航条中的音乐分类对不一样的音乐进行试听和下载，还可以登录到自己的用户中心进行发表心情让其他会员了解到你对音乐的感受等等。用户登录注册时的一些设置代码如下：$(document
21、).ready(function()$(“#regsubmit“).click(function()var username=$(“#username“).val();var password=$(“#password“).val();var nickname=$(“#nickname“).val();var email=$(“#email“).val();$(“#username“).css(“border-color“,“#666 #ccc #ccc #666“);悦阁音乐网管理员登录会员管理 留言板管理音乐管理会员管理 添加会员 歌曲管理 添加歌曲$(“#password“).css(“
22、border-color“,“#666 #ccc #ccc #666“);$(“#nickname“).css(“border-color“,“#666 #ccc #ccc #666“);$(“#email“).css(“border-color“,“#666 #ccc #ccc #666“);if(username=“)$(“#username“).css(“border“,“1px solid red“);$(“#msg_username“).text(“请输入正确的账号！“).css(“color“,“red“);return false;else if(len(username)16)
23、$(“#username“).css(“border“,“1px solid red“);$(“#msg_username“).text(“账号限制 4-16 位！“).css(“color“,“red“);return false;else if(/.*u4e00-u9fa5+.*$/.test(username) $(“#username“).css(“border“,“1px solid red“);$(“#msg_username“).text(“用户名不允许中文注册！“).css(“color“,“red“);return false;else if(isID(username)=f
24、alse)$(“#username“).css(“border“,“1px solid red“);$(“#msg_username“).text(“用户名不允许特殊字符！“).css(“color“,“red“);return false;else if(password=“)$(“#password“).css(“border“,“1px solid red“);$(“#msg_pass“).text(“登陆密码不能为空！ “).css(“color“,“red“);return false;else if(len(password)16)$(“#password“).css(“borde
25、r“,“1px solid red“);$(“#msg_pass“).text(“登陆密码限制 4-16 位！“).css(“color“,“red“);return false;else if(nickname=“)$(“#nickname“).css(“border“,“1px solid red“);$(“#msg_nichen“).text(“昵称不能为空！“).css(“color“,“red“);return false;else if(email=“)$(“#email“).css(“border“,“1px solid red“);$(“#msg_email“).text(“邮
26、箱不能为空！“).css(“color“,“red“);return false;else if(isEmail(email)=false)$(“#email“).css(“border“,“1px solid red“);$(“#msg_email“).text(“邮箱格式错误！“).css(“color“,“red“);return false;););function len(s) var l = 0;var a = s.split(“);for (var i=0;i/“ class=“网站首页query($sqlw);$num=$db-num_rows($rs);$nums=5;if(
27、$numfetch_array($rs);echo .$row“CS_Name“.;? 会员中心（2）首页模块：本模块中主要是分为导航条、用户登录或者注册、管理员登录、搜索、歌曲排行情况、图片轮播、主要歌曲分类展示。在图片轮播处每次点击一张图片都会进入到相应的音乐网站试听模块，而在图片轮播的下方是各种音乐分类的一些推荐歌曲，用户可以点击进去进行试听或者下载。图片轮播代码如下：var box =new PPTBox();box.width = 688; /宽度box.height = 308;/高度box.autoplayer = 3;/自动播放间隔时间/box.add(“url“:“图片地址
28、“,“title“:“悬浮标题“,“href“:“链接地址“) box.add(“url“:“csdjcms:tempurlimages/pic/1.jpg“,“href“:“http:/ 广告 1“) box.add(“url“:“csdjcms:tempurlimages/pic/2.jpg“,“href“:“http:/ 广告 2“)box.add(“url“:“csdjcms:tempurlimages/pic/3.jpg“,“href“:“http:/ 广告 3“) box.add(“url“:“csdjcms:tempurlimages/pic/4.jpg“,“href“:“htt
29、p:/ 广告 4“)box.add(“url“:“csdjcms:tempurlimages/pic/5.jpg“,“href“:“http:/ 广告 5“)box.show();（3）音乐分类模块：每个音乐模块都有相对应的自己的子模块，用户可以根据自己喜欢的模块快速的选择自己喜欢的音乐进行试听或者下载，而且还可以看到每首歌的收听率和排行榜。（4）歌曲播放模块：当用户点击歌曲时，会跳转到另一个页面进行歌曲的播放，而实现歌曲播放是由 javascript 语言实现的。（5）音乐收藏模块：当用户在页面上看到喜欢的音乐想进行收藏时，只需要点击歌曲后面的收藏符号（+）便可以对歌曲进行收藏。其代码如下：
30、 $db-query($sqldt);exit(Msg_Error(恭喜您，收藏歌曲.$rowCS_Name.成功。,window.close(););elseexit(Msg_Error(抱歉，收藏歌曲.$rowCS_Name.失败。,window.close(););elseexit(Msg_Error(出错了，你收藏的数据不存在。,window.close(););（6）搜索模块：用户可以更具自己喜欢的歌曲在本网站进行搜索，方便快捷。（7）留言板模块：用户可以对试听过的音乐留言，并可以进行评论的添加。留言板代码如下：if($cs!=gbook) exit(Msg_Error(后缀参数错误
31、,不是有效的后缀!,?cs=gbook.html);if(isset($_COOKIE“cs_name“)$mname= $_COOKIE“cs_name“;else$mname= 游客;$Gbook=“var cs_path=“.CS_WebPath.“;getbooklist(1);加载留言内容,请稍等你的网名：声明：您如果有什么建议或意见请在这里给管理员留言 您所发的信息不能触犯国家法律否者您需对自己言行负全部责任！“.$codehtml.“（8）会员模块：在这个模块中，会员可以看到自己的相关信息，还可以进行发自己的心情或者微博，还可以在浏览框里看到自己或者别人或者整个网站的一些信息，这
32、样方便用户之间的交流，也可以很快的了解网站里的实时动态。3.3.2 后台功能介绍（1）管理员模块：本模块分为后台用户和添加用户，管理员可以看到自己的子管理员有多少好，还有子管理员的每天操作记录，看子管理员的登录次数多少，方便了解子管理员对网站的负责程度。而添加用户是赋予给管理员的一项特殊权限，就是网站的管理员觉得自己的工作比较繁重，可以通过后台的添加而拥有自己的子管理员而不需要在数据库里添加子管理员，方便管理员管理和操作，节约时间，提高管理强度。（2）音乐模块：本模块分为音乐列表和添加音乐，音乐列表中是展示前台所展示的所有音乐，管理员可以在后台更改一些关于音乐的信息，也可以将一些比较不受喜欢的
33、歌曲进行删除。在添加音乐页面上管理员可以添加音乐，包括设置名称、上传音乐相关的图片、设置上传的音乐类型等等。添加音乐下的音乐分类代码如下：音乐分类选择分类query($sqlclass);if($results)while ($row3=$db-fetch_array($results)if($row3CS_ID=$Arr3)echo “.$row3CS_Name.“;elseecho “.$row3CS_Name.“; $sql2=“select * from “.Getdbname(class).“ where CS_FID=“.$row3CS_ID.“; $class2=$db-quer
34、y($sql2); if($class2) while($row2=$db-fetch_array($class2)if($row2CS_ID=$Arr3)echo “ “.$row2CS_Name.“;elseecho “ “.$row2CS_Name.“;? （3）会员模块：本模块分为会员列表和添加会员，这个模块是为了方便管理员管理前台的用户，对用户的一些信息的录入和修改。 还有就是了解每天的用户量和用户的浏览强度，浏览强度大的话还可以考虑在后期有活动时针对这些浏览量大的用户给予优惠。4 数据库的分析与设计4.1 数据库分析本网站的数据库表主要分为以下几个方面：（1）用户数据表：存储注册用
35、户有关数据如（用户名、用户登录的 IP，用户登录的次数等），还包括注册用户信息数据表，用户登录账号管理存储表。（2）管理员数据表：管理管理员的相关数据和信息。（3）歌曲数据表：管理歌曲的相关信息，包括歌曲的上传情况，收藏情况、播放次数等等。4.2 数据库设计根据网站的需求，我建立了以下一些主要数据表：管理员数据表（CS_admin）、用户数据表（CS_user）、歌曲分类表（CS_class）、歌曲播放表（cs_dance）、收藏表（CS_down）、标签分类表（CS_tags）等等。（1）CS_admin（管理员表），此数据表是专为管理网站后台的人员创建的表，用于存储管理员的信息，其中还设置
36、了管理员的权限，管理员可以在网站后台修改信息。包括编号（ID），管理员名称（adminname），密码（adminpassword），登陆次数（loginnum）等。（2）CS_user（会员表），此数据表是专门存储在本网站注册的会员，方便会员的下次登录。包括会员编号（ID）,会员昵称（name），用户密码（password）,用户IP（LogIP）等等（3）cs_tags（标签分类表）。此数据表前台中展示的标签分类，这个方便用户选择自己喜欢的歌曲类型，方便快捷。包括分类编号（ID）,歌曲名称（name），歌曲类型编号（CID）。以下是一些关于数据流的定义：表 4-1 数据元素定义数据元素编号
37、数据元素名别名 数据类型 长度 取值范围及精度使用说明A-001 Id 无 Int 4 数字 内部标识A-002 Name 管理员帐号Varchar 50 字符 管理员登陆账号A-003 Password 密码 Varchar 50 字符 管理员登陆密码数据元素编号数据元素名别名 数据类型 长度 取值范围及精度使用说明A-004 Useraccount用户帐号 Varchar 50 数字或字母用户使用唯一标识A-005 Username 用户昵称 Varchar 50 数字或字母登陆后显示的昵称A-006 Password 密码 Varchar 50 数字或字母登录密码A-011 Musicn
38、ame 音乐名 Varchar 50 字符 音乐名称A-012 Musictypee类型 Varchar 50 字符 音乐类型A-013 Pubyear 发行时间 Datetime 8 时间 音乐发行时间A-014 Playnum 播放次数 Int 8 数字 人气判断依据A-016 Uploader 上传者 Int 4 数字 外键A-017 Uploadtime上传时间 Datetime 8 时间 自动生成A-018 Storeaddress上传地址 Varchar 50 字符 记录音乐存放位置表 4-2 数据结构定义编号 数据结构名称 别名 数据结构组成 使用说明B-01 管理员信息 Adm
39、inuser Id + name + password 管理员登录信息表B-02 用户信息 User id + useraccount +username + password + sex + email + userleave +tag表示说明用户的个人信息B-03 音乐信息 class Id + musicname + musictype + pubyear + playnum + musiclocale 记录音乐的详细信息编号 数据结构名称 别名 数据结构组成 使用说明+uploader +Uploadtime + tag + player表 4-3 数据结构定义编号 处理名称 输入流流
40、的名称输出流流的名称处理逻辑(或加工步骤) 使用说明P0D-01注册 用户帐号+用户昵称+密码用户信息表 1.基本信息手工输入2.编辑用户信息3.将信息存入数据库4.可以提供登录信息提供用户注册功能以便成为会员P1D-02登录 用户帐号+用户密码、管理员帐号+管理员密码用户信息、管理员信息或 C-01、C-021.手工输入用户名和密码2.后台查找进行匹配3.匹配成功后，完成登陆用户或管理员登陆后进行操作P3.1D-04音乐上传音乐名称+出品人+歌曲类别+发行时间音乐信息表 1.基本信息手工输入2.编辑用户信息3.将信息存入数据库4.可以音乐查找信息将自己的拥有的音乐上传后与大家分享P3.3D-
41、05音乐搜索音乐名称或歌手名或按类别、地区音乐列表 1 输入歌手名或音乐名称2.或点击选择不同的曲风、地区3.后台进行关键字匹配4.输出查找的的音乐通过搜索找到喜欢的音乐P12 评论管理对音乐的评论内容评论信息 1.用户试听音乐2.手动输入评论信息3.将信息存入数据库4.可以提供评论信息的查看对音乐进行评论5 网站调试5.1 网站调试准备为了能够使网站存在的缺陷显现出来，网站测试将是最好的策略。在网站详细设计完成之后，有必要对网站进行测试。测试之前需要先配置服务器，包括 web 服务器的安装、启动和配置。将相应的文件夹和数据库文件拷贝至服务器上。5.2 网站调试过程系统测试主要完成以下模块的测
42、试：管理员和用户登录，在线听歌，下载歌曲，收藏歌曲，留言板，发表动态，管理员添加音乐。用户登录模块和管理员登录模块：打开登录页面，输入账号和密码，看看是否能等进去，如果用户名或者密码输错时，看看能不能弹出出错的对话框。在线听歌模块的测试：打开网站主页，首先对音乐列表中的音乐进行试听，看看能不能播放网站上的歌曲。下载歌曲模块的测试：进入网站中分类的各个歌曲模块依次对网站提供的下载歌曲的链接进行测试，看看能不能正常下载歌曲。收藏歌曲模块的测试：进入网站中分类的各个歌曲模块依次对歌曲进行收藏，看看能不能正常收藏歌曲。留言板模块的测试：在网站主页点击进入意见留言模块，进行留言板功能的测试，填写留言的信
43、息，点击我要留言，看看能不能正常对网站进行留言。发表动态模块的测试：进入会员中心，在发表微博中输入文字，然后点击发表，看看能否发表成功。管理员添加音乐模块测试：进入后台音乐模块，点击添加音乐，输入相应的信息，上传音乐文件，看看能否上传成功。5.3 网站调试结果在测试的过程中，网站基本实现了预期的功能要求，管理员和用户登录，在线听歌，下载歌曲，收藏歌曲，留言板，发表动态，管理员添加音乐。可见悦阁音乐网站大体能够正常的运行。5.4 网站存在的不足5.4.1 主页播放列表无法运行在网站的主页中，我设计了一个播放的列表条，但是由于能力的限制无法将歌曲同步到列表条中的列表小窗口，只能实现当歌曲播放后会改
44、变播放条的样式却无法实现在播放条中选择歌曲进行播放。5.4.2 MV 无法进行播放在网站中管理员通过后台上传音乐视频，在前台进行播放时，无法将上传的视频进行播放，只能上传歌曲的形式进行播放。我通过改变视频上传时候的播放界面也无法进行播放，检查了代码和播放器也没有什么问题，由于时间的关系没有深入的进行研究，只能在后续的过程中进行整改和检查，看是否哪里出现问题或者时由于技术能力还不够有待加强。5.4.3 网站的一些界面不够充实网站的网页大致已经成型，虽然所该有的都有了，但是相对于别的网站而言还是存在很多不做，例如点击歌曲进行播放时，在歌曲播放页面上会觉得下方界面相对空旷，需要添加一些与歌曲相关的界
45、面（如：评论）让其看起来更加充实。这就需要我深入学习和研究这部分的知识。对网页进行整改和完善。5.4.4 留言板界面不够美观网站的留言板是我根据网上的一些教程还有书本的知识进行制作的，页面很简单，布局存在一些小问题，而且很多小的设置也没有添加，只是实现了一个留言的效果，这有待我在接下来的时间里继续进行研究和学习，完善留言板界面，也让功能更齐全，让网页看起来更好看。5.4.5 后台无制作留言板管理在网站的后台中由于时间和技术的限制，没有制作一个关于前台用户的留言管理的界面，这样导致了管理员无法及时了解用户对网站的建议，及其用户的需求，这需要我后续继续学习和完善网站关于这部分的知识。参考文献1 周玲艳 张希.网络数据库技术应用.北京市:机械工业出版社,2008.82 李宝敏.动态网站设计与开发实用教程.北京市:清华大学出版社,2012.13 黄缙华.MySQL 入门很简单.北京市:清华大学出版社,2011.14 马忠超.零基础学 PHP.北京市:机械工业出版社,2008.35 郑海生.零基础学 PHP+MySQL.北京市:机械工业出版社,2009.46 鲁晓东.JSP 软件工程案例精解M.北京：电子工业出版社，2005.97-1057 王国辉 李立文 杨亮。JSP 数据库系统开发完全手册.北京：人民邮电出版社，2009
