基于springboot+vue在线音乐分享网站 前后端分离

本文介绍的系统主要分为两个部分：一是前台界面：用户通过注册登录可以实现音乐播放、新闻浏览、留言评论等功能：另一个是后台界面：音乐网站管理员对用户信息进行管理,上传更新音乐资源,发布最新音乐资讯等功能。
环境需要
1.运行环境：最好是java jdk 1.8，这是目前最稳定的JDK也是被使用最多的JDK版本。
2.IDE环境：IDEA，Eclipse都可以csdn。推荐IDEA;
3.tomcat环境：Tomcat7/Tomcat8/Tomcat9版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.数据库：MySql 5.7版本；
6.是否Maven项目：是；

技术栈

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

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

SpringBoot是当前最流向的一个框架，它的配置更加的简单，使开发变得更加的简单迅速。
Spring Boot 的基础结构共三个文件，具体如下：
src/main/java：程序开发以及主程序入口；
src/main/resources：配置文件；
src/test/java：测试程序。
SpringBoot项目默认支持两种格式的配置文件
1,application.properties
2,application.yaml
前端技术：nodejs+vue+elementui。

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

/**
 * 登录相关
 */
@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 绪论 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