项目运行环境配置:
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。
项目技术:
Springboot + mybatis + Maven +mysql5.7或8.0+html+css+js等等组成,B/S模式 + Maven管理等等。
环境需要
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可
4.硬件环境:windows 7/8/10 4G内存以上;或者 Mac OS;
5.是否Maven项目: 否;查看源码目录中是否包含pom.xml;若包含,则为maven项目,否则为非maven项目
6.数据库:MySql 5.7/8.0等版本均可;
毕设帮助,指导,本源码分享,调试部署(见文末)
3.3 系统功能分析
在线音乐网站主要有管理员和用户,二个功能模块:管理员模块、用户模块。以下将对这二个功能的作用进行详细的剖析[11]。
管理员模块:管理员在系统中的是核心用户,管理员登录后,可以对后台系统进行管理。主要功能有:系统首页、个人中心、用户管理、歌曲分类管理、歌手信息管理、歌曲信息管理、音乐视频管理、音乐交流、系统管理等功能。管理员用例如图3-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f0848291ce4274ccfeed2d8261400683.png)
图3-1 管理员用例图
用户:用户进入系统可以对首页、歌手信息、歌曲信息、音乐视频、音乐交流、音乐资讯、个人中心等进行操作。用户用例如图3-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c9e48b8cda183c3339e798d45254a867.png)
图3-2用户用例图
3.4 系统流程分析
3.4.1 数据开发流程
在线音乐网站开发时,首先对此系统进行需求分析,进而对系统进行模块、编码等详细设计总体的设计规划,设计系统功能模块,数据库的选择等,本系统的开发流程如图3-3所示
![](https://i-blog.csdnimg.cn/blog_migrate/1689824d400d2780db62294965cc0019.png)
图3-3系统开发流程图
3.4.2 用户登录流程
要想利用这个软件来进行系统的安全管理,首先需要登录到该软件中。如图3-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/1b8e330b152aa01ca7aec04db464cd03.png)
图3-4登录流程图
3.4.3 系统操作流程
用户登录系统时需要输入正确的正确的用户名和密码,数据库在进行匹配核实后匹配结果正确才能进入系统,若错误则提示用户名或密码错误,即无法登录。操作流程如图3-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e0cfba668a1f3cc493b0822734a290c3.png)
图3-5 系统操作流程图
3.4.4 添加信息流程
管理员可以添加信息,用户添加可以自己权限内的信息,输入信息后,要想利用这个软件来进行系统的安全管理,首先需要登录到该软件中。添加信息流程如图3-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/860f169b362db3e00653be10a750d937.png)
图3-6 添加信息流程图
3.4.5 修改信息流程
管理员可以修改信息,用户可以修改自己权限内的信息,首先进入修改信息界面,输入需要修改信息,在系统进行判定为正确和合规后修改成功,并将数据更新至数据库。信息不合法则修改失败,重新输入。修改信息流程图如图3-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/dbc74165c76d7497c638716837ecb7d2.png)
图3-7 修改信息流程图
3.4.6 删除信息流程
管理员可以删除信息,点击删除按钮,系统会提示是否删除信息,点击确定,则信息被删除,数据库中的信息随之删除,删除信息流程图如图3-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f6ca505788ccf98df05d86f92b66758f.png)
图3-8 删除信息流程图
4 系统设计
4.1 系统概要
在对该方法进行了系统的解析之后,进行了一个包括了整体和细节的记性系统的设计。整体的设计仅仅是一个整体的方案,通过整体的方案,我们可以将整个体系中的某些部分分割开来,比如文件,文档,数据等等。经过整体的规划,我们可以将这些软件的各个部分,都分成了不同的部分。不过这仅仅是一种初步的分类,并未实际实施。
总体来说,这是一个初步的方案,也是一个工程。我们可以进行多种方案的综合,在比较中,从性能、成本、效益三方面进行比较,最后得出最佳的产品,选用好的总体设计能够减少成本,提高学校效益,从这一点来讲,整体设计非常重要的。
在线音乐网站工作原理图如图4-1所示:
图4-1 系统工作原理图
4.2 系统结构设计
构图是系统的体系结构,体系结构是体系结构体系的一部分,体系结构体系是体系结构体系的重要组成部分。在线音乐网站的整体结构设计如图4-2所示。
图4-2 系统整体架构图
4.3数据库设计
在电脑资讯系统中,以资料库为基础。当前计算机体系中最重要的是数据库。数据库的发展好坏,直接关系到整个系统的性能与运行效率。
4.3.1 数据库设计原则
利用 ER模式进行数据库的概念结构设计。E-R模型法的组成元素有:实体、属性、联系,E-R模型用E-R图表示,是一个关于工作环境中的事件的信息,而一个属性是关于物理特征的说明。在系统的设计过程中,资料库发挥了关键作用。下面设计出这几个关键实体的实体—关系图。
4.3.2 数据库实体
在一个资料模式中,一个被称作“实例”的实体,与真实的“事件”或者“物体”相匹配,可以与其它物体区分开来。例如,公司中的每个员工,家里中的每个家具。
本系统的E-R图如下图所示:
1、音乐视频实体图如图4-3所示:
图4-3音乐视频实体图
2、用户信息实体图如图4-4所示:
图4-4用户信息实体图
3、歌手信息实体图如图4-5所示:
图4-5歌手信息实体图
4、歌曲信息实体图如图4-6所示:
图4-6歌曲信息实体图
5.2 用户前台功能模块
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到在线音乐网站的导航条显示首页、歌手信息、歌曲信息、音乐视频、音乐交流、音乐资讯、个人中心 。系统首页界面如图5-1所示:
图5-1 系统首页界面
在系统首页点击中间的注册/登录按钮,然后页面跳转到注册登录界面,后来输入信息完成后,单击注册或者登录操作,如图5-2所示:
图5-2用户注册、用户登录界面
用户点击歌曲信息,在歌曲信息页面的搜索栏输入歌手姓名、歌曲风格、标签、地区,进行查询,然后查看歌名、歌曲分类、歌手、封面、语言、专辑、时长、音乐文件、发行方,如果有需要进行收藏、点击下载等操作;如图5-3所示:
图5-3歌曲信息页面
用户点击音乐视频,在音乐视频页面的搜索栏输入歌名、歌手、语言、专辑,进行查询,然后查看歌曲名称、歌曲分类、封面、视频播放、发行时间,如果有需要进行收藏等操作;如图5-4所示:
图5-4音乐视频页面
在个人中心页面可以输入个人详细信息,进行信息更新操作,还可以对我的发布、我的收藏进行详细操作,如图5-5所示:
图5-5个人中心界面
5.3 管理员功能模块
管理员登录,通过登录页面填写用户名、密码、角色,点击登录,如图5-6所示。
图5-6管理员登录界面图
管理员登录进入在线音乐网站可以对系统首页、个人中心、用户管理、歌曲分类管理、歌手信息管理、歌曲信息管理、音乐视频管理、音乐交流、系统管理等功能,进行详细操作,如图5-7所示。
图5-7 管理员功能界面图
管理员点击用户管理,在用户管理页面中可以对用户名、昵称、头像、姓名、性别、年龄、手机等信息,并可根据需要进行查询或者新增、删除用户信息等操作,如图5-8所示。
图5-8用户管理界面图
管理员点击歌手信息管理,在歌手信息管理页面中可以对歌手姓名、歌手性别、头像、歌曲风格、标签、出生日期、地区等信息,并可根据需要进行查询或者新增、删除歌手信息等操作,如图5-9所示。
图5-9歌手信息管理界面图
管理员点击歌曲信息管理,在歌曲信息管理页面中可以对歌名、歌曲分类、歌手、封面、语言、专辑、时长、音乐文件、发行方等信息,并可根据需要进行查询、新增或者删除歌曲信息等操作,如图5-10所示。
图5-10歌曲信息管理界面图
管理员点击音乐视频管理,在音乐视频管理页面中可以对歌曲名称、歌曲分类、封面、视频播放、发行时间等信息,并可根据需要进行查询或者删除音乐视频等操作,如图5-11所示。
图5-11音乐视频界面图
管理员点击音乐交流,在音乐交流页面中可以对帖子标题、用户名、状态等信息,并可根据需要进行查询或者删除音乐交流等操作,如图5-12所示。
图5-12音乐交流界面图