个性化音乐信息网站的开发设计(源码)【字数:10268】
摘 要音乐是人类生活中不可或缺的组成部分。目前,互联网上各种Web音乐网站层出不穷,音乐信息和数据包容量十分庞大。但是,从个人角度来说,在庞大的音乐数据中不断有效地发现和存取个人喜好的音乐,其实是一件十分繁琐的事情。本次毕业设计以研究音乐信息收藏为目的,从各个音乐网站中收集、整理、存储和管理个人喜好的音乐信息,设计了基于WEB个性化音乐信息收藏网站,实现个性化的音乐收藏、分类和展示。本次毕设的内容主要有1)从多家音乐网站中获取音乐信息,包括歌曲名、音乐类别/风格、演唱者、音乐来源网站等。2)实现数据库数据模式的设计,支持对音乐信息进行存储、创建、添加、修改和删除的操作。3)设计和实现一个WEB网站,支持对所收藏的音乐信息进行统计、显示和查询操作。本次毕设开发采用了SSM框架技术。SSM框架是以Spring为核心,整合Spring MVC和MyBatis的轻量级框架技术,使用前后端分离方法有效地提升数据传输的速度,易于实现分层、易扩展的WEB应用系统地开发设计,提高了系统开发效率,减少了系统维护工作量。
目 录
第一章 引言 1
1.1研究背景 1
1.2相关技术 1
1.2.1三大框架技术 1
1.2.2AJAX技术 1
1.2.3BootStrap技术 2
1.2.4JQuery技术 2
1.2.5数据库技术 2
1.2.6Tomcat服务器 2
1.2.7JSP技术 2
1.3论文的主要内容 3
1.4论文的组织结构 3
第二章 系统设计 4
2.1系统概述 4
2.1.1用户的前台页面功能 4
2.1.2管理员的后台页面功能 4
2.2系统总体框架 4
2.3系统数据库的逻辑设计 5
2.3.1数据库的实体图 5
2.3.2数据库表设计 6
2.4系统功能设计 9
2.4.1前端个性化页面设计 9
2.4.2排行榜排行功能 9
2.4.3用户试听功能 9
2.4.4补充个人信息功能 10
*好棒文|www.hbsrm.com +Q: ^351916072#
2.4.5用户修改密码功能 10
2.4.6歌手页面功能 10
2.4.7用户留言功能 10
2.4.8收藏夹功能 10
2.4.9歌曲模糊查询功能 10
2.4.10歌曲按照歌单或者歌手查询 11
2.4.11用户管理功能 11
2.4.12音乐管理功能 11
2.4.13歌手管理功能 11
2.4.14留言板管理功能 11
第三章 系统实现 12
3.1开发平台 12
3.1.1硬件环境 12
3.1.2软件平台 12
3.2功能模块实现 12
3.2.1前台用户模块 12
3.2.2后台管理模块 19
第四章 系统测试 22
4.1功能模块测试 22
4.1.1首页功能模块 22
4.1.2排行榜功能模块 23
4.1.3歌手功能模块 23
4.1.4歌单功能模块 24
4.1.5收藏夹功能模块 25
4.1.6留言板功能模块 26
4.1.7更多功能模块 27
致 谢 31
参考文献 32
引言
1.1研究背景
现如今,网络音乐的迅速发展在很大程度上促进了传统音乐的可持续发展,随时在线查询、试听和评论自己喜欢的歌曲,似乎成为了当下年轻人每天必做的一件事情之一。开发个性化音乐收藏网站,有助于增加个性化体验、方便查询和试听,能够对音乐信息搜索的个性化服务起到辅助的作用,为了更好地理解现实生活中的音乐信息寻求行为,并建立一种与这种行为有关的分类方法,以便更好地比较未来的音乐信息检索研究[1],音乐在线的发展空间很大,现在很多音乐网站都不能提供在线播放,而且技术支持还不完善[2]。
1.2相关技术
1.2.1三大框架技术
Spring:主要是用XML文件和注解来装配Bean。从客户端发来的请求,由服务器Controller来完成转发请求的作用,它的控制器是调用一个类HandlerMapping,通过将请求映射地址到处理类来处理请求。通过Controller 中来调用一些Service 或mapper来进行操作数据库 ModelAndView用于Dao中的数据,还可以拥有模型数据。要想将处理结果传给用户,在这个框架中提供了一个组件视图ViewResolver,该视图根据Controller标志,找到目标,响应转发给用户[3]。
Spring MVC:MVC是一种设计模式,它强制地把应用程序的数据展示、数据处理和流程控制分开。MVC将应用程序分成3个核心模块,即模型、视图和控制器,三者既相互联结又担当不同的任务[4,5]。
MyBatis:一种支持普通的SQL查询的持久层框架。MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索[5,6]。
1.2.2AJAX技术
Ajax(即Asynchronous JavaScript and XML:异步JavaScript和XML)主要用于页面与后台的交互。使用Ajax后,提交数据时,界面不会刷新,使Web应用具有像桌面应用一样的交互性和响应性。使用Ajax页面会发出异步请求,使用户可以继续工作而不是等待响应,,并且仅会更新页面上确定要改变的部分[7]。
1.2.3BootStrap技术
由Twitter的设计师Mark Otto和Jacob Thornton合作开发的Bootstrap是一个CSS/HTML框架,是由动态CSS语言Less写成,提供HTML和CSS规范。基于 HTML、CSS、JavaScript 的Bootstrap 简洁灵活,使得 Web 开发更加快捷,一经推出颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC的Breaking News都使用了Bootstrap。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
目 录
第一章 引言 1
1.1研究背景 1
1.2相关技术 1
1.2.1三大框架技术 1
1.2.2AJAX技术 1
1.2.3BootStrap技术 2
1.2.4JQuery技术 2
1.2.5数据库技术 2
1.2.6Tomcat服务器 2
1.2.7JSP技术 2
1.3论文的主要内容 3
1.4论文的组织结构 3
第二章 系统设计 4
2.1系统概述 4
2.1.1用户的前台页面功能 4
2.1.2管理员的后台页面功能 4
2.2系统总体框架 4
2.3系统数据库的逻辑设计 5
2.3.1数据库的实体图 5
2.3.2数据库表设计 6
2.4系统功能设计 9
2.4.1前端个性化页面设计 9
2.4.2排行榜排行功能 9
2.4.3用户试听功能 9
2.4.4补充个人信息功能 10
*好棒文|www.hbsrm.com +Q: ^351916072#
2.4.5用户修改密码功能 10
2.4.6歌手页面功能 10
2.4.7用户留言功能 10
2.4.8收藏夹功能 10
2.4.9歌曲模糊查询功能 10
2.4.10歌曲按照歌单或者歌手查询 11
2.4.11用户管理功能 11
2.4.12音乐管理功能 11
2.4.13歌手管理功能 11
2.4.14留言板管理功能 11
第三章 系统实现 12
3.1开发平台 12
3.1.1硬件环境 12
3.1.2软件平台 12
3.2功能模块实现 12
3.2.1前台用户模块 12
3.2.2后台管理模块 19
第四章 系统测试 22
4.1功能模块测试 22
4.1.1首页功能模块 22
4.1.2排行榜功能模块 23
4.1.3歌手功能模块 23
4.1.4歌单功能模块 24
4.1.5收藏夹功能模块 25
4.1.6留言板功能模块 26
4.1.7更多功能模块 27
致 谢 31
参考文献 32
引言
1.1研究背景
现如今,网络音乐的迅速发展在很大程度上促进了传统音乐的可持续发展,随时在线查询、试听和评论自己喜欢的歌曲,似乎成为了当下年轻人每天必做的一件事情之一。开发个性化音乐收藏网站,有助于增加个性化体验、方便查询和试听,能够对音乐信息搜索的个性化服务起到辅助的作用,为了更好地理解现实生活中的音乐信息寻求行为,并建立一种与这种行为有关的分类方法,以便更好地比较未来的音乐信息检索研究[1],音乐在线的发展空间很大,现在很多音乐网站都不能提供在线播放,而且技术支持还不完善[2]。
1.2相关技术
1.2.1三大框架技术
Spring:主要是用XML文件和注解来装配Bean。从客户端发来的请求,由服务器Controller来完成转发请求的作用,它的控制器是调用一个类HandlerMapping,通过将请求映射地址到处理类来处理请求。通过Controller 中来调用一些Service 或mapper来进行操作数据库 ModelAndView用于Dao中的数据,还可以拥有模型数据。要想将处理结果传给用户,在这个框架中提供了一个组件视图ViewResolver,该视图根据Controller标志,找到目标,响应转发给用户[3]。
Spring MVC:MVC是一种设计模式,它强制地把应用程序的数据展示、数据处理和流程控制分开。MVC将应用程序分成3个核心模块,即模型、视图和控制器,三者既相互联结又担当不同的任务[4,5]。
MyBatis:一种支持普通的SQL查询的持久层框架。MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索[5,6]。
1.2.2AJAX技术
Ajax(即Asynchronous JavaScript and XML:异步JavaScript和XML)主要用于页面与后台的交互。使用Ajax后,提交数据时,界面不会刷新,使Web应用具有像桌面应用一样的交互性和响应性。使用Ajax页面会发出异步请求,使用户可以继续工作而不是等待响应,,并且仅会更新页面上确定要改变的部分[7]。
1.2.3BootStrap技术
由Twitter的设计师Mark Otto和Jacob Thornton合作开发的Bootstrap是一个CSS/HTML框架,是由动态CSS语言Less写成,提供HTML和CSS规范。基于 HTML、CSS、JavaScript 的Bootstrap 简洁灵活,使得 Web 开发更加快捷,一经推出颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC的Breaking News都使用了Bootstrap。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
版权保护: 本文由 hbsrm.com编辑,转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/164.html