java基于springboot+vue+elementui的在线音乐库播放交流网站 前后端分离

根据对在线音乐网站的功能分析以及对用户需求的调查,本网站功能模块的设计通过结合实际市场的情况分为如下几个模块：
主页：在这里可以看到本网站的主要功能和信息。
用户注册：还未注册的游客可以在注册页面通过注册自己的账号来登录。
用户登录：用户通过登陆已注册的账户来获得更多的功能。
新闻列表：在这里用户可以浏览实时最新的音乐相关新闻。
音乐列表：在这里用户可以获取到不同的音乐资源。
播放模块：该模块实现音乐的在线播放以及音乐的相关操作。
评论模块：登录后的用户可以在新闻资讯页的评论栏发表自己的评论。
搜索歌曲：在这里用户通过搜索框搜寻自己喜欢的音乐。
收藏歌曲：用户可以收藏自己喜欢的歌曲到自己的收藏夹里。
个人信息：在这里,用户可以修改自己在该网站的个人信息。
管理员：管理用户、新闻管理、音乐管理、评论管理等。

环境需要
1.运行环境：最好是java jdk 1.8，这是目前最稳定的JDK也是被使用最多的JDK版本。
2.IDE环境：IDEA，Eclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat7/Tomcat8/Tomcat9版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.数据库：MySql 5.7版本；
6.是否Maven项目：是；
技术栈
后端：Spring+SpringMVC+Mybatis+Springboot
前端：vue+CSS+JavaScript+jQuery+elementui

随着时代发展，音乐变得无处不在，尤其是多媒体的出现让音乐更加大众化、普及化了。现在只要你鼠标轻轻一点，就可以找到各种各样的，甚至是不同国家的音乐信息供你选择来试听和下载。这样一来，对于音乐网站的要求就更加高了，不但要求在线音乐试听的速度，而且需要及时的更新音乐信息，这就意味着要不断提升网络的带宽，同时也需要新的网络技术来支持该系统，数据的压缩编码和用于发布媒体的网络技术就是在这样的背景下诞生的。而在霖听音乐网站管理系统正是利用流媒体技术设计开发的，它的出现将使得用户收听音乐更加方便快捷。

在线音乐就在这股互联网发展的浪潮下诞生。人们的日常生活与音乐是紧密联系、密不可分的,在线音乐在全球数字媒体娱乐产业的迅猛发展的大环境下逐渐发展起来并正在走向新一个高峰。在线音乐收听这种互联网模式很大地改变了音乐产业其传统的模式与结构。在线音乐网站作为一个提供在线音乐播放和资源的网络平台,其对音乐的交流和传播上有着前所未有的深远的影响。

1. 电脑及互联网技术的发展使人们接触到了在线音乐播放这种新兴的音乐模式。
2. 互联网用户的激增使得互联网对在线音乐资源的需求大大增加。
3. 在线音乐网站为音乐的创作提供更方便、更丰富的渠道和载体。
4. 在线音乐网站对音乐的传播和发展都有着很大的影响。
5. 在线音乐网站改变了人们收听和欣赏音乐的方式。
6. 在线音乐网站在促进音乐传播的同时,而且还激发了电子数码产品的更新和迭代。
   

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
       	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

目录
1 绪论 1
1.1课题背景 1
1.2课题研究现状 1
1.3初步设计方法与实施方案 2
1.4本文研究内容 2
2 系统开发环境 4
2.1 使用工具简介 4
2.2 环境配置 4
2.3 B/S结构简介 4
2.4 MySQL数据库 5
2.5 框架介绍 5
3 系统分析 6
3.1系统可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3运行可行性 6
3.2系统现状分析 6
3.3功能需求分析 7
3.4系统设计规则与运行环境 8
3.5系统流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3删除信息流程 10
4 系统设计 11
4.1系统设计主要功能 11
4.2数据库设计 11
4.2.1数据库设计规范 11
4.2.2 E/R图 11
4.2.3数据表 12
5 系统实现 25
5.1系统功能模块 25
5.2后台模块 27
5.2.1管理员功能模块 27
5.2.2用户功能模块 30
6 系统测试 33
6.1功能测试 33
6.2可用性测试 33
6.3性能测试 34
6.4测试结果分析 34
7结 论 35
参考文献 36
致 谢 37