毕业设计（论文）-音乐网站的设计与实现.doc

音乐网站的设计与实现音乐网站的设计与实现 论论文作者姓名：文作者姓名： 申申请请学位学位专业专业： ： 申申请请学位学位类别类别： ： 本科本科 指指导导教教师师姓姓名名（ （职职称称） ）： ： 论论文提交日期：文提交日期： 2011.02.23 目目 录录 第 1 章 绪 论.1 1.1 课题研究的目的.1 1.2 课题研究的意义.1 1.3 国内外现状.2 1.4 音乐网站存在的问题.2 第二章 开发工具与技术.4 2.1 asp 的概述4 2.2 macromedia studio 简介.5 2.3 关系数据库的概述5 2.4 access 数据库的简介.6 2.5 dreamweaver 技术介绍7 第三章 系统分析.10 3.1 功能分析.10 3.2 系统用例图10 3.3 系统开发环境.11 3.4 系统任务的可行性分析.12 3.4.1 市场可行性分析.12 3.4.2 技术可行性分析.12 3.4.3 经济可行性分析.12 第四章 系统设计.14 4.1 系统主要工作流程图.14 4.1.1 后台管理模块程序流程.14 4.1.2 前台管理模块程序流程.14 4.2 系统功能设计.15 4.2.1 前台功能设计.15 4.2.2 后台功能设计.17 4.3 系统数据流图分析.18 4.4 系统流程.20 4.5 系统的技术要求.21 第五章 系统实现.23 5.1 音乐网站前台.23 5.1.1 首页.23 5.1.2 视听音乐模块.24 5.1.3 点歌送祝福模块.24 5.1.4 站内短信模块.25 5.1.5 添加歌词模块.25 5.1.6 评论模块.26 5.1.6 下载音乐模块.26 5.2 音乐网站后.27 5.2.1 后台登陆模块.27 5.2.2 歌曲管理模块.27 5.2.3 日常管理模块.28 5.2.4 网站配置管理模块.29 第六章 系统测试.30 6.1 测试类型.30 6.2 测试结果.31 6.2.1 测试用例执行结果.31 6.2.2 测试问题解决.31 第七章 总结与展望.32 参考文献.33 致 谢.34 摘摘 要要 随着网络技术的发展，人民在利用网络学习的同时，也在享受着网络带来的各种 附带产品所产生的效应，如网络游戏，网络歌曲。音乐网站正是在这样的需求前提下 应运而生。给人们的日常生活带来了极大的乐趣，让人们在繁忙疲惫的工作之后可以 进行休闲。 本系统由两大模块组成，前台展示模块和后台管理模块。前台模块，主要是提供 音乐动态展示，可以在线视听，在线下载。而后台主要是对该网站的音乐信息进行及 时的更新。以提供最新的音乐信息。 本系统界面友好，与目前市场上的主流音乐网站大体一致，而且操作更加简单， 使用方式和微软各种软件（windows、office）基本相同，减少了用户学习、使用本网 站系统的额外负担。本文通过系统概述、系统分析、系统设计、系统实施、开发总结， 详细的说明了系统的开发过程，最后并对整个开发过程进行了总结。 根据系统所需功能，采用 div+css 技术，利用软件工程思想和方法，总体上用结 构化生命周期法进行系统分析和设计，采用快速原型法来实现系统。 关键词：音乐，div+css，asp，access abstractabstract with the development of network technology, the people in the use of network learning, it is also enjoying the network and the various spin-offs generated effects, such as online games, internet music. music site is in the premise of this demand came into being. to peoples daily lives has brought great pleasure, so that busy people can be tired after work leisure. this system consists of two main modules, display modules front and back office management module. front module is to provide music, dynamic display, online audio, online download. the background music is mainly the site information and timely updates. in order to provide the latest music information. the system user-friendly, and currently on the market broadly consistent with the mainstream music sites, but also more simple operation, using a variety of ways and microsoft software (windows, office) is basically the same, reducing the user learning to use the additional burden of this website. in this paper, the system overview, system analysis, system design, system implementation, development summary, detailed description of the system development process, the final and the entire development process is summarized. according to the system the necessary functions, using div + css technology, choose a powerful access as a back-end database, using software engineering ideas and methods, on the whole life cycle using structured system analysis and design, using to achieve rapid prototyping system. key words: music，div+css，asp，access 音乐网站的设计与实现 第 1 页 第第 1 章章 绪绪 论论 网络技术以及计算机的发展，网友们对网络的要求也日益加强，平常在网上听音 乐用一大堆下载软件下载下来也要管理，又占空间,比如那流行歌曲，下载了听了又要 删,很不方便，而网络音乐库的实现改变了这一状况。它本身就是一个数字音乐交互网 站，用户通过它可是方便.快捷、安全地实现国内最大的音乐搜索查找歌曲，并能实时 试听，点歌并将自己喜爱的歌曲加入收藏，为用户建立一个自由、自主、安全的世界 局域网。 1.1 课题研究的目的课题研究的目的 随着网络技术的发展，人民在利用网络学习的同时，也在享受着网络带来的各种 附带产品所产生的效应，如网络游戏，网络歌曲。音乐网站正是在这样的需求前提下 应运而生。给人们的日常生活带来了极大的乐趣，让人们在繁忙疲惫的工作之后可以 进行休闲。基于此种现状，在充分分析了该行业的市场前景，调研了用户需求之后， 本人设计了该音乐网站。 1.2 课题研究的意义课题研究的意义 流行音乐之所以被称为“流行” ，原因之一，是她有着传播的时效性。绝人部分流 行歌曲可以一夜成名，但是从人们脑子里消失得也很快，从前极力抢购的唱片可能不 久之后就被束之高阁，人们追逐的永远是不同于以往的“新”星。但是互联网的出现， 一方而因为传播速度提高而加剧了这种时效性，另一方而却又利用其无限的网络胸怀 使这些流行音乐具有了一定的持久性。如果这两方面正是人们所需要的，那么，这些 都应当归功于音乐网站。 作为音乐网站的网络载体，音乐网站在创作、传播、欣赏方式等方而对流行音乐 的发展都产生了前所未有的影响： 1.电脑网络技术的发展使人们通过音乐网站接触到了更多的流行音乐。 2.网民数量的激增使更多的人们通过音乐网站接触到了流行音乐。 3.音乐网站为流行音乐创作提供了更多的便利。 音乐网站的设计与实现 第 2 页 4.音乐网站刺激了流行音乐的传播。 5.音乐网站使流行音乐的欣赏方式发生了改变。 6.音乐网站不但刺激了流行音乐的传播，且也刺激了电子数码产品的频繁更新换代。 1.3 国内外现状国内外现状 互联网给学习者提供了丰富的超媒体资源，为网友创造出了一种由他们自行控制 的娱乐环境，如果长期手动从网上找寻,就会产生一种无从适从的感觉，从而降低网友 的兴趣。目前有很少系统能实现这种网络音乐库的功能，更在以下方面涉及不多：没 有实现在线实时试听,不能方便的分类的检索的系统；单一的音乐网站只是线性的，不 是层次状或网状的，也不支持相近歌曲的查询、检索功能，找歌只能靠输入和分类查 找实现，不便于相关性和方便性的查询；网友只能每次重复查找，不能记录网友的喜 好、前收藏，这就浪费了一定的时间和网络资源。 由上可看，网络音乐库的好与坏，严重影响了网友的上网时间和对一个音乐系统 的影响力，同时也影响了系统使用的效率。因此音乐网站是一个很有必要的娱乐系统， 并且还有很大的发展空间。 1.4 音乐网站存在的问题音乐网站存在的问题 音乐网站的目标是为用户准确地快速的定位自己的喜好，同时能快速、方便地查 询新歌和自己喜爱的歌曲。所有歌曲都有一个规范的数据库后台，这就为快速查找有 很大的改良作用。但随着网络的发展，人们知识水平的不断提高，音乐网站也在需要 不断的发展。 概括来说运行网络音乐库的系统应该支持窗口，支持音频。我们认为，音乐网站 并不是功能越多越好，而要有了用户所需求的功能就行，这有效的保证了速度性和系 统的运行性。 由于计算机技术的进步，计算机为时空自由、资源共享、系统开放、便于协作提 供了支撑。但是，目前大量的网络音乐系统只是停在网络单一的水平上，并没有实现 动态的个人化服务。存在主要的问题主要有： (1)不能实时的试听； 音乐网站的设计与实现 第 3 页 (2)还必需安装播放器，不能用一个系统实现全部功能； (3)缺乏个人化服务，不能针对每个用户实现个性功能，比如收藏； (4)缺乏新闻的发布； 针对以上存在的问题，本文认为需要在以下几方面开展研究： (1)我们在音乐网站内集成了播放器，用 microsoft mediaplayer 播放器，能播放大 多数不同格式的歌曲； (3)针对每个用户在用户个人数据库里增加收藏，方便用户收集自己喜爱的收藏歌 曲。 只有达到了这些要求，音乐网站才正真达到了为用户个性化服务的作用，为用户 通过网络音乐库收听歌曲，了解娱乐新闻提供一个良好的环境。 音乐网站的设计与实现 第 4 页 第二章第二章 开发工具与技术开发工具与技术 本次毕业设计的项目采用微软的 asp 结合 dreamweaver 来构建。数据库部分，使 用的是适合小型 web 应用开发的 access 数据库。 2.1 asp 的概述的概述 active server pages（asp）是服务器端脚本编写环境，使用它可以创建和运行 动态、交互的 web 服务器应用程序。使用 asp 组合 html 页、脚本命令和 activex 组件 可以创建交互的 web 页和基于 web 的功能强大的应用程序。 由于脚本在服务器上而不是在客户端运行，传送到浏览器上的 web 页是在 web 服 务器上生成的；因此不必担心浏览器能否处理脚本；web 服务器已经完成了所有脚本的 处理，并将标准的 html 传输到浏览器。由于只有脚本的结果返回到浏览器，因此服务 器脚本不易复制，浏览者看不到正在浏览的网页的脚本命令。 asp 在 html 文件内直接嵌入简单的脚本就可以轻易地将静态 web 页面升级为动态 的 web 页面应用程序，因此，使用 asp 命令是开始建立交互式 web 页面最简易的方法。 asp 技术作为动态网站设计的主要工具具有以下几个特点。 无需编译 asp 脚本集成于 html 当中，容易生成，无需编译或链接即可直接解释执行。 易于生成 使用常规文本编辑器（如windows 下的记事本），即可进行 *.asp 页面 的设计。若从工作效率来考虑，不妨选用具有可视化编辑能力的visual interdev。 独立于浏览器 用户端只要使用可解释常规html 码的浏览器，即可浏览使用asp 技术 设计的网页。 asp 脚本是在站点服务器端执行的，用户端浏览器不需要支持它。 因此，若不通过从服务器下载来观察*.asp 页面，在浏览器端见不到正确的 音乐网站的设计与实现 第 5 页 页面内容。 面向对象 在 asp 脚本中可以方便地引用系统组件和asp 的内置组件，还能通过定 制 activex server component（activex 服务器组件）来扩同功能。 与任何 activex scripting 语言兼容 除了可使用 vbscript 和 javascript 语言进行设计外，还可通过 plug-in 的方式使用由第三方所提供的其他scripting 语言。 源程序代码不会外漏 asp 脚本在服务器上执行，传到用户浏览器的只是asp 执行结果所生成 的常规 html 码，这样可保证辛辛苦苦编写出来的程序代码不会被他人盗取。 2.2 macromedia studio 简介简介 dreamweaver 是 macromedia 公司开发的 wysiwyg（what you see is what you get!）所见即所得 html 编辑器，为 web 站点程序设计、编码和开发提供易用的 ui 交 互，使你能全力投入到程序体系设计中，而不必关心代码编制。自从 macromedia studio mx 2004 版本以来，功能趋于完美。这三个软件相辅相承,是制作网页的优质工 具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大， 使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和 应用程序。从基于 css 的设计的支持到手工编码功能，dreamweaver 提供了专业集成、 高效的工作环境。开发人员可以使用 dreamweaver 及所选择的服务器技术来创建功能 强大的 internet 应用程序，从而使用户能方便地连接到数据库、web 服务。 fireworks 是 png 文件的先驱，尽管 ie6 在支持 png 文件上出了点问题，但常用中 png 大行其道。png 是间于矢量与位图二者的图形设计器，能快速设计出各种特效图片。 在网页 ui 的设计中可见其重要性作用。使用 fireworks 内置的过渡器及效果资源就能 创造各个特效图形。另外，fireworks 设有专用于网页的输出优化器，能导出针对 web 优化的图形。 2.3 关系数据库的概述关系数据库的概述 关系数据库 access 本身具有强大的向导机制，可以帮助用户迅速建立新的数据库、 音乐网站的设计与实现 第 6 页 表、查询和窗体等，以完成对数据库的常用操作。同时 microsoft office 系列为所有 的 office 成员提供了一种内置编程语言 visual basic for applications（vba） ， access 可以通过编写 vba 代码实现对数据库的操作管理，从而开发出功能更为强大的 应用程序。 2.4 access 数据库的简介数据库的简介 一个全面的 access 应用至少会设计到以下 3 种基本 access 对象类型。 表用于存储用户向数据库中添加的数据。 窗体用于显示和输入数据，控制其它窗体的打开和关闭，以及打印报表。 报表打印表中的细节信息，总结信息或将两者都进行打印。 大多数 access 应用程序还使用查询对象来筛选、排序和组合数据，用模块对象存 储 vba 代码。可以用宏或模块自动完成任务和创建面向用户的应用程序，所创建的应 用程序同用其他编程语言所创建的应用程序功能一样强大，包含按钮、菜单和对话框 等控件。所有组成应用程序的对象都存储在一个称为数据库对象的容器中，该对象是 一个以.mdb 为扩展名的单独的文件，例如 northwind.mdb。access 的独特性在于它将 整个数据库应用程序存储在一个单独的文件之中。而其他桌面数据库，例如 microsoft foxpro，需要使用多个文件来存储它们的对象。 access 不只是一个本地数据库管理系统。作为一个关系数据库管理系统，access 窗体、报表和数据访问页面中同时访问来自多个数据库的数据。它还能够链接来自其 它 microsoft access 数据库、microsoft excel 电子表格、odbc 数据源、microsoft sql server 数据库以及其他数据库资源的表格，甚至能够把数据库表连接起来创建一 个新表。然后，就可以创建窗体或报表来使用其中的信息了，这样极大减少了数据的 复杂性并能使工作更容易完成。 ado 组件是操作数据库的重要手段。ado 即 active data object，是一种访问各种 数据库类型的连接机制，通过 odbc 方法与数据库接口相连。连接对象 connection 负 责网页应用程序与数据库间的连接。只有建立 connection 对象后，asp 网页才可以使 用 recordset 对象和 command 对象对数据库源进行操作。建立一个 connection 对象通 常调用 server 对象的 createobject 方法，如下所示： set cn=server.createobject（“adodb.connection“） 音乐网站的设计与实现 第 7 页 2.5 dreamweaver 技术介绍技术介绍 dreamweaver 是美国 macromedia 公司开发的集网页制作和管理网站于一身的所见 即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具， 利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 （1） 卓越的可视环境卓越的可视环境-简单易用简单易用 使用 macromedia 的可视化开发环境（如右图所示） ，你只需通过简单的拖拉技术 （drag drop） ，将“objects“窗口中的对象拖到“document window“中即可，例如：web 开发人员想在网页中加入一个 table，只需将“table“从“object“窗体中拖放到舞台中， dreamweaver 将自动生成一个表格，然后通过“properties“（属性）窗体来进行格式的 修改和调整。 （2） 所见即所得的强大功能所见即所得的强大功能 dreamweaver 具有所见即所得的功能，你可以在“properties“（属性）窗体中调整 参数，即刻在“documentwindow“窗体中看到它的改变，如果你按下 “f12“，dreamweaver 会自动生成 html 文件格式，供欲览，以便开发人员进一步调整。 （3） 方便快速的文本编排方便快速的文本编排 与“word“相似，具有强大的文本编辑能力，你可以在“layer“、“table“、“frame“或 直接在“document window“窗体中输入文字，通过快捷的右键，选择例如“font“（字体） 类的选项进行编辑，也可以利用“text“菜单进行更为细致的排版编辑。 （4） 专业的专业的 html 编辑编辑-roundtrip html dreamweaver 与现存的网页有着极好的兼容性，不会更改任何其他编辑器生成的 页面。这将大幅度降低由于 html 源代码的变更而给设计者带来的困惑。 （5） 高质量的高质量的 html 生成方式生成方式 由 dreamweaver 生成的 html 源代码保持了很好的可读性。代码结构基本上同手 音乐网站的设计与实现 第 8 页 工生成的代码相同，这使得设计者可以轻易掌握代码全局并加以修改。 （6） 实时的实时的 html 控制控制 设计者可以在可视化或者文本这两种方式下进行页面的设计，并且可以实时的监 控 html 源代码。当设计者对代码作出任何改动时，结果将立刻显示出来。 （7） 与流行的文本与流行的文本 html 代码编辑器之间的协调工作代码编辑器之间的协调工作 dreamweaver 可以与目前流行的 html 代码编辑器（如 bbedit、homesite 等）全 面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习 惯的基础上，充分享受到 dreamweaver 带来更多功能。设计者可以使用文本编辑器直 接编辑 html，同时使用 dreamweaver 生成较为复杂的动画、表格、frame、javascript 等。 （dreamweaver 分别为 windows 用户以及 macintosh 用户提供了完全版的 homesite 及 bbedit 这两个目前最流行的代码编辑器） 。 （8） 强大的强大的 dhtml 支持支持 动态 html 是 4.0 浏览器支持的新功能，将在未来广泛应用于网络。这项技术可以 增强页面的交互性、提高下载速度、使页面更美观更易于设计且富有动感。 dreamweaver 对 dhtml 完全支持，并提供了与之相关联的四大功能。而其它的可视化 网页编辑工具几乎不提供或只小部分提供动态 html 的制作。 （9） 重复元素库重复元素库 在 dreamweaver 中定义的一个站点内，设计者可以将重复使用的内容（例如 header、footer 等）独立定义。这样设计者在需要这些内容的地方只需做一个简单的 插入就可以了。而且当元素库中定义的内容被修改后，整个站点中设计同样内容的地 方将统一发生变化而无需再逐一修改。 （10） 基于目标浏览器的检测基于目标浏览器的检测 目前浏览器更新换代很快，从 2.0 到 4.0 层出不穷。同时又有 ie 和 netscape 两大 阵营竞争。设计者制作出的网页必须面向功能不同的浏览器并保持其正确性。这是一 音乐网站的设计与实现 第 9 页 项比较困难的工作。而 dreamweaver 不仅在设计时可以基于不同的目标浏览器进行不 同的设计，而且在页面制作完毕后，dreamweaver 可以基于目标浏览器对页面进行检 测并给出报告。在报告中将显示出被检测页面的兼容性以及在不同浏览器中页面的区 别，同时还将指出页面中 html 的句法。 音乐网站的设计与实现 第 10 页 第三章第三章 系统分析系统分析 3.1 功能分析功能分析 音乐网站系统主要由前台模块和后台管理模块两部分组成。会员在进入该网站后， 不仅可以查看各种类型音乐、按字母检索或者根据关键词进行搜索，更可以点歌及添 加歌词。还可以上传歌曲，加入收藏，对歌曲进行管理操作。 （1）登录与注销 每个用户都可以用自己的帐号登录系统。用户操作完成后退出系统，注销后可以 重新登录系统。 （2）修改密码 每个用户登录本系统之后都可以更改自己的登录密码。 （3）系统管理员 对网站的会员进行管理：包括会员信息的查询、修改和删除。 音乐信息管理：添加音乐信息、修改音乐信息。 上传管理：后台用户上传音乐信息。 进行类别、歌曲、专辑、歌手、视频管理。 可以发布网站公告，同时可以做调查统计。 （4）普通用户 普通用户可以浏览该网站，选择登陆到系统中。可以在线试听，点歌祝福，修改 资料，站内信箱，超级 cd 架以及专辑收藏功能。 3.2 系统用例图系统用例图 用例图用来描述系统与参与者之间的相互作用，也可以说它是从用户角度出发对 如何使用系统的描述。首先要理清下面几个概念： 角色：角色代表了某一事件发生的参与者，他用一个小人表示。在通常的网络项 音乐网站的设计与实现 第 11 页 目中，角色常被用来代表使用网站的用户，但角色的作用并不局限于此，它也可以用 来代表与系统交互的其他实体。 用例：用例代表系统可以实现的功能，通常一个用例代表一组功能，它实质上规 定了系统实现功能的范围。在实际项目开发过程中，一个项目中往往涉及很多个用例， 此时需要将其分解成若干个子系统实现，以便于理解。在 uml 中，用例用一个椭圆表 示。 用例图：当角色与用例发生某种关系时，就可以用一个图将它们关联起来，这就 是用例图，角色与用例之间使用一个带箭头的实线连接，箭头方向代表使用者与被使用 者关系。 登录 管理会员信息 管理音乐信息 管理评论信息 管理员 管理音乐类型 登录 点歌 视听歌曲 收藏音乐 普通用户 下载歌曲 音乐网站的设计与实现 第 12 页 3.3 系统开发环境系统开发环境 （1） 使用 windows xp 操作系统 （2） 使用 iis 或者 netbox web 简易服务器 3.4 系统任务的可行性分析系统任务的可行性分析 3.4.1 市场可行性分析市场可行性分析 目前具有音乐点播功能的网站很多，如百度音乐、九层音乐。虽然有专门的音乐 音乐服务器可以支持大流数，但价格一般极其昂贵。从应用范围上看，由于产品支持 数据流数有限，只能应用 在一些小型的音乐系统中，如酒店、歌厅包房、中小企事业 学校的培训、商场等等，不适合长宽应用在大型社区网和城域网中。从价格上看，尽 管几家都采用 pc 服务器方案，相对于专业音乐服务器的价格的确很低，但方案仍然要 采用高档 pc 服务器、scsi raid 卡 和 scsi 硬盘，硬件成本仍然较高。综合几方面， 我们开发出一套支持多并发流数、软硬件成本低、管理完善的大型音乐集群服务器系 统是有其市场空间和优势。 3.4.2 技术可行性分析技术可行性分析 系统的主要技术难度是解决并发流数。国外许多大公司推出的专有音乐服务器可 以支持几百个并发流，但价格相当昂贵。国内的几个厂家采用的是高档服务器作为音 乐服务器 ，可以支持几十个流，最多 100 个。采用服务器替代专有音乐服务器硬件成 本大大降低， 但单台服务器的并发数据流数和硬盘扩充的极限太小，不能满足大型的 市场需求。 3.4.3 经济可行性分析经济可行性分析 软件的经济可行性是指软件所能带来的经济效益与开发设计所需要的投资相比， 是否相适宜，同时还要看此软件能否真正给用户带来足够的经济效益，我们开发的这 套系统正是考虑系统开发的成本而设计。本系统的开发在经济上是完全可行的。开发 音乐网站的设计与实现 第 13 页 此软件不需要大量的经费，而且是个人独立设计，可以节省许多费用，同时也可提高 个人的实际动手能力。 综合以上技术特点，为了降低成本，我们采用 pc 服务器作为音乐服务器，而且 pc 服务器 的性能还在不断提高，支持的并发数据流数也在增加。pc 服务器作为音乐服务 器的方案正逐步取代以前的专有音乐服务器。为了解决多并发流数，我们采用多台 pc 服务器以集群的形式，通过控制网关完成服务器之间的协调，提高系统的利用率。控 制网关以及集群服务器技术是我们的技术增值点。另外，由于采用集群形式，我们不 要求 pc 服务器实现最 大流数，可以采用低档 pc 服务器和 ide 硬盘，这样又可以提高 单台音乐服务器的性能价格比。经过我们预研和测试，服务器的瓶颈不在 cpu，这样可 以用低档 cpu 和主板。采用 ide raid 卡和 7200 转 ide 硬盘的服务器仍可支持三、四 十个并发流。控制网关的技术经过前 期的预研也是可行的。系统的整个方案都是我们 自行开发并在通用的软硬件平台上运行 ，具有较强的灵活。 音乐网站的设计与实现 第 14 页 第四章第四章 系统设计系统设计 4.1 系统主要工作流程图系统主要工作流程图 4.1.1 后台管理模块程序流程后台管理模块程序流程 该流程图描述了后台管理员对网站的管理，管理员可以对歌曲进行添加，修改， 删除。具体的添加功能是通过本地浏览把歌曲上传到网站；修改歌曲信息或者删除点 击率低的歌曲等功能。如图 4-1 所示。 图 4-1 后台管理程序主要流程图 4.1.2 前台管理模块程序流程前台管理模块程序流程 本系统设计的初衷是会员可以享受网站的功能，未注册的游客只能浏览网站，不 能进行其他操作。因此当用户在进入网站的一开始便会对用户的身份和权限进行验证， 反馈不同的页面给不痛的用户而用户，从而实现对权限的划分功能。注册后成为会员， 就可在网站上在线视听音乐、在线看电影、搜索歌曲、在线留言（音乐论坛） 、享受专 辑的在线视听以及实现下载歌曲等功能。也可以在论坛上和其他会员进行交流。管理 员身份除了享有普通会员的权限以外,还可以对歌曲的添加、删除、修改以及上传文件、 音乐网站后台首页 admin_index.asp 是否为管理员 是 添加歌曲 admin_song-add.asp 歌曲参数 admin_smusicmana.asp 删除歌曲 admin_smusicdel.asp 账号管理 admin_adminmodify.asp 前台 否 音乐网站的设计与实现 第 15 页 管理个人资料、修改登陆账号和密码等操作。该流程图描述了音乐网站的整个流程， 如图 4-2 所示。 音乐网站前台 index.asp 用户注册登录 是 是否为管理员 用户注册页面 zhuce.asp 否 网站主页 index.asp 发表留言 bbs.asp 下载歌曲 download.asp 在线收看电影 movie.asp 在线试听歌曲 music.asp 搜索歌曲 search.asp 管理后台 admin_index.asp 是 否 图 4-2 前台管理程序主要流程图 4.2 系统功能设计系统功能设计 4.2.1 前台功能设计前台功能设计 在前面的系统的系统功能分析中，将前台划分成 5 个模块，如图 4-3 所示： 音乐网站的设计与实现 第 16 页 用户登录身份验证模块 首页模块 收藏模块 试听模块 下载音乐模块 数据库模块 数据库 访问模 块 点歌模块 图 4-3 前台功能模块图 前台功能模块描述： （1）首页模块：普通用户可以登陆，进行音乐的分类查询，用户可以自己挑选喜 爱的音乐种类进行查询。 （2）试听模块：用户可以自己挑选喜爱的音乐进行视听。 （3）收藏模块：用户可以对试听过的音乐添加到收藏中，方便下次浏览试听。 （4）下载音乐模块：用户可以查看不同种类的音乐，对自己心仪的音乐进行下载。 （5）点歌模块：用户可以将自己喜欢的歌曲点播给自己的亲朋好友。 音乐网站的设计与实现 第 17 页 4.2.2 后台功能设计后台功能设计 根据前面的系统的系统功能分析中，将后台划分成 5 个模块，如图 4-4 所示 后台用户登录身份验证 类别管理模块 专辑管理模块 歌手管理模块 网站公告模块 日常高级管理模块 数据库模块 数据库 访问模 块 歌曲管理模块 视频管理模块 系统管理模块 网站配置管理模块 图4-4 后台功能模块图 后台功能模块描述： （1） 类别管理模块：对音乐分类列表进行管理，并分为总类和分类。 （2） 歌曲管理模块：对音乐进行直接添加、分类添加，可查看歌曲列表，全部 的歌曲以及对已推荐的歌曲进行撤销操作。 （3） 专辑管理模块：该模块可以进行添加专辑，显示专辑列表及取消已推荐展 示的专辑项。 （4） 歌手管理模块：对歌手分类进行修改管理，并对歌手进行添加歌曲与批量 歌词，亦可进行推荐和撤销操作。 音乐网站的设计与实现 第 18 页 （5） 视频管理模块：该模块可以进行添加视频及修改推荐等操作。 （6） 网站公告模块：可添加公告并修改删除操作，添加的公告亦可在首页滚动 显示。 （7） 日常高级管理模块：对注册会员、站内短信、用户点歌、歌词审核、友情 链接及相应音乐路径进行管理操作。 （8） 系统管理模块：目前只对管理员修改删除及权限的设定操作。 （9） 网站配置模块：可在网站后台进行基本配置修改并在首页相应位置显示。 4.3 系统数据流图分析系统数据流图分析 本系统根据使用该网站的用户角色的不同分为下面两种用户： （1）管理员：采用自行设置方式进入网站，负责管理网站上用户信息和视频信息 的管理，以及栏目信息的管理。其中包括音乐信息的增加、删除、修改，以及栏目信 息的增加，删除和修改。 （2）普通用户：采用先注册后登录的方式进入管理网站，在网站中可以在线浏览 音乐，搜索音乐信息，以及在线收听音乐给好友点歌信息。 根据用户的角色和需求进行划分后，可以归纳出整个系统的数据流图如图所示: 图 4-5 用户未登录时流图 音乐网站的设计与实现 第 19 页 图 4-6 用户登录后流图 图 4-7 用户注册流图 音乐网站的设计与实现 第 20 页 图 4-8 管理员登录流图 4.4 系统流程系统流程 调查音乐网站的业务流程应顺着系统信息流动的过程逐步地进行，内容包括各 环节的处理业务、信息来源、处理方法、信息流的去向提供信息的时间和形态（报告、 单据等）通过对音乐播放业务的实际调查分析，系统的系统分析阶段，我们设计出我 们系统的业务流程图，弄清了音乐点播系统的业务流程，系统的业务流程如图 4-9 所 示 音乐网站的设计与实现 第 21 页 用户 音乐信息查询 登陆 音乐信息评论在线点播音乐 用户退出 音乐下载修改个人信息 管理 员 修改用户信息 登陆 各信息查找修改发表评论 管理员退出 修改公共消息修改音乐信息 图 4-9 音乐业务流程图 4.5 系统的技术要求系统的技术要求 (1)功能要求： 系统设计的各项功能能够正确完成。 音乐网站的设计与实现 第 22 页 对输入的数据能判断出是否为非法数据或越界数据，系统会自动给出提示，告 诉用户重新输入。 各模块在运行时互不干扰，各种操作的快捷键能够正确运行。 对非法操作能够给出正确处理。 (2)编码要求： 主应用程序的命名：主应用程序的命名应由项目负责人确定，能完全表达出本系 统意义的英文字符串即可，包括应用程序对象名，应用所在的库名、项目名，可执行 文件名都必须统一使用本命名。 (3)界面要求： 各窗口的大小适中，布局合理，插有图版，界面美观大方。 各窗口的控件及按钮的文字命名正确，有时还配有图标。 (4)数据库要求： 表的设计合理，没有冗余的数据。 表及字段的命名采用英文方式，字段类型及长度合理。 表的主键、外键和索引正确无误。 前台操作与后台数据库之间的连接正确。 音乐网站的设计与实现 第 23 页 第五章第五章 系统实现系统实现 5.1 音乐网站前台音乐网站前台 5.1.1 首页首页 普通用户可以登陆，进行音乐的分类查询，用户可以自己挑选喜爱的音乐种类进 行查询，包括：华语女歌手、日韩歌手、华人组合、欧美歌手、影视金曲、闽南台语、 mtv 视听、劲爆舞曲、动漫游戏、音乐欣赏等。如图 5-1 所示: 图 5-1 首页 音乐网站的设计与实现 第 24 页 5.1.2 视听音乐模块视听音乐模块 用户可以自己挑选喜爱的音乐进行视听。如图 5-2 所示： 图 5-2 视听音乐模块 5.1.3 点歌送祝福模块点歌送祝福模块 用户可以给好友送上祝福，填写好友名及祝福语句。如图 5-3 所示： 在首页“点歌送祝福”栏显示刚刚添加的给好友的点歌。 音乐网站的设计与实现 第 25 页 图 5-3 点歌送祝福模块 5.1.4 站内短信模块站内短信模块 用户登陆会员系统后可以给站内好友发送短消息。如图 5-4 所示： 图 5-4 站内短信模块 5.1.5 添加歌词模块添加歌词模块 如果歌曲没有歌词用户可以自行添加歌词，等待管理员审核后即可显示。如图 5-5 所示： 音乐网站的设计与实现 第 26 页 图 5-5 添加歌词模块 5.1.6 评论模块评论模块 图 5-6 评论模块 5.1.6 下载音乐模块下载音乐模块 用户可以查看不同种类的音乐，对自己心仪的音乐进行下载。此功能暂未能实现。 如需要请至百度、搜搜音乐下载。 音乐网站的设计与实现 第 27 页 5.2 音乐网站后音乐网站后 5.2.1 后台登陆模块后台登陆模块 用户在前台点击进入后台管理，输入用户名密码，验证码登陆到后台。 图 5-7 后台登陆模块 5.2.2 歌曲管理模块歌曲管理模块 该模块对歌曲信息进行管理，具体包括：添加音乐，修改音乐，歌曲列表，全部 歌曲，撤销推荐。 音乐网站的设计与实现 第 28 页 图 5-8 歌曲管理模块 5.2.3 日常管理模块日常管理模块 该模块对音乐网站的注册会员、站内短信、用户点歌、歌词审核、评论审核等进 行编辑、删除管理。 图 5-9 日常管理模块 音乐网站的设计与实现 第 29 页 5.2.4 网站配置管理模块网站配置管理模块 该模块对网站的前台显示进行设置操作。 图 5-10 网站配置管理模块 音乐网站的设计与实现 第 30 页 第六章第六章 系统测试系统测试 6.1 测试类型测试类型 表 6-1 测试类型 测试类型测试类型测试内容测试内容测试目的测试目的所用的测试工具和方法所用的测试工具和方法 功能测试 1用户个人前台：注 册新用户、登录系统， 浏览网页，发表留言， 视听歌曲，点歌送给 好友，下载歌曲，将 自己喜欢的音乐收藏 到音乐盒。 3管理后台：管理员 注册系统，管理员登 录系统，音乐添加、 修改、上传，会员评 论管理。 核实所有功能（除 下载功能外）均已 正常实现 1流程检验：各个 业务流程符合常规 逻辑，用户使用时 不会产生疑问。 2、数据精确：各数 据类型的输入输出 时统计精确。 采用黑盒测试，使用边 界值测试、等价类划分、 数据驱动等测试方法， 进行手工测试； 用户界面 （ui）测 试 1导航、链接、页面 结构包括菜单、背景、 颜色、字体、按钮名 称、title、提示信息 的一致性等。 2友好性、易用性、 合理性、一致性、正 确性等。 核实各个窗口风格 （包括颜色、字体、 提示信息、图标、 title 等等）都与基 准版本保持一致， 或符合可接受标准， 能够保证用户界面 的友好性、易操作 性，而且符合用户 操作习惯。 web 测试通用方法 手工测试 安全性和 访问控制 测试 1密码：登录、个人 用户、管理员用户； 2权限限制； 3通过修改 url 非法 访问； 4登录超时限制等等； 1应用程序级别的 安全性：核实用户 只能操作其所拥有 权限能操作的功能。 2系统级别的安全 性：核实只有具备 系统访问权限的用 户才能访问系统。 黑盒测试、手工测试 性能测试 1 最大并发数； 2 查询最新发布音乐， 注册新用户时以及登 录时系统的响应时间； 核实系统在大流量 的数据与多用户操 作时软件性能的稳 定性，不造成系统 音乐网站的设计与实现 第 31 页 崩溃或相关的异常 现象 6.2 测试结果测试结果 6.2.1 测试用例执行结果测试用例执行结果 表 6-2 测试用例执行结果 测试用例名称测试用例名称用例状态用例状态测试结果测试结果备注备注 用户注册已执行已测试通过 注册用户登录已执行已测试通过 发表评论已执行已测试通过 视听音乐已执行已测试通过 下载音乐已执行已测试未通过暂未开放 查看网站主页 内容 已执行已测试通过 添加音乐已执行已测试通过 修改音乐已执行已测试通过 评论管理已执行已测试通过 音乐上传已执行已测试通过 会员管理已执行已测试通过 6.2.2 测试问题解决测试问题解决 表 6-3 测试问题解决 错误或问题描述错误或问题描述错误或问题状态错误或问题状态 注册用户完成时，提示信息有误导作用已解决 注册用户时，单击提交后无提示信息 也未跳转至其它页面 已解决 音乐网站的设计与实现 第 32 页 后台登录界面显示信息不完整已解决 播放音乐