基于SSM+VUE整合的音乐购买以及播放器管理系统
项目背景
随着社会的发展,计算机的优势和普及使得音乐播放器管理系统的开发成为必需。音乐播放器管理系统主要是借助计算机,通过对首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理等信息进行管理。减少管理员的工作,同时也方便广大用户对个人所需音乐的及时查询以及管理。
音乐播放器管理系统的开发过程中,采用B / S架构,主要使用Java技术进行开发,结合最新流行的SpringMVC和Mybatis的SSM框架。中间件服务器是Tomcat服务器,使用Mysql数据库和Eclipse开发环境。该音乐播放器管理系统包括用户、会员信息和管理员。其主要功能包括管理员:首页、个人中心、用户管理、会员类别管理、会员信息管理、音乐分类管理、音乐推荐管理、付费音乐管理、普通购买管理、普通发货管理、会员购买管理、会员发货管理、我的收藏管理、论坛管理、系统管理,前台首页;首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理,用户:首页、个人中心、会员信息管理、普通购买管理、普通发货管理、我的收藏管理、论坛管理,会员信息;首页、个人中心、会员购买管理、会员发货管理、论坛管理、我的收藏管理等功能。
本论文对音乐播放器管理系统的发展背景进行详细的介绍,并且对系统开发技术进行介绍,然后对系统进行需求分析,对音乐播放器管理系统业务流程、系统结构以及数据都进行详细说明。用户可根据关键字进行信息的查找自己想要听的音乐等。
功能设计
功能模块图
用户进入系统可以查看首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理等操作。
管理员登陆后,主要功能模块包括首页、个人中心、用户管理、会员类别管理、会员信息管理、音乐分类管理、音乐推荐管理、付费音乐管理、普通购买管理、普通发货管理、会员购买管理、会员发货管理、我的收藏管理、论坛管理、系统管理等功能。
系统的功能结构图
功能截图
前台首页功能模块
音乐播放器管理系统,在系统首页可以查看首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理等内容
用户注册,在用户注册页面通过填写用户名、密码、昵称、姓名、邮箱、手机等内容进行用户注册
音乐推荐,在音乐推荐页面中可以查看分类、歌手、专辑等信息进行点我收藏
付费音乐,在付费音乐页面中可以查看分类、歌手、专辑、时间、价格、折扣价等详细信息进行普通购买、会员购买
管理员功能模块
管理员登录,通过填写注册时输入的用户名、密码、角色进行登录
管理员登录进入音乐播放器管理系统可以查看首页、个人中心、用户管理、会员类别管理、会员信息管理、音乐分类管理、音乐推荐管理、付费音乐管理、普通购买管理、普通发货管理、会员购买管理、会员发货管理、我的收藏管理、论坛管理、系统管理等信息
会员类别管理,在会员类别管理列表可以查看会员类别、价格、有效时间等内容,还可以根据需要修改或删除等操作
会员信息管理,在会员信息管理列表可以查看用户名、昵称、会员号、密码、姓名、会员类别、价格、有效时间、开通日期、到期日期等信息,并可根据需要进行修改或删除等操作
音乐推荐管理,在音乐推荐管理列表可以查看歌名、分类、图片、歌手、专辑、试听、歌词等信息,并可根据需要进行修改或删除等操作
付费音乐管理,在付费音乐管理列表可以查看歌名、分类、图片、歌手、专辑、时间、价格、折扣价等内容,并且根据需要进行修改或删除等操作
我的收藏管理,在我的收藏管理列表可以查看收藏ID、表名、收藏名称、收藏图片等内容,并且根据需要进行收藏操作
普通购买管理,在普通购买管理列表可以查看订单编号、歌名、分类、歌手、价格、购买日期、用户名、昵称、是否支付等内容,并且根据需要进行修改或删除等操作
会员发货管理,在会员发货管理列表可以查看订单编号、歌名、分类、音乐文件、日期、会员号、昵称等内容,并且根据需要进行修改或删除等操作
用户功能模块
用户登录进入音乐播放器管理系统可以查看首页、个人中心、会员信息管理、普通购买管理、普通发货管理、我的收藏管理、论坛管理等内容
普通购买管理,在普通购买管理列表中通过填写订单编号、歌名、分类、歌手、价格、购买日期、用户名、昵称、是否支付等信息并删除
普通发货管理,在普通发货管理列表中通过填写订单编号、歌名、分类、歌手、音乐文件、音质、日期、用户名、昵称等信息并删除
会员信息功能模块
会员信息登录进入音乐播放器管理系统可以查看首页、个人中心、会员购买管理、会员发货管理、论坛管理、我的收藏管理等内容
会员购买管理,在会员购买管理列表中通过填写订单编号、歌名、分类、歌手、折扣价、购买日期等信息并删除
会员发货管理,在会员发货管理列表可以查看订单编号、歌名、分类、音乐文件、日期、会员号、昵称等信息内容,并且根据需要进行删除操作
相关代码
数据库配置
# Tomcatserver: tomcat: uri-encoding: UTF-8 port: 8080 servlet: context-path: /springbootr1tjfspring: datasource: driverClassName: com.mysql.jdbc.Driver url: jdbc:mysql://127.0.0.1:3306/springbootr1tjf?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8 username: root password: 123456# driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver# url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springbootr1tjf# username: sa# password: 123456 servlet: multipart: max-file-size: 10MB max-request-size: 10MB resources: static-locations: classpath:static/,file:static/#mybatismybatis-plus: mapper-locations: classpath*:mapper/*.xml #实体扫描,多个package用逗号或者分号分隔 typeAliasesPackage: com.entity global-config: #主键类型 0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID"; id-type: 1 #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断" field-strategy: 2 #驼峰下划线转换 db-column-underline: true #刷新mapper 调试神器 refresh-mapper: true #逻辑删除配置 logic-delete-value: -1 logic-not-delete-value: 0 #自定义SQL注入器 sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector configuration: map-underscore-to-camel-case: true cache-enabled: false call-setters-on-nulls: true #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other) jdbc-type-for-null: 'null'
控制层(controller)
package com.controller;import java.util.Arrays;import java.util.Calendar;import java.util.Date;import java.util.Map;import javax.servlet.http.HttpServletRequest;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PathVariable;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestBody;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.ResponseBody;import org.springframework.web.bind.annotation.RestController;import com.annotation.IgnoreAuth;import com.baomidou.mybatisplus.mapper.EntityWrapper;import com.entity.TokenEntity;import com.entity.UserEntity;import com.service.TokenService;import com.service.UserService;import com.utils.CommonUtil;import com.utils.MPUtil;import com.utils.PageUtils;import com.utils.R;import com.utils.ValidatorUtils;/** * 登录相关 */@RequestMapping("users")@RestControllerpublic class UserController{@Autowiredprivate UserService userService;@Autowiredprivate 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); UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())); if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) { return R.error("用户名已存在。"); } userService.updateById(user);//全部更新 return R.ok(); } /** * 删除 */ @RequestMapping("/delete") public R delete(@RequestBody Long[] ids){ userService.deleteBatchIds(Arrays.asList(ids)); return R.ok(); }}
业务层(Service)
package com.service;import java.util.List;import java.util.Map;import org.apache.ibatis.annotations.Param;import com.baomidou.mybatisplus.mapper.Wrapper;import com.baomidou.mybatisplus.service.IService;import com.entity.UserEntity;import com.utils.PageUtils;/** * 系统用户 */public interface UserService extends IService<UserEntity> { PageUtils queryPage(Map<String, Object> params);List<UserEntity> selectListView(Wrapper<UserEntity> wrapper); PageUtils queryPage(Map<String, Object> params,Wrapper<UserEntity> wrapper); }
数据访问层(Dao)
package com.dao;import java.util.List;import org.apache.ibatis.annotations.Param;import com.baomidou.mybatisplus.mapper.BaseMapper;import com.baomidou.mybatisplus.mapper.Wrapper;import com.baomidou.mybatisplus.plugins.pagination.Pagination;import com.entity.UserEntity;/** * 用户 */public interface UserDao extends BaseMapper<UserEntity> {List<UserEntity> selectListView(@Param("ew") Wrapper<UserEntity> wrapper);List<UserEntity> selectListView(Pagination page,@Param("ew") Wrapper<UserEntity> wrapper);}