毕业论文：音乐排行榜网站设计.doc

《毕业论文：音乐排行榜网站设计.doc》由会员分享，可在线阅读，更多相关《毕业论文：音乐排行榜网站设计.doc（28页珍藏版）》请在三一办公上搜索。

1、毕 业 论 文论文题目： 音乐排行榜网站设计 内容摘要本文所开发的就是一个基于CMS技术的音乐排行榜网站的设计和实现。该网站主要由两大模块组成：前台展示模块和后台管理模块。前台模块，主要是提供各种音乐的展示，可以在线试听，查看各种歌曲、查看各类的歌手。而后台模块主要是对该网站的音乐信息进行及时的更新，比便提供最新的音乐信息。另外后台模块实现了一些其它功能，如用户的注册和登陆，在线留言，联系我们。本网站是以PHP作为服务器端脚本搭载在Apache上，结合MySQL数据库，执行PERL这种方法制作而成。本站界面友好，与目前市场上的主流音乐网站大体一致，而且操作更加简单，减少了用户学习、使用本网站的

2、额外负担。本文通过网站概述、网站分析、网站设计、网站实现，详细的说明了网站的开发过程，最后并对整个网站开发过程进行了总结。关键词 CMS 音乐排行榜 Apache MySQLAbstractDeveloped by this article is a technology based on the CMS web site design and implementation of the music charts. The site is mainly composed of two modules: foreground display module and background manag

3、ement module. Front desk module, main show is to provide all kinds of music, can listen online, see all kinds of songs, find all kinds of singers. And backstage module mainly is music to the website information update in time, than will provide the latest music information. Additional background mod

4、ule implements some other function, such as user registration and login, online message, contact us.This web site is PHP as a server-side script to carry on the Apache, combine myself database, and perform the PERL produced by this method. Site friendly interface, and is broadly in line with a mains

5、tream music site on the market at present, and the operation more simple, reduce the extra burden of user study, the use of this web site. Overview based on the web site, web analytics, web design, web site, detailed description of the sites development process, and finally to the whole website deve

6、lopment process is summarized.Key Words CMS music chart Apache MySQL目 录1前 言11.1课题研究的目的11.2课题研究的意义11.3音乐网站存在的问题12网站环境22.1选用软件22.2 选用的建站工具22.3搭建服务器环境33 网站开发技术93.1 PHP技术93.2 后台数据库MySQL简介104网站设计114.1后台管理模块程序流程114.2 前台管理模块程序流程114.3 前台界面的设计124.4后台管理界面的设计145网站实现155.1音乐排行榜网站的前台155.2音乐排行榜网站的后台20注 释23参考文献24致

7、谢251前 言随着社会的发展时代的进步，IT行业的发展也日新月异，对人类的生产和生活方式产生很大影响。网络传播以其特有的快速、高效、便捷的传输方式被人们所接受，越来越多的走进千家万户。并且在当今娱乐浪潮的影响下，网络音乐事业逐渐走向高潮，无论音乐的数量还是种类都在飞速增长。如何让用户快速找到自己自爱的歌曲类型，并能找到这种类型歌曲新近的排行情况？打开某些大型音乐网站只有音乐分类，并没有按照分类进行排行榜的设计。由此看见，这些导致网友不能快速的了解当前最新最热的歌曲，因此制作一个实现此功能的音乐排行榜是非常必要的。1.1课题研究的目的让用户可以快速找到自己喜欢的歌曲类型，并且能便捷的找到这个歌曲

8、新近的排行情况，节省网友的查询时间，提高网友的娱乐时间的效率。为各位网友提供一个更精彩的音乐平台。 1.2课题研究的意义之所以对音乐进行排列，制作音乐排行榜试因为她具有一定的时效性。能够为网友提供当前的音乐排名，获取最新最热的音乐更加的便利。音乐排行榜所具有的时效性正式当前的网友们所需求的。音乐排行榜在创作、传播、欣赏方式等方面对音乐的发展都产生了前所未有的影响：1.电脑网络技术的发展使人们通过音乐排行榜网站接触到了更多的最新最热的流行音乐。2.网民数量的激增使更多的人们通过音乐排行网站了解到了流行音乐。3.音乐排行网站为刚刚发售的新歌提供了更好的平台。4.音乐排行榜网站刺激了各种流派音乐的传

9、播。5.音乐网站使各种类别各种流派的音乐的在欣赏方式上发生了很大的改变。1.3音乐网站存在的问题音乐排行榜网站的目标是为用户提供更新的音乐信息，同时快速、便捷地查询歌曲。但是随着网络技术的发展，人们知识水平的不断提高，音乐排行榜网站为了满足广大网友的需要，也需要不断的进步。更多的网友反映娱乐时间很长，都不能了解自己喜爱的歌曲类型的最近排行情况，不能快速的找到自己喜爱的歌曲类型，所以音乐排行榜网站并不是功能越多越好，而是要拥有了广大网友所需求的功能就好，这样就不至于让网友有一种无所适从的感觉，有效的保证了网友娱乐时间的效率。下面来分析一下现在的各个音乐排行榜网站存在的主要问题有：(1) 找歌只能

10、靠输入查找实现，不便于相关性和方便性的查询；(2) 网友不能找到自己喜爱的类型歌曲的最近排行情况；(3) 网友在下载歌曲时不能及时的了解歌曲的类型针对现在的各个音乐排行榜网站以上存在的问题，本文认为需要在以下几个方面开展研究：(1) 在音乐排行榜网站将歌曲进行分类，排序显示，使用户能够快速了解到自己喜爱的类型歌曲的最近的排行情况，快速找到用户所要查询的歌曲；(2) 在音乐排行榜网站内将歌曲进行分类显示，便于用户快速便捷地找到自己喜爱的歌曲类型；(3) 将歌曲分类显示在下载页面，用户下载时就可以知道下载的歌曲的类型2网站环境2.1选用软件开发本网站所使用的软件是Joomla软件系统，下面我们来说

11、说Joomla吧！Joomla是一套在国内外相当知名的内容管理系统，英文名称是Content Management System(CMS)，一般认为，CMS是一种位于WEB前端和后端办公系统或流程之间的软件系统。内容管理解决方案重点解决各种非结构化或半结构化的数字资源的采集、管理、利用、传递和增值，并能有机集成到结构化数据的商业智能环境中，如OA，CRM 等。内容的创作人员、编辑人员、发布人员使用CMS来提交、修改、审批并发布内容。这里指的“内容”包括文件、表格、图片、数据库中的数据甚至视频等一切需要发布到Internet、Intranet以及Extranet网站的信息。网站CMS机构将内容的

12、采集、使用以及管理和复杂的程序设计、网页编辑相分离。当一个用户请求页面时，各部分联合生成一个标准的HTML页面。网站内容管理系统底层的操作系统、Web服务器和数据库软件必须通过中间件对内容管理系统提供支持，现在网站建设中最常用的中间件是ASP、ASPnet、PHP、JSP等。为了隐藏操作系统和各种服务软件的细节，内容管理系统一般采用分层设计的方法，通常分成核心层和功能扩展层。核心层除提供标准的扩展接口外，还提供基本身份认证、数据库管理和应用程序框架等基本功能。功能扩展层构建在核心层之上，利用核心层的扩展接口，开发出针对不同类型应用的插件和模块。用分层设计的思想开发的内容管理系统，前、后台子系统

13、之间耦合度低，可以方便地插拔模块，系统设计思路清晰，便于不同应用模块的修改升级。2.2 选用的建站工具开发本网站所采用的建站工具是XAMPP，下面来说一下这个建站工具！XAMPP是一个功能强大的建XAMPP软件站集成软件包。这个软件包原来的名字是LAMPP，但是为了避免误解，最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris三种操作系统下安装使用，支持多语言：英文、简体中文、繁体中文、韩文、俄文、日文等。XAMPP就是PHP作为服务器端脚本搭载在Apache上，结合MySQL数据库，执行PERL这种方法来制作应用网站。2.3搭建服务器环境1.下载最新的安

14、装包(官方网站，SourceForge)，当前版本集成了apache2.2.6、php5.2.5+PECL、MySQL 5.0.45、Phpmyadmin。2.运行安装包 a)首先会弹出一个“重要提示”，告诉你，“不要重复安装XAMPP，如果之前安装过XAMPP，那么安装之前，请保存数据，卸载XAMPP并删除xampp目录”。如果是全新安装的话，直接点“是”即可。b) 进入安装向导，该界面提示为便于安装系统更新文件，需要在安装前关闭其他应用程序，单击“NEXT”按钮继续，这里点击【next】进行下一步即可。如图2-b所示：图2-b安装向导c) 设置XAMPP安装目录，为兼容大部分Windows

15、操作系统，可以默认目录为“C：xampp”或“D：xampp”都是不错的选择。如图2-c所示，单击“Next”按钮，进入XAMPP设置界面。图2-c选择XAMPP安装目录d)设置XAMPP。设置界面包含“生成桌面快捷图标”、“加入开始菜单”、“安装Apache服务”、“安装MySQL服务”、“安装Filezilla服务”选项，如图2-d所示，本例选中了“生成桌面快捷图标”、“加入开始菜单”两选项，单击“Install”按钮进入文件解压安装。图2-d XAMPP设置界面e)文件解压。安装该步XAMPP系统进行文件解压安装，如图2-e-1所示，“Next”按钮变灰不可单击，安装完毕后，状态变为可击

16、，可单击进入下一步。“Back”为返回上一步，“Cancel”则为取消安装。在该步中会弹出一个DOS命令提示窗口提示，如图2-e-2所示，该提示说明系统安装正常。图2-e-1 XAMPP解压安装文件图2-e-2 XAMPP提示窗口f)XAMPP安装向导结束文件解压安装完毕后，XAMPP安装向导结束提示系统安装成功，提示如图2-f-1所示，单击“Finish”按钮完成安装。图2-f-1XAMPP安装完毕提示单击“Finish”按钮后，XAMPP弹出对话窗口，询问是否需要开始XAMPP控制面板进行设置，单击“是”进行快速设置，否则单击“否”退出，如图2-f-2所示：图2-f-2 XAMPP快速配置

17、提示3. XAMPP系统快速设置安装过程结束后，首先使用XAMPP控制面板来“启动/停止” Apache、MySQL服务。启动后的控制面板如图3所示：图3 XAMPP控制面板4. 启动Apache从图3中可以看到，Apache和MySQL均为停止状态。单击Apache后“start”按钮。Windows系统防火墙提示是否允许访问，选择“允许访问”。5. 启动MySQL单击MySQL后“start”按钮。Windows系统防火墙提示是否允许访问，选择“允许访问”。6. 创建音乐排行榜的数据库 单击控制面板中Apache后“Admin”按钮，系统会打开默认浏览器，进入XAMPP管理界面语言选择页，

18、如图6-1所示，单击语言选择“中文”选项进入中文管理界面。图6-1 XAMPP管理界面语言选择页中文界面里集成了三类工具，包括XAMPP系统信息、第三方程序演示、XAMPP中的PHP管理工具。单击“工具phpMyAdmin”进入用PHP编写的MySQL管理软件phpMyAdmin，如图6-2所示：图6-2单击XAMPP界面phpMyAdmin链接在phpMyAdmin界面“创建一个新的数据库”下文本框中填入“paihangbang”创建音乐排行榜的数据库，库名为“paihangbang”。单击“创建”按钮提交创建，如图6-3所示：图6-3 phpMyAdmin界面创建joomla数据库提交请求

19、后，phpMyAdmin跳转到该数据库管理页面，系统在右侧页面中提示“数据库paihangbang已经建立”，代表数据库创建操作成功。左侧创建数据库的数据表列表，由于刚创建的数据库为空，则左侧列表只出现“paihangbang”数据库名，如图6-4所示：图6-4 joomla数据库管理页面7现在我们就拥有了一个完成的PHP+MySQL运行环境，为进行后面的音乐排行榜网站的创建提供了一个基础运行环境。3 网站开发技术3.1 PHP技术PHP是一种跨平台的服务器端的嵌入式脚本语言，可以编译成具有许多数据库相连的函数，还可以自己编写外围的函数间接存取数据库，支持UNIX、Linux、Windows

20、NT等多种服务器系统，可移植性好，但是目前UNIX、Linux系统是少数专业技术人员的专利，Linux系统的可操作性差及其源代码公开技术使得其产品市场相对无序和混乱，从而影响了它的普及，因此PHP技术是一种过渡型技术。它的弱点是提供的数据库接口支持彼此不统一。其实我们可以从下面几个方面更全面的了解PHP技术（1）跨平台性：PHP语言可以运行于Linux、FreeBSD、Solaris Unix、AIX、Darwin、Windows等多种操作系统。（2）数据库支持：PHP支持多种主流与非主流的数据库，如：DBA、dBase、Informix、MySQL、Microsoft SQL Server、

21、Solid、Sybase、ODBC、oracle、oracle 8、等。（3）安全性：加密支持，PHP4实现了完整的加密, 这些加密功能是一个完整的mycrypt库，并且 PHP 4.0 支持哈希函数。Blowfish，TripleDES,MD5,并且SHA1 也是。（4）扩展性：扩充了API 模块;另外，PHP属于开源软件，其源代码完全公开，任何程序员为PHP扩展附加功能非常容易使PHP有很好的发展空间和扩展性。（5）执行速度快：PHP是一种强大的CGI脚本语言，语法混合了C、Java、Perl和PHP式的新语法，执行网页比CGI、Perl和ASP更快，这是它的第一个突出的特点;内存方面，P

22、HP 4.0 能更有效的使用内存, 导致较少的内存占用消耗,这主要归功于引用计数技术的实现。（6）可移植性：PHP 写出来的 Web 后端 CGI 程序，可以很轻易的移植到不同的操作系统上。例如，先以 Linux 架的网站，在系统负荷过高时，可以快速地将整个系统移到 SUN 工作站上，不用重新编译 CGI 程序。（7）功能全面性。从对象式的设计、结构化的特性、数据库的处理、网络接口应用、安全编码机制等，PHP几乎涵盖了所有网站的一切功能。（8）可伸缩性。传统上网页的交互作用是通过CGI来实现的。CGI程序的伸缩性不很理想，因为它为每一个正在运行的CGI程序开一个独立进程。解决方法就是将经常用来

23、编写CGI程序的语言的解释器编译进web服务器，PHP就可以以这种方式安装。内嵌的PHP可以具有更高的可伸缩性。（9）要发挥php语言的优势，Linux+Apache+MySQL+PHP.被称为“黄金组合”。（10）国内排名前十名的网站中使用PHP的有8家：百度、腾讯网、新浪、搜狐、网易、淘宝、雅虎中国、Tom在线，易趣。国内近两年新推出的web2.0网站中，有80%使用PHP开发。3.2 后台数据库MySQL简介MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是

24、开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。下面我们来说下Myself的特性：1.使用C和C+编写，并使用了多种编译器进行测试，保证源代码的可移植性 2.支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OS/2 Wrap、Solaris、Windows等多种操作系统 3.为多种编程语言提供了API。这些编程语言包括C、C+、Eiffel、Java、Perl、PHP、Python、Ruby等。4.支持多线程，充分利用CPU资源 5.优化的SQL查询算法，有效地提高查询速度6.既能够作为一个单独的应用程序

25、应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名7.提供TCP/IP、ODBC和JDBC等多种数据库连接途径8.提供用于管理、检查、优化数据库操作的管理工具9.可以处理拥有上千万条记录的大型数据库4网站设计4.1后台管理模块程序流程该程序图描述了后台管理员对网站的管理。音乐排行榜网站后台的首页是否为管理员否网 站 前 台分 类 的 管 理单 元 的 管 理歌曲和歌词的增删改改 改模块的安装和管理组件的安装和管理菜单的创建和管理是管理员通过创建分类，单元从而将歌词和

26、歌曲进行修改，排序，分类和排序。具体的添加功能是通过本地浏览把歌曲上传到网站；修改歌曲信息或者修改删除点击率较低的歌曲等功能。另外管理员还可以自行安装一些模块，例如本网站的歌手幻灯片就是通过安装模块实现的。流程如图4-1所示图4-1后台管理程序主要流程图4.2 前台管理模块程序流程用户可以在网站上查看各类的歌曲，搜索自己喜欢的歌曲，查看当前最热的歌手，注册会员并且登录，在线留言等操作。未注册的游客只能浏览网站，搜索歌曲，听音乐，查看歌词，不能进行其他操作。游客注册成为会员后，就可以在网站上在线留言，下载歌曲等。管理员除了享有普通会员的权限以外，还可以对歌曲进行分类、排列、添加、删除、修改以及上

27、传文件、管理个人资料、修改登录账号和密码等操作。该流程图描述了音乐排行榜网站的整个流程。如图4-2所示：音乐排行榜网站前台的首页注册会员否浏 览 网 站听 音 乐查 看 歌 词搜 索 歌 曲是在 线 留 言下 载 歌 曲图4-2前台管理程序主要流程图4.3 前台界面的设计在这里将前台导航栏划分为首页，排行榜，歌手，分类，下载，联系我们，投票调查七个菜单，如下图4-3所示：音 乐 排 行 榜 网 站 的 前 台 界 面首 页排 行 榜歌 手分 类下 载联 系 我 们在 线 留 言图4-3 前台界面的设计下面是对前台界面各个菜单的描述：（1）首页：在这里我们将首页分为上中下三个部分。上部：右上角是

28、自己设计的带有music英文的LOGO图标，彰显音乐的动感特性。顶部是导航栏，可以查看自己想要查看的网页。导航栏的左下侧是个导航路径，方便用户知道自己所在的位置以及回到首页。导航栏的右下侧是搜索栏，用户可以快速查找到自己喜爱的歌曲，歌手等。中间：即网站的内容部分。在这里把内容部分分为左右两侧。左侧有登陆版块，在线会员统计版块，明星图片随机展示版块，常用菜单版块，最新消息版块等。整个网站游客只能在线听音乐，查看歌曲，明星资料等。但是注册成为会员之后，就可以拥有下载歌曲和在线留言等权限。其次，在线会员统计版块可以清楚地显示当前在线会员的数量，便于用户及时掌握会员的访问量。常用菜单里设置有搜索，投票

29、调查和在线留言功能。用户可以通过搜索快速找到自己想要的歌曲。同时也可以参与投票，便于我们及时的掌握用户对音乐排行榜的满意度，有利于我们对音乐排行榜的改进。会员可以通过在线留言版块，提出自己的建议，使我们的音乐排行榜的改进更有方向性，更好的满足用户的需求。右侧，采用一个幻灯片来展示几位歌手的照片。幻灯片每5秒钟自动转换到下一张，用户也可以通过右下侧的底部按钮来挑选自己喜爱的歌手照片。幻灯片的滚动打造了视觉上的动感。幻灯片的下面展示几篇文章。文章中附有歌手照片，在线播放器，歌词。这样用户就可以实现一边听音乐，一边查看歌手和歌词。同时满足了用户的听觉和视觉，一举两得。提高了用户的娱乐效率。文章的下部

30、，有滚动的新闻，消息没5秒钟自动更换一次，当用户的鼠标指向滚动的新闻时，新闻停止滚动。点击新闻，即可进入查看当前新闻的内容。下部：即音乐排行榜的页脚部分。在这里展示音乐排行榜的版权信息。保留自己的创建权。（2）排行榜菜单：创建了“top榜”“新歌榜”“热歌榜”三个榜单。每个榜单内的歌曲按照当前的用户点击率排列。用户可以通过这三个榜单来了解当前歌曲的信息。（3）歌手菜单：这里创建“飙升”“火爆”“日韩”三个类别。每个类别当中都有相关歌手的文章，点击歌手的姓名即可查看歌手的个人资料和照片。照片的展示采用缩略图的展示风格，用户点击右侧的缩略图，歌手的照片则被放大在左侧供用户查看。改变了以往的普通的查

31、看照片的方法。（4）分类菜单：分成“经典”“校园”“英文”三大类，每个类别当中都有排列有序的歌曲。方便用户找到自己喜欢的类型的歌曲。（5）下载菜单：分为“top榜”“新歌榜”“热歌榜”三个类别，可以从每个类别里下载自己喜爱的歌曲。一般的游客只能查看不能下载类别里的歌曲的列表。这是为了避免资源的浪费，我们添加了权限，只要游客注册成为了会员，就立即拥有下载每个类别的歌曲的权限。（6）联系我们菜单：用户可以查看我们的电话，地址，E-mail。另外，我们还设置有地图，只要用户有网，轻轻一点就可以立即看到我们的位置，便于用户了解我们的地址位置和查询到达我们这里的路线。（7）在线留言菜单：为了保证网站的信

32、息安全，我们设置了权限，一般的游客没办法在网站上留言。一旦注册成为会员后，会出现发表留言的按钮，用户可以通过此模块留下对我们的建议，写下我们的不足，以便于我们对网站做的更好，为广大的歌迷提供更好的服务。4.4后台管理界面的设计为了呈现4-3中的所出现的前台界面，音乐排行榜网站的后台的将分为六个功能模块：如图4-4所示音乐排行榜网站后台管理界面网 站菜 单内 容组 件扩 展工 具图4-4 后台管理界面的设计下面是后台功能菜单的描述：（1）网站模块：包括“控制面板”“用户管理”“媒体管理”“全局设置”“退出登录”五大项。管理户在控制面板里可以管理文章，文类，单元，语言，用户等。管理员通过用户管理可

33、以管理注册的会员账号，启用，删除，会员账号，修改会员的用户组等。在媒体管理里管理上传到数据库上的图片，歌曲，视频等文件。另外，管理员在全局设置里可以对网站，系统和服务器进行设置。（2）菜单模块：管理员在此创建，修改，删除菜单和菜单项目。修改菜单的显示位置，对菜单进行管理。（3）内容模块：在此处创建分类，单元，文章。设置文章的属性。把文章推荐到首页并且进行排版，让文章整齐有序的显示在网站的前台界面。（4）组件模块：这里我们添加了幻灯片组件，歌曲下载组件，在线留言组件，验证码组件，投票调查组件等。这些组件的使用，才使得前台展示的歌曲得以顺利下载，在线会员可以方便的留言等。多个组件的交叉使用，始音乐

34、排行榜网站的前台变得丰富多彩。（5）扩展模块：包括“安装卸载”“模块管理”“模块管理”“插件管理”“”模板管理“语言管理”。管理员通过“安装卸载”安装模板，模块，插件，语言等压缩包。安装成功后，通过“模块管理”“模块管理”“插件管理”“”模板管理“语言管理”这四项启用、关闭模板，模块，插件，语言等，并对这四项进行设置。（6）工具模块：管理员通过工具模块可以编写、阅读站内短信，群发邮件，清空缓存等。5网站实现5.1音乐排行榜网站的前台 5.1.1 音乐排行榜网站的首页音乐排行榜网站的导航栏分为首页，排行榜，歌手，分类，下载，联系我们，在线留言七大类。如图5-1-1音乐排行榜网站首页所示图5-1-

35、1 音乐排行榜网站首页下面我们对首页进行分析：这里我们将首页分为上中下三部分进行分析（1）上部：右上角是自己设计的带有music英文的LOGO图标，彰显音乐的动感特性。顶部是导航栏，可以查看自己想要查看的网页。导航栏的左下侧是个导航路径，方便用户知道自己所在的位置以及回到首页。导航栏的右下侧是搜索栏，用户可以快速查找到自己喜爱的歌曲，歌手等。（2）中间：即网站的内容部分。在这里把内容部分分为左右两侧。左侧有登陆版块，在线会员统计版块，明星图片随机展示版块，常用菜单版块，最新消息版块等。整个网站游客只能在线听音乐，查看歌曲，明星资料等。但是注册成为会员之后，就可以拥有下载歌曲和在线留言等权限。其

36、次，在线会员统计版块可以清楚地显示当前在线会员的数量，便于用户及时掌握会员的访问量。常用菜单里设置有搜索，投票调查和在线留言功能。用户可以通过搜索快速找到自己想要的歌曲。同时也可以参与投票，便于我们及时的掌握用户对音乐排行榜的满意度，有利于我们对音乐排行榜的改进。会员可以通过在线留言版块，提出自己的建议，使我们的音乐排行榜的改进更有方向性，更好的满足用户的需求。右侧，采用一个幻灯片来展示几位歌手的照片。幻灯片每5秒钟自动转换到下一张，用户也可以通过右下侧的底部按钮来挑选自己喜爱的歌手照片。幻灯片的滚动打造了视觉上的动感。幻灯片的下面展示几篇文章。文章中附有歌手照片，在线播放器，歌词。这样用户就

37、可以实现一边听音乐，一边查看歌手和歌词。同时满足了用户的听觉和视觉，一举两得。提高了用户的娱乐效率。文章的下部，有滚动的新闻，消息没5秒钟自动更换一次，当用户的鼠标指向滚动的新闻时，新闻停止滚动。点击新闻，即可进入查看当前新闻的内容。（3）下部：即音乐排行榜的页脚部分。在这里展示音乐排行榜的版权信息。保留自己的创建权。 5.1.2 主菜单中除去首页的其他页面展示排行榜各页面都会随机显示一张歌手的照片，每次点击进入该页面时，显示的图片都会不同。下面就展示一下各个页面的效果：（1）排行榜页面将歌曲分为“top榜”“新歌榜”“热歌榜”三大类，并且根据歌曲当前受欢迎的程度，对每个大类中的歌曲进行排序显

38、示。如图5-1-2 排行榜页面所示图5-1-2 排行榜页面（2）歌手页面：将歌手分为“飙升”“火爆”“日韩”三大类。如图5-1-3歌手页面所示：图5-1-3 歌手网页（3）下载页面：将歌曲分为“新歌榜”“热歌榜”“top榜”排列，供会员下载，如下图5-1-4 下载页面所示图5-1-4 下载页面5.2音乐排行榜网站的后台 5.2.1网站模块网站模块：包括“控制面板”“用户管理”“媒体管理”“全局控制”等，如下图5-2-1所示：图5-2-1 网站模块 5.2.2菜单模块该模块对菜单管理，具体包括创建，修改，删除等。如图5-2-2所示：图5-2-1 菜单模块 5.2.3内容模块内容模块：在此处创建分

39、类，单元，文章。设置文章的属性。把文章推荐到首页并且进行排版，让文章整齐有序的显示在网站的前台界面。如图5-2-3所示剩下的组件模块，扩展模块，工具模块，和以上展示的模块大同小异，大家可以再网站上看到效果，不再一一列出。注 释1戴一波：DreamweaverCS3+ASP动态网站开发从基础实践，电子工业出版社, 1980年4月第1版，第200页。2 张银鹤，张秋香，孙膺：XML实践教程，清华大学出版社， 2007年8月，第107页。3张鑫：外行学网页制作从入门到精通，北京中国青年出版社，第106-139页。4 姜林美，宗杰，徐剑：PHP网络编程，电子工业出版社 2007年6月，第65-100页

40、。5李想：SQL入门经典(Wrox红皮书)，清华大学出版社，2006年，第98-106页。 6明日科技：Javascript开发技术大全，人民邮电出版社 2008年7月，第201-219页。 7张海藩：软件工程导论M，清华大学出版社第四版，2003年12月，第193-278页。8田晓涛：MySQL网络数据库指南M，北京机械工业出版社, 2008年，第89-102页。9攀孝忠，龚元明：计算机应用基础，北京理工大学出版社，第77-80页。10阎静：Dream weaver Mx 2004与ASP动态网页基础与范例，机械工业出版社，2004年9月，第145-156页。11沈一飞：动态HTML，从入门

41、到精通，上海复旦大学出版社，1999年，第213-225页。12 美DAVEY SHAFIK ,MATTHEW WEIER OPHINNEY 等著 周广辉 ,杨建军等译：PHP深度分析（101个核心技巧、窍门和问题解决方法），第256-279页。13张海永，章伟德：精通ASP+XML+CSS网络开发混合编程，电子工业出版社，第106-120页。14田晓涛.：MySQL网络数据库指南，.北京机械工业出版社, 2008年，第99-108页。 15白鉴聪.：PHP编程与实现，机械工业出版社，2001年，第130-156页。参考文献j戴一波：DreamweaverCS3+ASP动态网站开发从基础实践，

42、电子工业出版社, 1980年4月第1版，第200页。张银鹤，张秋香，孙膺：XML实践教程，清华大学出版社， 2007年8月，第107页。张鑫：外行学网页制作从入门到精通，北京中国青年出版社，第106-139页。姜林美，宗杰，徐剑：PHP网络编程，电子工业出版社 2007年6月，第65-100页。李想：SQL入门经典(Wrox红皮书)，清华大学出版社，2006年，第98-106页。 明日科技：Javascript开发技术大全，人民邮电出版社 2008年7月，第201-219页。 张海藩：软件工程导论M，清华大学出版社第四版，2003年12月，第193-278页。田晓涛：MySQL网络数据库指南M

43、，北京机械工业出版社, 2008年，第89-102页。攀孝忠，龚元明：计算机应用基础，北京理工大学出版社，第77-80页。沈一飞：动态HTML，从入门到精通，上海复旦大学出版社，1999年，第213-225页。致 谢光阴似箭，三年的大学生活转眼即将过去。这三年是我人生最重要的阶段。在这期间，我幸运的遇到了许多好老师，在他们的帮助和指导下，我的知识有所进步，这些知识和方法为我日后进一步学习打下坚实基础。在此，我要感激所有教过我，给予我帮助的老师们，正是他们无私奉献精神和诲人不倦的育人态度，才使我顺利成长。感谢大学三年中所有的任课老师，感谢他们对我学习上的帮助和影响，他们特色的教学风格，渊博的专业知识，高度的责任感给我留下深刻印象。感谢大学三年和我一同走过的朋友们，与他们一起学习，生活，让我拥有许多难忘时光。我们共同经历成长中的一点一滴，无论是欢笑还是泪水，我都将铭记一生。本论文是在老师的指导下完成的。老师多次悉心的告诉我论文的提纲、格式、帮助我纠正论文中的不足，帮助我克服了许多困难，使得毕业设计顺利完成。在此，由衷的感谢老师。感谢大学三年在这里度过，它给我留下了最美好的回忆。