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

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

《基于web在线音乐网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《基于web在线音乐网站的设计与实现.docx（19页珍藏版）》请在冰豆网上搜索。

基于WEB在线音乐网站的设计与实现

摘要：

在这个飞速发展的社会，为了满足人们对与日俱增的经济文化交流，网络已经成为各行各业必不可少的重要组成部分，改善了人们的出行、交流、购物、休闲娱乐方式，做到足不出户便知天下事。

基于WEB在线音乐网站的设计与实现，正是人们日常生活与网络互联网之间的紧密联系的体现。

本文主要论述了在线音乐网站的开发过程，对该网站系统结构、系统的功能设计做了比较全面的阐述，在这个系统中综合运用学到的知识，网页界面以JS作为页面载体，后台数据库使用MySQL，从实用性出发，使页面具有操作方便、页面简洁等特点。

关键词：

音乐网站；JS；数据库

Abstract：

Intherapiddevelopmentofsociety,inordertomeetpeople'sgrowingeconomicandculturalexchange,andnetworkhavebecomeanindispensableimportantpartofallwalksoflife,improvethepeople'stravel,communication,shopping,leisure,entertainment,doneverleavehomewillknowwhat'sgoingonintheworld.ThedesignandimplementationofmusicWEBsiteistheembodimentofthecloseconnectionbetweenPeople'sDailylifeandtheInternet.

Thisarticlemainlydiscussesthedevelopmentprocessofonlinemusicwebsite,systemstructure,systemfunctiondesignofthesitetodoamorecomprehensivedescriptionoftheintegrateduseofknowledgeinthissystem,webinterfacetotheJSpageasthecarrier,backgrounddatabaseusingMysql,startingfromthepractical,makethepagehasthecharacteristicsofeasyoperation,simplepage.

Keywords:

musicwebsite;TheJS;Thedatabase

II

目 录

摘 要 I

Abstract I

目 录 II

1绪论 1

1.1课题研究背景 1

1.2课题研究现状分析 1

1.3课题研究目的 1

2技术介绍 2

2.1HTML介绍 2

2.2Apache介绍 2

2.3MySQL介绍 2

3架构设计 3

3.1系统功能模块设计 3

3.1.1前台功能模块描述：

4

3.1.2后台功能模块描述：

4

3.2系统用例分析 4

3.3系统功能流程图 5

3.3.1用户功能流程图 6

3.3.2管理员功能流程图 6

3.4数据库设计 7

3.4.1数据库设计概述 7

3.4.2数据库表 8

4网站系统实现 9

4.1网站首页 10

4.2用户模块 10

4.2.1用户注册、登录 10

4.2.2音乐试听 11

4.2.3个人中心 12

4.2.4添加歌曲 12

4.2.5修改资料 13

4.2.6更改密码 13

4.3管理员模块 14

4.3.1后台首页 14

4.3.2会员管理 14

4.3.3音乐管理 15

4.3.4数据管理 15

总 结 17

1绪论

1.1课题研究背景

随着互联网在中国的发展，当今中国已经进入了信息时代，很多传统的信息传播都已经落后，网络成为了人们高效获取信息的必备选择，作为一个方便、快捷的信息传递方式被人们所青睐。

而Web技术可以提供一个可以突破时空局限、交流各种信息的互动平台，让使用者不管在什么地方，只要有网络的存在，就能够共享人们的集体智慧。

为了满足人们对美好生活的向往，为我们的生活增添色彩，在线音乐网站应运而生，满足人们对各种音乐追求。

在线音乐网站具有互动性、实时性、数字化早已成为人们娱乐的浪潮，通过网上查询信息、试听、下载CD的交易已成为一种时尚。

因此，在线音乐网站的建设具有更加重要的意义，它提供更加便捷的交互式分享免费音乐，使人们能在线欣赏不同风格、不同国家的歌曲，实现资源共享。

1.2课题研究现状分析

中国互联网络信息中心（CNNIC）在京发布第41次《中国互联网络发展状

况统计报告》，截止2017年12月，我国网民规模达到7.72亿，普及率达到55.8%，超过全球水平（51.7%）4.1个百分点，在中国网民规模继续保持稳点增长，互联网模式不断创新、线上线下服务融合加速以及公共服务线上化步伐加快，这表明，网络已成为一个主要的媒体，信息传输网络已涉及到每一个我们生活的角落，同时网络资源的获取已逐步改变人们以往的生活方式，随着全面建成小康社会的目标的实现，互联网也在逐渐普及，网民数量的增加，音乐网站在中国异军突起。

人们通过互联网聆听喜欢的音乐，让人们闲暇之余进行休闲娱乐。

1.3课题研究目的

本网站设计的目的是通过音乐网站提供人们搜索音乐，欣赏音乐，以及发表个人的想法，从而给个人带来方便，用户可以在浏览过程中，实现和本网站的信

第17页（共19页）

息交互，提供良好的用户体验。

2技术介绍

2.1HTML介绍

HTML（HyertextMarkulaguage），中文全名为超文本标记语言，是有W3C组织建立，现在已经发展到HTML5版本。

HTML的工作原理：

由W3C制定一套显示网页的标准，当打开一个网页，HTML代码会被浏览器解析成可视化界面，然后显示在浏览器上。

纯HTML的网页界面很明显满足不了时代的发展，HTML常常使用div+css控制界面的样式、形状，这样提高了代码的使用率，减轻开发人员的负担，但是这样的网页是完全静止的，无法跟用户形成互动，所以需要加入JavaScript脚本语言实现动态网页，才能跟用户互动。

本系统的前台大部分是采用HTML融合div+CSS的界面设计。

2.2Apache介绍

ApacheHTTPServer（简称Apache），它是Apache软件基金会的开源web服务器，它可以在大多数计算机操作系统中运行。

由于它的多个平台和安全性，它是最流行的Web服务器软件之一。

它是快速、可靠的，并且可以通过简单的API扩展编译成Perl/Python和其他解释器到服务器。

Apacheweb服务器,用你自己的语言的功能是接受用户的请求,如我们登录一个网站、浏览器发送请求到web服务器,Apache接受请求和访问数据,然后返回给用户，也就是说，就是你将网站放在上面架设好，外界就可以访问了。

从功能上来说，有以下基本功能：

基本网页、个人主页、虚拟主机、网页认证。

2.3MySQL介绍

MySQL是一种开放源代码的关系型数据库管理系统，因为它所具有的速度、可靠性、适应性而备受广大开发者使用。

设计一个完整的数据库的过程需要经历

数据库的建立、数据库的设计、数据库的组建、对数据库的调试和测试过程。

数据库开发技术和软件系统开发是完全不同的。

数据库的开发过程是一个综合了许多学科的技术，是一个研究和分析软件系统的数据结构和各种关系的过程。

因此，数据库开发是一项非常重要的技术。

数据库开发最重要的方面是研究数据库是否能够高效运行。

在数据库的设计过程中，开发数据库是一套数据库设计规范。

一般数据库的设计要求必须达到第三范式的标准。

让数据库中的数据具有良好的结构，并在增加数据库数据的过程中产生非常少的冗余数据。

这个过程是为了确保设计的数据库是完整的、安全的和高效的，通过合理和出色地设计数据库表、视图、触发器和其他基本的数据库组件。

3架构设计

本音乐网站由两部分组成，分别为前台管理模块和后台管理模块。

用户在登录后可以看到最新上传的音乐，还可以搜索自己喜欢的音乐，查看添加评论。

管理员登录后，可以查看用户上传的音乐，还可以对用户以及自己上传的音乐进行管理，对音乐进行增加和删除。

3.1系统功能模块设计

3.1.1前台功能模块描述：

图3-1 系统功能模块图

（1）注册、登录页面：

游客通过填写相关的注册信息，完成注册后登录帐号和密码，以到达浏览网站的信息资料。

（2）首页页面：

在这里用户可以对本网站的信息进行浏览，以及试听本网站的音乐和搜索自己想听的音乐。

（3）音乐盒：

用户在此模块可以进行试听音乐、留言评论以及把该音乐添加到收藏夹。

3.1.2后台功能模块描述：

（1）登录页面：

用来管理员登录管理网站。

（2）用户管理：

可以对注册过的用户进行删除。

（3）音乐管理：

对一些不合法的、不雅的音乐进行删除，也可以上传音乐。

3.2系统用例分析

系统用例图用能直观表示网站用户和系统的交互过程，用例图能清楚的表示网站系统中的相应的功能。

图3-2 用户用例图

图3-3 管理员用例图

3.3系统功能流程图

流程图用来表示以用户和管理员身份登录网站后对网站功能的应用。

3.3.1用户功能流程图

会员身份通过注册、登录音乐网站，经过数据库身份验证，验证成功后页面跳转到音乐网站主页，此时可以使用该网站为用户提供的功能，具体流程如下图所示：

图3-4 用户操作流程图

3.3.2管理员功能流程图

以管理员身份通过登录音乐网站后台，进入到功能页面，可以对会员用户以及音乐进行管理，具体流程如下图所示：

3.4数据库设计

图3-5 管理员操作流程图

在网站系统的设计中，数据库的设计占着重中之重的作用，关系着用户信息、

音乐信息的存取。

网站要做到动态显示，数据库就必须做到完善，一个好的数据库的创立也方便了后期对网站进行管理。

3.4.1数据库设计概述

数据库旨在满足用户的需求，在使用者所提供的应用程序环境中，构造出最适合使用者操作的数据库模式，并建立了数据库。

为数据库应用程序开发人员提供了计算机信息交流的关键信息存储机制，也就是，作为数据库管理系统，系统软件和相关硬件系统来使用，该用户的要求将被计算机翻译成对应的数据结构，数据库结构容易实现为新进程的用户需求。

而用于特定的应用环境数据库设计和提供一种数据模型，并确定了数据库存储结构的物理设计和访问方法，将用户的需求在数据库中用数据结构体现出来，在通过创建主键外键，增加表之间的约束关联，使整个数据库串联起来，用户的需求就能通过数据库得到相应的回应。

数据库设计总的E-R图如下所示：

3.4.2数据库表

图