基于web在线音乐网站的设计与实现.docx

1、基于 WEB 在线音乐网站的设计与实现摘要：在这个飞速发展的社会，为了满足人们对与日俱增的经济文化交流，网络已经 成为各行各业必不可少的重要组成部分，改善了人们的出行、交流、购物、休闲娱乐方式， 做到足不出户便知天下事。基于 WEB 在线音乐网站的设计与实现，正是人们日常生活与网络互联网之间的紧密联系的体现。本文主要论述了在线音乐网站的开发过程，对该网站系统结构、系统的功能设计做了比较全面的阐述，在这个系统中综合运用学到的知识，网页界面以JS 作为页面载体，后台数据库使用 MySQL，从实用性出发，使页面具有操作方便、页面简洁等特点。关键词：音乐网站；JS；数据库Abstract：In the

2、 rapid development of society, in order to meet peoples growing economic and cultural exchange, and network have become an indispensable important part of all walks of life, improve the peoples travel, communication, shopping, leisure, entertainment, do never leave home will know whats going on in t

3、he world. The design and implementation of music WEB site is the embodiment of the close connection between Peoples Daily life and the Internet.This article mainly discusses the development process of online music website, systemstructure, system function design of the site to do a more comprehensiv

4、e description of the integrated use of knowledge in this system, web interface to the JS page as the carrier, background database using Mysql, starting from the practical, make the page has the characteristics of easyoperation, simple page.Key words: music website; The JS; The databaseII目录摘要IAbstrac

5、tI目录II1 绪论11.1 课题研究背景11.2 课题研究现状分析11.3 课题研究目的12 技术介绍22.1 HTML 介绍22.2 Apache 介绍22.3 MySQL 介绍23 架构设计33.1 系统功能模块设计33.1.1 前台功能模块描述：43.1.2 后台功能模块描述：43.2 系统用例分析43.3 系统功能流程图53.3.1 用户功能流程图63.3.2 管理员功能流程图63.4 数据库设计73.4.1 数据库设计概述73.4.2 数据库表84 网站系统实现94.1 网站首页104.2 用户模块104.2.1 用户注册、登录104.2.2 音乐试听114.2.3 个人中心124

6、.2.4 添加歌曲124.2.5 修改资料134.2.6 更改密码134.3 管理员模块144.3.1 后台首页144.3.2 会员管理144.3.3 音乐管理154.3.4 数据管理15总结171 绪论1.1 课题研究背景随着互联网在中国的发展，当今中国已经进入了信息时代，很多传统的信息传播都已经落后，网络成为了人们高效获取信息的必备选择，作为一个方便、快捷的信息传递方式被人们所青睐。而Web 技术可以提供一个可以突破时空局限、交流各种信息的互动平台，让使用者不管在什么地方，只要有网络的存在，就能够共享人们的集体智慧。为了满足人们对美好生活的向往，为我们的生活增添色彩，在线音乐网站应运而生，

7、满足人们对各种音乐追求。在线音乐网站具有互动性、实时性、数字化早已成为人们娱乐的浪潮，通过网上查询信息、试听、下载CD 的交易已成为一种时尚。因此，在线音乐网站的建设具有更加重要的意义，它提供更加便捷的交互式分享免费音乐，使人们能在线欣赏不同风格、不同国家的歌曲，实现资源共享。1.2 课题研究现状分析中国互联网络信息中心（CNNIC）在京发布第 41 次中国互联网络发展状况统计报告，截止2017 年12 月，我国网民规模达到7.72 亿，普及率达到55.8%， 超过全球水平（51.7%）4.1 个百分点，在中国网民规模继续保持稳点增长，互联网模式不断创新、线上线下服务融合加速以及公共服务线上化

8、步伐加快，这表明， 网络已成为一个主要的媒体，信息传输网络已涉及到每一个我们生活的角落，同时网络资源的获取已逐步改变人们以往的生活方式，随着全面建成小康社会的目标的实现，互联网也在逐渐普及，网民数量的增加，音乐网站在中国异军突起。人们通过互联网聆听喜欢的音乐，让人们闲暇之余进行休闲娱乐。1.3 课题研究目的本网站设计的目的是通过音乐网站提供人们搜索音乐，欣赏音乐，以及发表个人的想法，从而给个人带来方便，用户可以在浏览过程中，实现和本网站的信第 17 页（共 19 页）息交互，提供良好的用户体验。2 技术介绍2.1 HTML 介绍HTML（HyertextMarkulaguage），中文全名为超

9、文本标记语言，是有 W3C 组织建立，现在已经发展到 HTML5 版本。HTML 的工作原理：由 W3C 制定一套显示网页的标准，当打开一个网页，HTML 代码会被浏览器解析成可视化界面，然后显示在浏览器上。纯 HTML 的网页界面很明显满足不了时代的发展，HTML 常常使用 div+css控制界面的样式、形状，这样提高了代码的使用率，减轻开发人员的负担，但是这样的网页是完全静止的，无法跟用户形成互动，所以需要加入JavaScript 脚本语言实现动态网页，才能跟用户互动。本系统的前台大部分是采用 HTML 融合div+CSS 的界面设计。2.2 Apache 介绍Apache HTTP Se

10、rver （简称 Apache），它是 Apache 软件基金会的开源 web 服务器，它可以在大多数计算机操作系统中运行。由于它的多个平台和安全性， 它是最流行的 Web 服务器软件之一。它是快速、可靠的，并且可以通过简单的API 扩展编译成 Perl/Python 和其他解释器到服务器。Apache web 服务器,用你自己的语言的功能是接受用户的请求,如我们登录一个网站、浏览器发送请求到 web 服务器,Apache 接受请求和访问数据,然后返回给用户，也就是说，就是你将网站放在上面架设好，外界就可以访问了。从功能上来说，有以下基本功能：基本网页、个人主页、虚拟主机、网页认证。2.3 M

11、ySQL 介绍MySQL 是一种开放源代码的关系型数据库管理系统，因为它所具有的速度、可靠性、适应性而备受广大开发者使用。设计一个完整的数据库的过程需要经历数据库的建立、数据库的设计、数据库的组建、对数据库的调试和测试过程。数据库开发技术和软件系统开发是完全不同的。数据库的开发过程是一个综合了许多学科的技术，是一个研究和分析软件系统的数据结构和各种关系的过程。因此，数据库开发是一项非常重要的技术。数据库开发最重要的方面是研究数据库是否能够高效运行。在数据库的设计过程中，开发数据库是一套数据库设计规范。一般数据库的设计要求必须达到第三范式的标准。让数据库中的数据具有良好的结构，并在增加数据库数据

12、的过程中产生非常少的冗余数据。这个过程是为了确保设计的数据库是完整的、安全的和高效的，通过合理和出色地设计数据库表、视图、触发器和其他基本的数据库组件。3 架构设计本音乐网站由两部分组成，分别为前台管理模块和后台管理模块。用户在登录后可以看到最新上传的音乐，还可以搜索自己喜欢的音乐，查看添加评论。管理员登录后，可以查看用户上传的音乐，还可以对用户以及自己上传的音乐进行管理，对音乐进行增加和删除。3.1 系统功能模块设计3.1.1 前台功能模块描述：图 3-1系统功能模块图（1） 注册、登录页面：游客通过填写相关的注册信息，完成注册后登录帐号和密码，以到达浏览网站的信息资料。（2） 首页页面：在

13、这里用户可以对本网站的信息进行浏览，以及试听本网站的音乐和搜索自己想听的音乐。（3） 音乐盒：用户在此模块可以进行试听音乐、留言评论以及把该音乐添加到收藏夹。3.1.2 后台功能模块描述：（1） 登录页面：用来管理员登录管理网站。（2） 用户管理：可以对注册过的用户进行删除。（3） 音乐管理：对一些不合法的、不雅的音乐进行删除，也可以上传音乐。3.2 系统用例分析系统用例图用能直观表示网站用户和系统的交互过程，用例图能清楚的表示网站系统中的相应的功能。图 3-2用户用例图图 3-3管理员用例图3.3 系统功能流程图流程图用来表示以用户和管理员身份登录网站后对网站功能的应用。3.3.1 用户功能

14、流程图会员身份通过注册、登录音乐网站，经过数据库身份验证，验证成功后页面跳转到音乐网站主页，此时可以使用该网站为用户提供的功能，具体流程如下图所示：图 3-4用户操作流程图3.3.2 管理员功能流程图以管理员身份通过登录音乐网站后台，进入到功能页面，可以对会员用户以及音乐进行管理，具体流程如下图所示：3.4 数据库设计图 3-5管理员操作流程图在网站系统的设计中，数据库的设计占着重中之重的作用，关系着用户信息、音乐信息的存取。网站要做到动态显示，数据库就必须做到完善，一个好的数据库的创立也方便了后期对网站进行管理。3.4.1 数据库设计概述数据库旨在满足用户的需求，在使用者所提供的应用程序环境中，构造出最适合使用者操作的数据库模式，并建立了数据库。为数据库应用程序开发人员提供了计算机信息交流的关键信息存储机制，也就是，作为数据库管理系统，系统软件和相关硬件系统来使用，该用户的要求将被计算机翻译成对应的数据结构， 数据库结构容易实现为新进程的用户需求。而用于特定的应用环境数据库设计和提供一种数据模型，并确定了数据库存储结构的物理设计和访问方法，将用户的需求在数据库中用数据结构体现出来，在通过创建主键外键，增加表之间的约束关联，使整个数据库串联起来，用户的需求就能通过数据库得到相应的回应。数据库设计总的 E-R 图如下所示：