基于html5的音乐网站

基于html5的音乐网站内容摘要：

没有问题。 经济 方面 ，本系统为 教学阶段的最后一个环节，所以人力资源免费， 资源 学校方面 提供， 知道 老师义务知道。 成本 之 需要计算学校 资源 的 消耗 以及自己 制作 软件 期间的 消耗。 所以 成本方面很低，经济上完全可行。 音乐网站时序图 收听 音乐模块 用户可以根据自己的喜好收听喜欢的音乐 ，时序图 如图 收听 音乐时序图所示： 图 收听音乐 时序图 添加 评论模块 用户可以 以 游客身份 对 专题、专辑、单曲添加评论 ， 或者登录后以会员身份 进行 评论。 时序图 如图 添加 评论时序图所示： 用户 页面 查询模块 数据库1 : 点击2 : 发送请求3 : 查询数据库4 : 返回歌曲信息烟台大学毕业论文（设计） 6 图 添 加评论 时序图 用户 上传 音乐 模块 注册成为本音乐网站会员后，可以 上传 原创音乐， 上传 的音乐必须是无版权问题的。 时序图如图 用户上传 音乐时序图 所示 ： 用户 页面 添加评论模块 数据库1 : 点击2 : 发送请求3 : 验证用户状态4 : 返回信息 ( 成功或失败 )烟台大学毕业论文（设计） 7 图 用户上传 音乐时序图 管理员 模块 后台管理模块 ： 后台 管理 模块 又 分为用户管理、专题管理、音乐管理、专题管理、评论管理。 管理员 必须首先 登录 后， 才 可以进入主页进行编辑操作。 时序图如图 后台管理时序图 所示 ： 用户 登录 选择要上传的音乐 数据库1 : 输入用户名和密码7 : 验证上传的文件格式4 : 返回信息 ( 成功或失败 )5 : 填写相关信息8 : 返回信息 ( 成功或失败 )页面2 : 点击登录6 : 点击上传3 : 验证用户烟台大学毕业论文（设计） 8 图 后台管理 时序图 管理员 登录 添加音乐 数据库1 : 输入用户名和密码2 : 点击登录7 : 验证信息是否正确4 : 返回信息 ( 成功或失败 )5 : 输入相关信息8 : 返回信息 ( 成功或失败 )页面3 : 验证用户6 : 点击增加烟台大学毕业论文（设计） 9 2 总体设计 本章节介绍 本音乐网站的总体设计 ， 包括模块划分，模块设计图， 系 统流程图。 音乐 网站 功能 模块划分 本音乐 网站功能模块分为 收听用户 模块， 用户 注册 /登录 模块， 用户 评论模块， 用户 上传原创音乐模块，排行榜模块，后台管理模块。 后台 管理 模块 又 分为用户管理、专题管理、音乐管理、专题管理、评论管理。 音乐 网站 模块设计 图 本音乐 网站总体模块划分为用户管理、专题管理、音乐管理、专题管理、评论管理。 模块 设计图如图 音乐 网站 模块设计 图 所示 ： 图 音乐 网站 模块设计 图 音乐网站用户注册/登录用户评论收听音乐用户上传原创音乐排行榜后台管理用户管理专题管理音乐管理专辑管理评论管理烟台大学毕业论文（设计） 10 音乐网站 流程图 下图为本网站的系统流程图，从管理员 个 用户 的角度描述了整个系统模块的进行流程。 系统 管理员 输入 用户名跟秘密 后 ，验证通过，进入 系统 ，进行歌曲，专题，专辑，用户跟评论 的 管理，包括新增，删除，发布，用户禁言，用户删除， 评论 删除等操作。 流程图 如图 音乐 网站 后台 流程图 所示 ： 图 音乐 网站 后台 流程图 开始输入用户名和密码验证用户名和密码进入主页用户管理专辑管理专题管理单曲管理修改密码是否结束烟台大学毕业论文（设计） 11 普通用户进入 前台网站后，可以进行音乐的收听，评论的添加，或者可以进行用户注册，从而可以上传自己的原创歌曲 ， 供他人收听，而且会有点击榜 和 收藏榜 排名。 登录时 ，输入 用户名跟密码后，验证通过， 进入 系统， 可以对个人的信息进行修改 ， 或者添加评论。 如果 是本网站的注册用户，则可以 上传 自己的原创歌曲。 流程图 如图 音乐 网站 前台 流程图 所示 ： 图 音乐 网站 前台 流程图 开始输入用户名和密码验证用户名和密码进入个人主页收听音乐管理个人信息收藏管理上传音乐删除评论是否结束添加评论用户注册用户登录烟台大学毕业论文（设计） 12 3 详细设计 本章 详细介绍了本 音乐 网站的各功能模块 的 设计 ， 数据库的设计。 数据库采用 了 Oracle数据库，并粘贴系统 ER 图。 音乐 网站 各 模块功能 收听音乐 模块 用户 进入本音乐网站后，即可以收听本网站的所有音乐。 该 模块包括专题的收听，专辑的收听，单曲的收听，用户上传的音乐的 收听。 用户 注册 /登录 模块 新用户 可以进行注册，需输入用户名，邮箱， 两次 密码。 前台 会 有输入验证，非空 、邮箱 格式 验证 、 两次密码是否一致验证。 验证 通过 会 传向后台 ，后台进行验证，如果又存在，则提示用户用户名已存在。 如 不存在 ，提示 注册 成功， 并 提示可以 登录。 登录点击 登录时，会 新打开 一个页面，输入信息后 前台 会 进行 非空验证，验证通过后会传向后台，后台进行用户名和密码的验证， 验证通过 后跳到主页面，如果验证不通过，则 提示用户名或密码不正确。 用户 评论模块 用户可以 以游客的身份对 专题 ，专辑，单曲 进 行 评论。 用户 注册成为 本网站的 会员后，可以删除已添加的评论。 任何 用户均可以对不好的言论进行举报， 管理员会进行 处理，删除相应的评论，如果 多次被举报 ，则管理员会对会员进行禁言处理，禁言后不能发布任何评论， 需 等解禁后才可继续发表评论。 评论 必须少于 200 字 ，不能过长。 用户 上传原创音乐模块 用户 注册成为本网站 会员 后， 可以 上传 用户 原创的音乐 或者是 翻唱的音乐 ， 当用户注册成为本网站会员时，必须同意本网站的用户协议，协议中 规定 用户上传的音乐为无版权纠纷的音乐。 会员 需要 填写歌曲的 名字，默认艺术家为注册时的名字。 上传 的 音乐格式必须是 mp3格式 ， 前台 非空验证，后台会有 文件 格式验证，管理员 也 会进行试听，不合适的音乐会被删除。 排行榜模块 排行榜为点击 量 排行榜，此榜单只针对用户 上传 的原创音乐 进行排行。 每当用户 点击此音乐播放时，点击量便会加一，为防止刷 榜单 ，榜单不会实时刷新，只有手动刷新后，才 会 更新 榜单 ， 并 设置点击后出现 遮罩 播放器，自动播放音乐， 为 便于用户查看 音乐 ，点烟台大学毕业论文（设计） 13 击播放器 以外 的地方，播放器会隐藏，再次点击播放器按钮， 会 再次出现播放器。 点击 其他 音乐，会自动加载 并 播放此音乐。 原来 的 音乐 则 会停止。 后台管理模块 管理 ： 管理员可以对用户进行禁言，解禁，删除操作。 用户被 禁言后将不能 发表 任何评论， 解除 禁言后，才可以再次发表评论。 用户 被删除，所有的信息将 被删除 ，包括个人的资料，上传的 歌曲 等。 管理 ： 管理员可以对专题进行增加，删除，修改，查询操作。 管理员 必须输入相应的 专题 名字， 专题 简介，图片，才可以增加新的专题。 修改 可以 修改 专题 名，图片，简介， 只 是需要输入相应 的 内容。 管理员 可以 对新专题进行发布，只有发布后，才可以在前台看到 相应 的内容。 管理员可以 根据专题的名字或者 ID 进行查询操作。 管理 ： 管理员可以对 专辑 进行增加，删除，修改，查询操作。 管理员 必须输入相应的 专辑 名字， 专辑 简介， 艺术家， 图片，才可以增加新的 专辑。 修改 可以 修改专辑名，艺术家，图片，简介， 只 需要输入相应 的 内容。 管理员 可以 对新 专辑 进行发布，只有发布后，才可以在前台看到 相应 的内容。 管理员可以 根据 专辑 的名字或者 艺术家 进行查询操作。 管理 ： 管理员可以对 单曲 进行增加，删除，修改，查询操作。 管理员 必须输入相应的 单曲 名字， 艺术家 ， 单曲 简介， 选择 专辑后才可以增加新的 单曲。 根据 歌曲的特性，必须先 增加 专辑后，才能增加歌曲。 修改 也 是需要输入相应 的 内容 ， 在 修改时 ，可以 将 歌曲加入 某一 专题。 一首单曲 只 可以加入一张专题 ， 一张专辑。 管理员 可以 对新 单曲 进行发布，只有发布后，才可以在前台 单曲 推荐看到 相应 的内容。 不发布也 可以在专题和专辑中看到相应的单曲。 管理员可以 根据 单曲 的名字 、艺术家或 者专辑的名字进行查询操作。 密码 ： 管理员可以 修改且 只能修改自己的密码。 修改 密码时需输入原密码，新密码，重复输入新密码，防止偷改密码。 烟台大学毕业论文（设计） 14 音乐 网站 数据库设计 音乐 网站 数据库 ER 图 管理员 与其他实体类有多对多的关系， 单曲 与专题有多对一的关系，单曲对专 辑有多对一的关系 ， 数据库 ER 图 如图 音乐 网站 后台 ER 图 所示 ： 图 音乐 网站 后台 ER 图 专题专辑单曲用户管理员管理MNNNN评论N管理员 ID管理员姓名密码专辑 ID专辑名称艺术家收藏数量简介状态属于单曲 ID单曲名称艺术家收藏数量简介状态N1专题 ID专题名称 收藏数量简介状态属于MN用户 ID用户姓名密码邮箱状态评论 ID评论内容评论类型具体的 ID评论时间烟台大学毕业论文（设计） 15 用户 对于专题、专辑、单曲有多对多的关系， 数据 库练习图如图 音乐 网站 用户 ER图 所示： 图 音乐 网站 用户 ER 图 音乐 网站 表结构设计 管理员表：管理员 ID、姓名、密码、状态。 用户表：用户 ID、用户名、密码、性别、注册时间、电邮、头像、状态。 专辑表：专辑 ID、专辑名、艺术家、图片名、简介、喜爱数量、状态。 专题表：专题 ID、专题名、图片名、简介、喜爱数量、状态。 音乐表： 音乐 ID、音乐名称、所属专辑 ID、所属专题、艺术家、文件地址、介绍、喜爱数量、状态。 评论表：评论 ID、用户 ID、评论内容、评论时间、被评论的具体 ID、类型 ID、状态。 收藏表：用户 ID、类型 ID、选择的 ID、状态。 用户上传 音乐表： ID、用户 ID、歌曲名、路径、状态 表名： madmin， 在该表中保存了 管理员 的基本 信息，数据表结构如表 所示 表 管理员 表 字段名称 数据类型 字段长度 备注 是否为空 admin_id number default 管理员编号 否 admin_name varchar2 20 管理员名称 否 admin_pwd varchar2 20 密码 否 status number default 状态 否 评论收藏用户专题专辑单曲MMNNNNNN评论 ID评论内容评论时间类型 ID项目 ID用户 ID收藏 ID类型 ID项目 ID用户 ID烟台大学毕业论文（设计） 16 表名： muser， 在该表中保存了 用户 的基本 信息，数据表结构如表 所示 表 用户表 字段名称 数据类型 字段长度 备注 是否为空 user_id number default 用户 编号 否 user_name varchar2 20 用户名 否 user_pwd varchar2 20 密码 否 birth date default 注册时间 否 varchar2 30 电邮 否 icon varchar2 20 头像 否 status number。