【毕业设计】基于SpringBoot+Vue的音乐网站设计与实现

博主主页:一季春秋
博主简介:专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发,远程调试部署、代码讲解、文档指导、ppt制作等技术指导。
主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、小程序、安卓app、大数据等设计与开发

精彩专栏推荐订阅👇🏻👇🏻 不然下次找不到哟

SpringBoot+Vue项目持续更新中

http://t.csdn.cn/1mgm8
🍅文末获取联系🍅

目录

一、项目介绍 

二、项目主要技术 

三、系统功能

四、系统实现

五、实现代码


一、项目介绍 

本系统是利用Spring Boot框架而设计的一款结合用户的实际情况而设计的平台,通过 VUE技术,展示出可以由主管和管理员来使用的全部接口,通过 Java语言技术,对用户和管理员所进行的各种操作业务逻辑进行程序设计,通过 MySQL数据库来访问系统的数据,以管理员角色登入系统能够更加轻松简易的完成对系统内部所有的数据信息(用户信息,音乐类型,音乐信息等)的管控工作。使用 B/S模式,让用户更易于上手,可以带给他们更好的体验。

二、项目主要技术 

开发语言:Java

使用框架:spring boot

前端技术:JavaScript、Vue 、css3

开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库:MySQL 5.7/8.0

数据库管理工具:phpstudy/Navicat

JDK版本:jdk1.8

Maven: apache-maven 3.8.1-bin

三、系统功能

(1)注册模块:普通用户可以在次注册,填写相关的信息,注册成功后可以享受本网站的所有信息资料,也可在此进行试听和下载音乐,并可以对试听过的音乐进行留言。

(2)音乐盒模块:在这里用户可以对在网站里的一切音乐,随意试听。并将自己喜欢的音乐加入到音乐盒中。

(3)短信息模块:此模块显示了如果其他用户给你发送短消息,你可以点此查看,并可以在此界面进行回复。

(4)分享音乐模块:注册过的用户可以点此进入,进行上传音乐。

(5)播放列表模块:播放过的音乐会存在此页面上。

后台功能设计

根据前面的系统的系统功能分析中,可将后台功能划分成7个模块。

后台功能模块描述:

(1)登录模块:是管理员的登录界面,用于管理员的登录。

(2)后台首页模块:显示网站名称和制作人。

(3)音乐管理:对一些不满意的音乐可以进行删除;也可以了解音乐的情况(包括歌名、歌手、所属专辑、简介等)。

(4)友情链接:添加链接的网站名称和地址。

(5)用户管理:可以对注册过的用户进行删除。

(6)添加管理员:此模块显示了管理员可以根据音乐网站的实际情况进行添加一些管理员,方便管理。

(7)修改密码:可以在这个模块对管理员的密码进行修改。 

四、系统实现

音乐信息 

详情信息

友情链接

播放

管理员登录界面

用户管理模块的实现

音乐类型管理模块的实现

音乐信息管理模块的实现

短信信息管理模块的实现

五、实现代码

音乐信息

/**
 * 音乐信息
 * 后端接口
 * @author 
 * @email 
 * @date 2023-05-14 13:28:51
 */
@RestController
@RequestMapping("/yinlexinxi")
public class YinlexinxiController {
    @Autowired
    private YinlexinxiService yinlexinxiService;

    @Autowired
    private StoreupService storeupService;

    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,YinlexinxiEntity yinlexinxi,
		HttpServletRequest request){
        EntityWrapper<YinlexinxiEntity> ew = new EntityWrapper<YinlexinxiEntity>();

		PageUtils page = yinlexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinlexinxi), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,YinlexinxiEntity yinlexinxi, 
		HttpServletRequest request){
        EntityWrapper<YinlexinxiEntity> ew = new EntityWrapper<YinlexinxiEntity>();

		PageUtils page = yinlexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinlexinxi), params), params));
        return R.ok().put("data", page);
    }

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

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(YinlexinxiEntity yinlexinxi){
        EntityWrapper< YinlexinxiEntity> ew = new EntityWrapper< YinlexinxiEntity>();
 		ew.allEq(MPUtil.allEQMapPre( yinlexinxi, "yinlexinxi")); 
		YinlexinxiView yinlexinxiView =  yinlexinxiService.selectView(ew);
		return R.ok("查询音乐信息成功").put("data", yinlexinxiView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        YinlexinxiEntity yinlexinxi = yinlexinxiService.selectById(id);
        return R.ok().put("data", yinlexinxi);
    }

    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        YinlexinxiEntity yinlexinxi = yinlexinxiService.selectById(id);
        return R.ok().put("data", yinlexinxi);
    }
    


    /**
     * 赞或踩
     */
    @RequestMapping("/thumbsup/{id}")
    public R vote(@PathVariable("id") String id,String type){
        YinlexinxiEntity yinlexinxi = yinlexinxiService.selectById(id);
        if(type.equals("1")) {
        	yinlexinxi.setThumbsupnum(yinlexinxi.getThumbsupnum()+1);
        } else {
        	yinlexinxi.setCrazilynum(yinlexinxi.getCrazilynum()+1);
        }
        yinlexinxiService.updateById(yinlexinxi);
        return R.ok("投票成功");
    }

    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody YinlexinxiEntity yinlexinxi, HttpServletRequest request){
    	yinlexinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(yinlexinxi);
        yinlexinxiService.insert(yinlexinxi);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody YinlexinxiEntity yinlexinxi, HttpServletRequest request){
    	yinlexinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(yinlexinxi);
        yinlexinxiService.insert(yinlexinxi);
        return R.ok();
    }



    /**
     * 修改
     */
    @RequestMapping("/update")
    @Transactional
    public R update(@RequestBody YinlexinxiEntity yinlexinxi, HttpServletRequest request){
        //ValidatorUtils.validateEntity(yinlexinxi);
        yinlexinxiService.updateById(yinlexinxi);//全部更新
        return R.ok();
    }



    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        yinlexinxiService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
	
	/**
     * 前端智能排序
     */
	@IgnoreAuth
    @RequestMapping("/autoSort")
    public R autoSort(@RequestParam Map<String, Object> params,YinlexinxiEntity yinlexinxi, HttpServletRequest request,String pre){
        EntityWrapper<YinlexinxiEntity> ew = new EntityWrapper<YinlexinxiEntity>();
        Map<String, Object> newMap = new HashMap<String, Object>();
        Map<String, Object> param = new HashMap<String, Object>();
		Iterator<Map.Entry<String, Object>> it = param.entrySet().iterator();
		while (it.hasNext()) {
			Map.Entry<String, Object> entry = it.next();
			String key = entry.getKey();
			String newKey = entry.getKey();
			if (pre.endsWith(".")) {
				newMap.put(pre + newKey, entry.getValue());
			} else if (StringUtils.isEmpty(pre)) {
				newMap.put(newKey, entry.getValue());
			} else {
				newMap.put(pre + "." + newKey, entry.getValue());
			}
		}
		params.put("sort", "clicktime");
        params.put("order", "desc");
		PageUtils page = yinlexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinlexinxi), params), params));
        return R.ok().put("data", page);
    }

协同算法(按收藏推荐)

  /**
     * 协同算法(按收藏推荐)
     */
    @RequestMapping("/autoSort2")
    public R autoSort2(@RequestParam Map<String, Object> params,YinlexinxiEntity yinlexinxi, HttpServletRequest request){
        String userId = request.getSession().getAttribute("userId").toString();
        String inteltypeColumn = "yinleleixing";
        List<StoreupEntity> storeups = storeupService.selectList(new EntityWrapper<StoreupEntity>().eq("type", 1).eq("userid", userId).eq("tablename", "yinlexinxi").orderBy("addtime", false));
        List<String> inteltypes = new ArrayList<String>();
        Integer limit = params.get("limit")==null?10:Integer.parseInt(params.get("limit").toString());
        List<YinlexinxiEntity> yinlexinxiList = new ArrayList<YinlexinxiEntity>();
        //去重
        if(storeups!=null && storeups.size()>0) {
            for(StoreupEntity s : storeups) {
                yinlexinxiList.addAll(yinlexinxiService.selectList(new EntityWrapper<YinlexinxiEntity>().eq(inteltypeColumn, s.getInteltype())));
            }
        }
        EntityWrapper<YinlexinxiEntity> ew = new EntityWrapper<YinlexinxiEntity>();
        params.put("sort", "id");
        params.put("order", "desc");
        PageUtils page = yinlexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinlexinxi), params), params));
        List<YinlexinxiEntity> pageList = (List<YinlexinxiEntity>)page.getList();
        if(yinlexinxiList.size()<limit) {
            int toAddNum = (limit-yinlexinxiList.size())<=pageList.size()?(limit-yinlexinxiList.size()):pageList.size();
            for(YinlexinxiEntity o1 : pageList) {
                boolean addFlag = true;
                for(YinlexinxiEntity o2 : yinlexinxiList) {
                    if(o1.getId().intValue()==o2.getId().intValue()) {
                        addFlag = false;
                        break;
                    }
                }
                if(addFlag) {
                    yinlexinxiList.add(o1);
                    if(--toAddNum==0) break;
                }
            }
        } else if(yinlexinxiList.size()>limit) {
            yinlexinxiList = yinlexinxiList.subList(0, limit);
        }
        page.setList(yinlexinxiList);
        return R.ok().put("data", page);
    }



}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一季春秋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值