基于 Web （SSM框架）的泡泡云音乐欣赏系统

朴灿烈づ我的快乐病毒、 2024-04-03 11:57 40阅读 0赞

目 录  
序 言 1  
第一章 绪论 2  
1.1 系统开发背景 2  
1.2 系统说明书的结构 2  
第二章 系统可行性分析 3  
2.1 技术可行性 3  
2.1.1 开发技术 3  
2.1.2 开发环境 5  
2.2 经济可行性 5  
2.3 操作可行性 5  
2.4 法律可行性 5  
第三章 系统需求分析 6  
3.1 功能概况描述 6  
3.2性能需求分析 9  
3.3系统流程分析 9  
3.3.1登录流程图 9  
3.3.2用户操作流程图 10  
3.3.3管理员操作流程图 11  
3.4系统功能用例图 12  
第四章 系统概要设计 15  
4.1系统工作原理 15  
4.2 系统结构设计 15  
4.3 数据库设计 17  
4.3.1数据库概念结构设计 17  
4.3.2数据库逻辑结构设计 20  
第五章 系统的实现 23  
5.1 用户功能模块的实现 23  
5.1.1系统注册界面 23  
5.1.2用户登录界面 24  
5.1.3用户信息界面 26  
5.1.4歌曲推荐界面 27  
5.1.5在线播放界面 28  
5.1.6我的歌曲界面 29  
5.1.7发布歌曲界面 30  
5.2 管理员功能模块的实现 33  
5.2.1用户管理界面 33  
5.2.2音乐类别管理界面 35  
5.2.3音乐管理界面 38  
第六章 系统测试 41  
6.1系统测试描述 41  
6.2系统功能测试 42  
6.2.1登录注册测试 42  
6.2.2身份权限测试 42  
6.2.3用户更新测试 44  
6.2.4歌曲管理测试 44  
6.2.5用户管理测试 44  
6.2.6音乐类别测试 45  
6.2.7在线播放测试 45  
6.2.8歌曲播放测试 46  
6.2.9评论格式测试 46  
6.3测试结论 47  
结束语 48  
参考文献 49  
致 谢 51  
第三章 系统需求分析  
3.1 功能概况描述  
本系统的主要任务是：根据不同权限的角色身份登入系统后，每个身份的可操作功能也不同。本系统需要完成的基本功能是用户注册功能（验证信息）、歌曲管理功能、用户管理功能、音乐类别管理功能、在线播放模块、歌曲评论功能以及歌曲信息、用户信息的管理功能。下面具体来了解本系统的各个功能模块。

1.登录注册模块  
主要包括两个子模块：  
（1）注册用户模块：用户进入系统主页后，这时用户的初始身份是游客身份，只能欣赏歌曲，查看歌曲评论的简单操作。点击注册后，输入要注册的用户名和密码，用户名字没有限制，但是此处的密码应该是暗码，然后实现系统用户的注册功能。此时就是系统的普通用户，对于普通用户，在以上功能基础上，用户可以发布歌曲，对歌曲进行编辑，编辑包括修改歌曲信息、删除此条记录，还可以听歌评论。  
（2）登录系统模块：登录系统就可以进一步获取相对应的身份权限，登录密码格式为暗码，进入系统后，如果是管理员，那么在用户功能的基础上要有对用户的操作功能、歌曲类别操作功能。

2.用户管理功能模块  
此功能模块主要包括两个子模块：  
（1）创建用户模块：进入创建用户，输入账号、密码、头像、姓名、年龄等信息。比如，用户名为Lt，年龄为23，还有签名档。通过这些信息，可以对此用户做一个简单的信息记录。在用户类型选择方面，分为用户和管理员，不同的选择，用户的身份权限不同，可以操作的功能也就有所区别，这个性能需求在第一模块中已经描述。  
（2）用户管理模块：此模块分为四个子功能：①用户信息列表查看：对用户的简要信息列表，管理员此时可以看到创建用户的简单信息。例如，查看账号，电话，邮箱，联系地址，QQ，用户类型，这些都应该让管理员一目了然。②用户资料查询模块：对当前用户所有信息查看，这个查看比列表查看更加详细，比如增加查看当前用户的性别，身份证，展现自己个性的头像和签名档。③用户密码重置：对当前用户的登录密码进行重置，这个重置应该对密码直接修改，不需要输入以前的密码。④用户记录删除模块：管理员从系统中删除此用户的所有信息。比如，用户删除了用户名为aaa的用户，那么用户信息不再展现在信息列表，此用户也不能在登录系统。

3.音乐类别管理模块  
此功能模块主要包括两个子模块：  
（1）创建音乐类别模块：管理员通过此模块创建一个新的音乐类别并能展现在系统主页中，其他用户进行向此类别中添加歌曲，比如管理员添加一个类别“电子”，那么主页中会出现“电子”这一类别，并且用户可以向“电子”类别中添加歌曲。  
（2）类别管理模块：这个大模块又分为三个子功能：①进入管理界面，列出所有的音乐类别，显示出类别名称以及对应的创建此类别的时间。②编辑类别：对类别进行重新编辑，编辑后可以看到主页中此类别已经改变。③删除功能：删除当前创建的类别，删除后，类别列表和主页中此类别都会消失。

4.歌曲管理功能模块  
此功能模块主要包括两个子模块：  
（1）发布歌曲模块：用户通过编辑歌曲名字，选择音乐类别，对歌曲封面、源文件进行上传，歌曲和歌手简介，歌词编辑等信息，通过这些用户可以充分了解此歌曲的详细信息，以此来判断是否这首歌曲符合自己的需要。  
（2）歌曲管理模块：此模块分为四个子功能：①对歌曲查询，用户可以查询自己上传的歌曲信息，包括歌曲名字，创立时间等信息。②封面查看：用户可以查看当前歌曲所对应封面，此处是新窗口大图。③歌曲编辑功能：用户对歌曲的名称，歌曲简介，歌曲歌词进行编辑，另外应该可以重新设置歌曲的封面图。④歌曲信息的删除功能：用户通过此功能删除当前自己发布的歌曲的所有信息，删除后用户在歌曲列表看不到此歌曲记录，在主页中也看不到此歌曲。

5.在线播放功能模块  
此模块主要是在线放歌曲功能。用户通过此功能，在联网的状态下在线播放歌曲，用户在此页面可以看到歌手名字和歌名，不需要看到其他额外的信息，方便刷歌来寻找对应自身口味的音乐，刷新此功能可以刷新播放列表。

6.歌曲评论功能模块  
此模块主要包括三个子模块：  
（1）标签“收藏”和“取消收藏”的跳转：用户通过此功能对歌曲进行标志，标记自己感兴趣的歌曲，这样，用户下次播放时就可以发现这个歌曲是自己以前关注过的歌。  
（2）歌曲上传模块：用户通过此功能进行评论，通过评论记录自己听歌的感受。这样在以后听歌看到评论时就可以想起自己当时听歌的心情，满满的回忆之情会让人很享受。  
（3）评论格式模块：通过此功能，用户能够对要写的评论进行趣味编辑。比如字体设为“微软雅黑”，字的大小可设为“28”，颜色可为“红色”，另外也可以增加表情，这样就会使得评论更加丰富。

7.系统的其他功能  
此模块主要包括三个子功能：  
（1）主页侧面伸张和缩放功能：进入系统后，在管理员界面，可以看到左侧的操作菜单，操作菜单最下方有个指向左的箭头，点击箭头，左侧菜单栏收起，只能显示右侧详细的操作界面。点击“泡泡云音乐”右侧的区域可以展开操作菜单，这时可以选择其他的操作选项。  
（2）主页全屏和评论全屏功能：进入系统主页后，点击用户旁边的全屏按钮，系统主页显示全屏，这时页面会占据整个屏幕，本文转载自http://www.biyezuopin.vip/onews.asp?id=13920浏览器其他栏都不会出现。点击评论全屏按钮，评论区占据整个屏幕，最上方是评论可选择的格式。  
3.2性能需求分析  
为了保证本系统在各种不同平台下稳定运行，这就要考虑本系统的稳定性，所以性能分析是不可缺少的。在本音乐欣赏系统的开发过程中，要多层次分析，从不同点分析系统的性能需求，因此要充分考虑到以下几点：  
安全性。本系统开发技术和开发环境具有较高的可靠性，因此保证了系统的安全性。  
先进性。本系统具备良好的使用性，考虑社会情况，符合用户的需要，具有先进性。  
可扩展性。在本系统中，为用户提供了一个在线音乐欣赏的平台，用户使用时上传的歌曲充实了数据量。因此在系统的设计过程中，充分考虑了系统的可扩展性。

package com.app.controller;
    
    import java.io.File;
    import java.util.LinkedList;
    import java.util.List;
    import java.util.Random;
    import java.util.UUID;
    import javax.annotation.Resource;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpSession;
    import javax.xml.registry.infomodel.User;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    import org.springframework.web.bind.annotation.RequestParam;
    import org.springframework.web.multipart.MultipartFile;
    import org.springframework.web.servlet.ModelAndView;
    import com.app.entity.*;
    import com.app.service.*;
    import com.app.utils.MD5;
    import com.app.utils.MainUtils;
    
    @Controller
    @RequestMapping("/manage")
    public class ManageController {
        
    	
    	@Resource
    	UsersService userService;
    
    
    	
    	@Resource
    	ArticleService articleService;
    	
    	@Resource CommentService cService;
    	
    	@RequestMapping("/index")
    	public String index(HttpSession session) {
        
    		if (session.getAttribute("user") == null) {
        
    			return "redirect:login";
    		}
    
    		return "admin/index";
    	}
    	
    	
    	
    	
    
    
    	@RequestMapping("/main")
    	public String main(HttpSession session) {
        
    		if (session.getAttribute("user") == null) {
        
    			return "redirect:login";
    		}
    
    		return "admin/main";
    	}
    
    	@RequestMapping("/login")
    	public String login() {
        
    		return "admin/login";
    	}
    	
    	@RequestMapping("/findPwd")
    	public String findPwd() {
        
    		return "admin/findPwd";
    	}
    
    	@RequestMapping("/reg")
    	public String regedit() {
        
    		return "home/reg";
    	}
    
    	@RequestMapping("/quit")
    	public String quit(String retUrl, HttpSession session) {
        
    		session.invalidate();
    		return "redirect:" + retUrl;
    	}
    
    	@RequestMapping(value = "/dologin", method = RequestMethod.POST)
    	public String signin(@RequestParam("username") String username,
    			@RequestParam("password") String password, Model model,
    			HttpSession session) {
        
    		System.out.println(username);
    		System.out.println(password);
    		Users user = userService.userLogin(username, MD5.MD51(password));
    
    		model.addAttribute("inlogin", true);
    		if (user != null) {
        
    
    			model.addAttribute("user", user);
    
    			session.setAttribute("user", user);
    			session.setAttribute("userid", user.getId());
    			session.setAttribute("username", user.getUsername());
    			session.setAttribute("usertype", user.getType());
    
    			Users us = userService.getUsersById(Integer.parseInt(session
    					.getAttribute("userid") + ""));
    			float oldMoney = Float.parseFloat(us.getMoney());
    			us.setMoney((oldMoney + MainUtils.LOGINVAL) + "");
    			userService.update(us);
    		}
    		return "admin/login";
    	}
    	
    	
    	
    	@RequestMapping(value = "/findPwdForm", method = RequestMethod.POST)
    	public String signin(@RequestParam("email") String email,Model model,
    			HttpSession session) {
        
    	
    		List<Users> list = userService.getAllUsers();
    		Users getUser = new Users();
    		boolean exist = false;
    		if(list.size()>0)
    		{
        
    			for (Users user : list) {
        
    				if(user.getEmail().equals(email))
    					{
        
    					getUser = user;
    					exist=true;break;
    					
    					}
    			}
    		}
    
    		model.addAttribute("inlogin", true);
    		if (exist) {
        	
    			getUser.setPassword(MD5.MD51("123456"));
    			userService.update(getUser);
    			model.addAttribute("state", 1);
    			model.addAttribute("message", "您的密码已经重置为123456，请尽快登录修改");
    		}else{
        
    			model.addAttribute("state", 2);
    			model.addAttribute("message", "你输入的邮箱不存在，请重新输入");
    		}
    		return "admin/findPwd";
    	}
    
    	@RequestMapping(value = "/doreg", method = RequestMethod.POST)
    	public String doreg(@RequestParam("username") String username,
    			@RequestParam("password") String password,
    			String realname,
    			String email,
    			String tel,
    			String qq,
    			String address,
    			String thumb,
    			String age,
    			Model model,
    			HttpSession session) {
        
    		System.out.println(username);
    		System.out.println(MD5.MD51(password));
    		Users user = new Users();
    		user.setEcard(MainUtils.getEcard());
    		user.setMoney("100.00");
    		user.setType(1 + "");
    		user.setUsername(username);
    		user.setPassword(MD5.MD51(password));
    		user.setRealname(realname);
    		user.setEmail(email);
    		user.setTel(tel);
    		user.setAddress(address);
    		user.setThumb(thumb);
    		user.setQq(qq);
    		user.setAge(age);
    		
    		user.setCreated(MainUtils.getTime());
    		userService.insert(user);
    		model.addAttribute("state", 1);
    		return "redirect:login";
    	}
    }

![在这里插入图片描述][6889ff0316934bb585d78023b31e2524.png_pic_center]  
![在这里插入图片描述][a3647f508f4843a1ba4499f36558cebb.png_pic_center]  
![在这里插入图片描述][9a4e7f4362ec418790f74b881d39d8df.png_pic_center]  
![在这里插入图片描述][5b1ff3e5254146fcbfa70ed6bc9a709e.png_pic_center]  
![在这里插入图片描述][941f4d6555324cb683335db51011fdf4.png_pic_center]  
![在这里插入图片描述][b787631f99f34792a9d52478cb57dad3.png_pic_center]  
![在这里插入图片描述][9373e9966d444d32a001936c8a49d168.png_pic_center]  
![在这里插入图片描述][438d4026ea2d42de886cef39a4d38dae.png_pic_center]  
![在这里插入图片描述][f84e449b835c440da08b5c49adc59f89.png_pic_center]  
![在这里插入图片描述][b4394512a34342cda2a81c454983acbf.png_pic_center]  
![在这里插入图片描述][9957d7fb3ac34967824e0fa0e769846b.png_pic_center]  
![在这里插入图片描述][1ea090a818b748d6a66de211d8d243b7.png_pic_center]  
![在这里插入图片描述][f235433a146443cb8adbc06337b7751f.png_pic_center]  
![在这里插入图片描述][8bd3984812b14e79a606dcd5f22944a0.png_pic_center]  
![在这里插入图片描述][b9665db582e54193a98086e388ececf5.png_pic_center]  
![在这里插入图片描述][fff276325894428ebd4cf06a6cbf41c3.png_pic_center]  
![在这里插入图片描述][dcc6921cef714de8b6310b3e3f8b46f5.png_pic_center]  
![在这里插入图片描述][48522b742fb448c9abe1f39cd0d5b9b1.png_pic_center]  
![在这里插入图片描述][06194c17c65043b88742214c0d491847.png_pic_center]  
![在这里插入图片描述][fc5281c8ef5449d0a6ac6cc4b6edf65e.png_pic_center]  
![在这里插入图片描述][e4799ea069c44bcfae5d7056b4a5a68d.png_pic_center]

[6889ff0316934bb585d78023b31e2524.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/13e305ba0ca14cef8a1eab3681df9738.png
[a3647f508f4843a1ba4499f36558cebb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3f582d44352948069336e11f9734b48e.png
[9a4e7f4362ec418790f74b881d39d8df.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cd750172843746eba878fd0068890e45.png
[5b1ff3e5254146fcbfa70ed6bc9a709e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c4fbb5b01c66470992c7ee3032bc104b.png
[941f4d6555324cb683335db51011fdf4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c46fb80dd38841b0a4607a14ed36a70e.png
[b787631f99f34792a9d52478cb57dad3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/514ea89c488b4ac4ae4c8c2035da6f8e.png
[9373e9966d444d32a001936c8a49d168.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ef0f91203e9a4125a838efc861ede99c.png
[438d4026ea2d42de886cef39a4d38dae.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/1406529b94b1470cac9ba7cd6793afbe.png
[f84e449b835c440da08b5c49adc59f89.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/eb34ba43640a4a8e836b0203f740d995.png
[b4394512a34342cda2a81c454983acbf.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/243b77450e644defa93644ecf686110b.png
[9957d7fb3ac34967824e0fa0e769846b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/825f88d3f91a4299b22c9a9321633a5a.png
[1ea090a818b748d6a66de211d8d243b7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/133e7a9fd64f49d58f33e31c3f15f531.png
[f235433a146443cb8adbc06337b7751f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/382ba24912014d3cad4fab1acf3b1ad0.png
[8bd3984812b14e79a606dcd5f22944a0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/445580c344e94f25ac687e1ff8e996f0.png
[b9665db582e54193a98086e388ececf5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8d56011e16a94147b2929bb5c51d85ad.png
[fff276325894428ebd4cf06a6cbf41c3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/bd898a74579b4755954824b82d05dd33.png
[dcc6921cef714de8b6310b3e3f8b46f5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2ff408a5b865414f8a23f7f2a8c7311d.png
[48522b742fb448c9abe1f39cd0d5b9b1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2f9a95c0317b42aaa2501ca86cad01e7.png
[06194c17c65043b88742214c0d491847.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/74ab6e24df9e4b7e8fad1ec2a4c578de.png
[fc5281c8ef5449d0a6ac6cc4b6edf65e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/adf8c6ef074d4cc6bd7cf3099cda7fe9.png
[e4799ea069c44bcfae5d7056b4a5a68d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5f62c4443b3a418aa79b4473a312ef33.png