SpringMVC+vue实现前后端分离的音乐播放器管理系统

前言介绍 

音乐播放器管理系统的开发过程中,采用B / S架构,主要使用Java技术进行开发,结合最新流行的SpringMVC和Mybatis的SSM框架。中间件服务器是Tomcat服务器,使用Mysql数据库和Eclipse开发环境。该音乐播放器管理系统包括用户、会员信息和管理员。其主要功能包括管理员:首页、个人中心、用户管理、会员类别管理、会员信息管理、音乐分类管理、音乐推荐管理、付费音乐管理、普通购买管理、普通发货管理、会员购买管理、会员发货管理、我的收藏管理、论坛管理、系统管理,前台首页;首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理,用户:首页、个人中心、会员信息管理、普通购买管理、普通发货管理、我的收藏管理、论坛管理,会员信息;首页、个人中心、会员购买管理、会员发货管理、论坛管理、我的收藏管理等功能。

本论文对音乐播放器管理系统的发展背景进行详细的介绍,并且对系统开发技术进行介绍,然后对系统进行需求分析,对音乐播放器管理系统业务流程、系统结构以及数据都进行详细说明。用户可根据关键字进行信息的查找自己想要听的音乐等。

系统功能需求分析

前台首页功能需求

用户进入系统可以查看首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理等操作。前台首页用例图如图

管理员功能需求

管理员登陆后,主要功能模块包括首页、个人中心、用户管理、会员类别管理、会员信息管理、音乐分类管理、音乐推荐管理、付费音乐管理、普通购买管理、普通发货管理、会员购买管理、会员发货管理、我的收藏管理、论坛管理、系统管理等功能。管理员用例图如图

系统的功能结构图

过系统需求分析,该音乐播放器管理系统功能结构图如图

系统功能实现

音乐播放器管理系统,在系统首页可以查看首页、音乐推荐、付费音乐、论坛信息、个人中心、后台管理等内容,如图

用户注册,在用户注册页面通过填写用户名、密码、昵称、姓名、邮箱、手机等内容进行用户注册,如图

登录,在登录页面通过填写账号、密码等信息进行登录,如图

音乐推荐,在音乐推荐页面中可以查看分类、歌手、专辑等信息进行点我收藏,如图1

如图2

付费音乐,在付费音乐页面中可以查看分类、歌手、专辑、时间、价格、折扣价等详细信息进行普通购买、会员购买,如图

管理员功能模块

管理员登录,通过填写注册时输入的用户名、密码、角色进行登录,如图

管理员登录进入音乐播放器管理系统可以查看首页、个人中心、用户管理、会员类别管理、会员信息管理、音乐分类管理、音乐推荐管理、付费音乐管理、普通购买管理、普通发货管理、会员购买管理、会员发货管理、我的收藏管理、论坛管理、系统管理等信息,如图

会员类别管理,在会员类别管理列表可以查看会员类别、价格、有效时间等内容,还可以根据需要修改或删除等操作,如图

会员信息管理,在会员信息管理列表可以查看用户名、昵称、会员号、密码、姓名、会员类别、价格、有效时间、开通日期、到期日期等信息,并可根据需要进行修改或删除等操作,如图

音乐推荐管理,在音乐推荐管理列表可以查看歌名、分类、图片、歌手、专辑、试听、歌词等信息,并可根据需要进行修改或删除等操作,如图

付费音乐管理,在付费音乐管理列表可以查看歌名、分类、图片、歌手、专辑、时间、价格、折扣价等内容,并且根据需要进行修改或删除等操作,如图

我的收藏管理,在我的收藏管理列表可以查看收藏ID、表名、收藏名称、收藏图片等内容,并且根据需要进行收藏操作,如图

普通购买管理,在普通购买管理列表可以查看订单编号、歌名、分类、歌手、价格、购买日期、用户名、昵称、是否支付等内容,并且根据需要进行修改或删除等操作,如图

会员发货管理,在会员发货管理列表可以查看订单编号、歌名、分类、音乐文件、日期、会员号、昵称等内容,并且根据需要进行修改或删除等操作,如图

用户功能模块

用户登录进入音乐播放器管理系统可以查看首页、个人中心、会员信息管理、普通购买管理、普通发货管理、我的收藏管理、论坛管理等内容,如图

普通购买管理,在普通购买管理列表中通过填写订单编号、歌名、分类、歌手、价格、购买日期、用户名、昵称、是否支付等信息并删除,如图

普通发货管理,在普通发货管理列表中通过填写订单编号、歌名、分类、歌手、音乐文件、音质、日期、用户名、昵称等信息并删除,如图

会员信息功能模块

会员信息登录进入音乐播放器管理系统可以查看首页、个人中心、会员购买管理、会员发货管理、论坛管理、我的收藏管理等内容,如图

会员购买管理,在会员购买管理列表中通过填写订单编号、歌名、分类、歌手、折扣价、购买日期等信息并删除,如图

会员发货管理,在会员发货管理列表可以查看订单编号、歌名、分类、音乐文件、日期、会员号、昵称等信息内容,并且根据需要进行删除操作,如图

部分核心代码:   

package com.controller;
 
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
 
import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PathVariable;
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.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;
 
import com.entity.DiscussyinletuijianEntity;
import com.entity.view.DiscussyinletuijianView;
 
import com.service.DiscussyinletuijianService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MPUtil;
import com.utils.CommonUtil;
 
 
/**
 * 音乐推荐评论表
 * 后端接口
 * @author 
 * @email 
 * @date 2020-12-31 08:52:14
 */
@RestController
@RequestMapping("/discussyinletuijian")
public class DiscussyinletuijianController {
    @Autowired
    private DiscussyinletuijianService discussyinletuijianService;
    
 
 
    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,DiscussyinletuijianEntity discussyinletuijian, HttpServletRequest request){
 
        EntityWrapper<DiscussyinletuijianEntity> ew = new EntityWrapper<DiscussyinletuijianEntity>();
		PageUtils page = discussyinletuijianService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussyinletuijian), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,DiscussyinletuijianEntity discussyinletuijian, HttpServletRequest request){
        EntityWrapper<DiscussyinletuijianEntity> ew = new EntityWrapper<DiscussyinletuijianEntity>();
		PageUtils page = discussyinletuijianService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussyinletuijian), params), params));
        return R.ok().put("data", page);
    }
 
	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( DiscussyinletuijianEntity discussyinletuijian){
       	EntityWrapper<DiscussyinletuijianEntity> ew = new EntityWrapper<DiscussyinletuijianEntity>();
      	ew.allEq(MPUtil.allEQMapPre( discussyinletuijian, "discussyinletuijian")); 
        return R.ok().put("data", discussyinletuijianService.selectListView(ew));
    }
 
	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(DiscussyinletuijianEntity discussyinletuijian){
        EntityWrapper< DiscussyinletuijianEntity> ew = new EntityWrapper< DiscussyinletuijianEntity>();
 		ew.allEq(MPUtil.allEQMapPre( discussyinletuijian, "discussyinletuijian")); 
		DiscussyinletuijianView discussyinletuijianView =  discussyinletuijianService.selectView(ew);
		return R.ok("查询音乐推荐评论表成功").put("data", discussyinletuijianView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        DiscussyinletuijianEntity discussyinletuijian = discussyinletuijianService.selectById(id);
        return R.ok().put("data", discussyinletuijian);
    }
 
    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        DiscussyinletuijianEntity discussyinletuijian = discussyinletuijianService.selectById(id);
        return R.ok().put("data", discussyinletuijian);
    }
    
 
 
 
    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody DiscussyinletuijianEntity discussyinletuijian, HttpServletRequest request){
    	discussyinletuijian.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(discussyinletuijian);
 
        discussyinletuijianService.insert(discussyinletuijian);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody DiscussyinletuijianEntity discussyinletuijian, HttpServletRequest request){
    	discussyinletuijian.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(discussyinletuijian);
 
        discussyinletuijianService.insert(discussyinletuijian);
        return R.ok();
    }
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody DiscussyinletuijianEntity discussyinletuijian, HttpServletRequest request){
        //ValidatorUtils.validateEntity(discussyinletuijian);
        discussyinletuijianService.updateById(discussyinletuijian);//全部更新
        return R.ok();
    }
    
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        discussyinletuijianService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<DiscussyinletuijianEntity> wrapper = new EntityWrapper<DiscussyinletuijianEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}
 
 
		int count = discussyinletuijianService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	
 
 
}

 gitCode源码获取入口icon-default.png?t=N7T8https://gitcode.com/yuanmadd/ymgg/blob/main/README.md?init=initTree

  • 18
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本文将介绍如何利用SpringMVCVue实现前后端分离的大学生社团管理系统。 1. 系统需求分析 该系统需要实现以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 2. 系统设计 该系统采用前后端分离的架构,前端使用Vue框架,后端采用SpringMVC框架。 2.1 后端设计 后端使用SpringMVC框架,实现了以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 2.2 前端设计 前端使用Vue框架,实现了以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 3. 系统实现 3.1 后端实现 后端使用SpringMVC框架,实现了以下功能: - 用户登录和注册 用户登录和注册功能使用Spring Security框架实现。用户信息存储在数据库中,密码经过加密存储。 - 社团管理 社团管理功能使用SpringMVC框架实现。社团信息存储在数据库中,包括社团名称、社团介绍、社团成员等信息。用户可以创建、修改、删除社团。 - 活动管理 活动管理功能使用SpringMVC框架实现。活动信息存储在数据库中,包括活动名称、活动介绍、活动时间、活动地点等信息。用户可以创建、修改、删除活动。 - 成员管理 成员管理功能使用SpringMVC框架实现。成员信息存储在数据库中,包括成员姓名、成员学号等信息。用户可以加入、退出社团。 3.2 前端实现 前端使用Vue框架,实现了以下功能: - 用户登录和注册 使用Vue Router实现登录和注册页面的路由。用户输入用户名和密码后,使用axios发送请求到后端验证用户信息。 - 社团管理 使用Vue Router实现社团管理页面的路由。用户可以查看所有社团的信息,并且可以创建、修改、删除自己的社团。 - 活动管理 使用Vue Router实现活动管理页面的路由。用户可以查看所有活动的信息,并且可以创建、修改、删除自己的活动。 - 成员管理 使用Vue Router实现成员管理页面的路由。用户可以加入、退出社团。 4. 总结 本文介绍了如何利用SpringMVCVue实现前后端分离的大学生社团管理系统。该系统采用前后端分离的架构,实现了用户登录和注册、社团管理、活动管理和成员管理等功能。该系统可以作为大学生社团管理的参考实现
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值