关于后端:SpringBoot-Vue基于微信小程序的云音乐系统的设计与实现

40次阅读

共计 11236 个字符，预计需要花费 29 分钟才能阅读完成。

​
  博主介绍：✌退职 Java 研发工程师、专一于程序设计、源码分享、技术交换、专一于 Java 技术畛域和毕业设计✌

[
项目名称

SpringBoot Vue 基于微信小程序的云音乐零碎的设计与实现

下载地址

SpringBoot Vue 基于微信小程序的云音乐零碎的设计与实现 ](https://ym.maptoface.com/archives/56805)

视频演示

SpringBoot Vue 基于微信小程序的云音乐零碎的设计与实_哔哩哔哩_bilibili

零碎介绍

3.2 零碎需要剖析

零碎分为两个模块：管理员和用户。通过这两个模块零碎能够实现网上音乐收听和治理性能。

3.2.1 管理员性能需要

管理员登录零碎后盾后能够对系统的所有数据进行治理，次要包含了以下功能模块：登录、首页统计、用户治理（用户列表）、海报治理（海报列表）、音乐治理（音乐列表）、专辑治理（专辑列表、专辑分类列表）、歌手治理（歌手列表）、评论治理（评论列表）、歌单治理（歌单列表）。具体治理用例图如下图 3 - 1 所示：

图 3 - 1 管理员用例图

3.2.2 用户性能需要

用户是应用小程序的次要角色用户，次要包含了以下功能模块：登录、注册、音乐搜寻、专辑、歌单、排行榜、歌曲播放、歌曲珍藏、歌单、评论、个人信息。具体用户用例图如下图 3 - 2 所示：

图 3 - 2 用户用例图

第 4 章 零碎设计

4.1 功能模块设计

零碎总体分为这两个功能模块：管理员后盾功能模块以及用户小程序端功能模块。零碎功能模块如图 4 - 1 所示：

图 4 - 1 零碎功能模块图

4.1.1 管理员性能

在基于微信小程序的云音乐零碎中，管理员扮演着十分重要的角色。管理员须要负责对系统内的各种数据和内容进行无效治理，以确保零碎的失常运行和用户体验。以下是管理员性能的详细描述：

 登录：管理员须要通过账号和明码登录零碎后盾，以取得对各种数据和性能的管理权限。首页统计：管理员能够在后盾首页查看实时统计数据，如用户数量、播放量、珍藏量等，以便理解零碎运行状况并进行相应的优化调整。用户治理（用户列表）：管理员能够查看、编辑、删除用户信息，以保护用户数据库的完整性和准确性。海报治理（海报列表）：管理员能够管理系统内的海报资源，包含上传、编辑、删除海报，以及调整展现程序等，以晋升用户的视觉体验。音乐治理（音乐列表）：管理员能够对音乐资源进行治理，包含上传、编辑、删除音乐文件，设置音乐标签、封面图片等，确保音乐资源的完整性和高质量。专辑治理（专辑列表、专辑分类列表）：管理员能够治理专辑资源，包含创立、编辑、删除专辑，以及对专辑进行分类管理。此外，管理员还能够调整专辑的排序和举荐程序，为用户提供精准的举荐内容。歌手治理（歌手列表）：管理员能够对歌手信息进行治理，包含增加、编辑、删除歌手信息，以便用户可能更不便地找到和关注本人喜爱的歌手。评论治理（评论列表）：管理员能够对用户发表的评论进行审核、删除等治理操作，以保护零碎内的良好氛围，避免歹意舆论和不良信息的流传。歌单治理（歌单列表）：管理员能够对歌单资源进行治理，包含创立、编辑、删除歌单，为用户提供丰盛多样的歌单抉择。此外，管理员还能够调整歌单的排序和举荐程序，为用户提供个性化的举荐内容。

通过以上功能模块，管理员能够无效地对基于微信小程序的云音乐零碎进行全面的治理和保护，确保零碎的稳固运行，为用户提供优质的音乐服务。

4.1.2 用户性能

在基于微信小程序的云音乐零碎中，用户作为应用小程序的次要角色，可能享受到丰盛的音乐服务和便捷的操作体验。以下是用户性能的详细描述：

 登录 / 注册：用户能够通过微信受权登录或者注册账号，以便在零碎中保留个人信息、珍藏记录等。音乐搜寻：用户能够通过关键词搜寻歌曲、歌手、专辑等资源，疾速找到本人喜爱的音乐。专辑：用户能够浏览、收听专辑内的歌曲，并查看专辑的详细信息，如专辑封面、发行日期等。歌单：用户能够查看零碎举荐的歌单或本人创立歌单，收听并治理歌单内的歌曲。排行榜：用户能够查看热门歌曲排行榜，理解以后音乐榜单情况，发现热门歌曲。歌曲播放：用户能够在线播放歌曲，享受晦涩的音乐体验，并查看歌词、歌曲信息等。歌曲珍藏：用户能够将喜爱的歌曲增加到收藏夹，便于日后随时收听。歌单：用户能够创立、编辑、删除集体歌单，并将喜爱的歌曲增加到相应的歌单中。评论：用户能够对歌曲、歌单、专辑等进行评论，发表本人的观点，与其余用户互动。个人信息：用户能够查看和编辑个人信息，包含昵称、头像、性别等，以个性化展现本人的身份。

通过以上功能模块，用户能够充分利用基于微信小程序的云音乐零碎，享受便捷、丰盛的音乐服务。这些性能让用户可能轻松地发现、收听、分享本人喜爱的音乐，从而晋升整体的音乐体验。

​编辑

​编辑

​编辑

环境须要 

1. 运行环境：最好是 java jdk 1.8，咱们在这个平台上运行的。其余版本实践上也能够。
2.IDE 环境：IDEA，Eclipse,Myeclipse 都能够。举荐 IDEA;
3.tomcat 环境：Tomcat 7.x,8.x,9.x 版本均可
4. 硬件环境：windows 7/8/10 1G 内存以上；或者 Mac OS；
5. 数据库：MySql 5.7 版本；
6. 是否 Maven 我的项目：否；

技术栈

  1. 后端：Spring+SpringMVC+Mybatis
  2. 前端：JSP+CSS+JavaScript+jQuery

应用阐明

  1. 应用 Navicat 或者其它工具，在 mysql 中创立对应名称的数据库，并导入我的项目的 sql 文件；
  2. 应用 IDEA/Eclipse/MyEclipse 导入我的项目，Eclipse/MyEclipse 导入时，若为 maven 我的项目请抉择 maven;
    若为 maven 我的项目，导入胜利后请执行 maven clean;maven install 命令，而后运行；
  3. 将我的项目中 springmvc-servlet.xml 配置文件中的数据库配置改为本人的配置;
  4. 运行我的项目，在浏览器中输出 http://localhost:8080/ 登录

运行截图

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

​编辑

 用户管理控制层:

package com.houserss.controller;

import javax.servlet.http.HttpSession;

import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import com.houserss.common.Const;
import com.houserss.common.Const.Role;
import com.houserss.common.ServerResponse;
import com.houserss.pojo.User;
import com.houserss.service.IUserService;
import com.houserss.service.impl.UserServiceImpl;
import com.houserss.util.MD5Util;
import com.houserss.util.TimeUtils;
import com.houserss.vo.DeleteHouseVo;
import com.houserss.vo.PageInfoVo;

/**

  • Created by admin
    */

@Controller
@RequestMapping(“/user/”)
public class UserController {

@Autowired
private IUserService iUserService;

/**
 * 用户登录
 * @param username
 * @param password
 * @param session
 * @return
 */
@RequestMapping(value = "login.do",method = RequestMethod.POST)
@ResponseBody
public ServerResponse<User> login(User user,String uvcode, HttpSession session){String code = (String)session.getAttribute("validationCode");
    if(StringUtils.isNotBlank(code)) {if(!code.equalsIgnoreCase(uvcode)) {return ServerResponse.createByErrorMessage("验证码不正确");
        }
    }
    ServerResponse<User> response = iUserService.login(user.getUsername(),user.getPassword());
    if(response.isSuccess()){session.setAttribute(Const.CURRENT_USER,response.getData());
    }
    return response;
}

}

管理员管理控制层:

package com.sxl.controller.admin;

import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.sxl.controller.MyController;

@Controller(“adminController”)
@RequestMapping(value = “/admin”)
public class AdminController extends MyController {



@RequestMapping(value = "/index")
public String frame(Model model, HttpServletRequest request)throws Exception {return "/admin/index";}

@RequestMapping(value = "/main")
public String main(Model model, HttpServletRequest request)throws Exception {return "/admin/main";}

@RequestMapping(value = "/tj1")
public String tj1(Model model, HttpServletRequest request)throws Exception {String sql="select DATE_FORMAT(insertDate,'%Y-%m-%d') dates,sum(allPrice) price from t_order order by DATE_FORMAT(insertDate,'%Y-%m-%d')  desc";
    List<Map> list = db.queryForList(sql);
    model.addAttribute("list", list);
    System.out.println(list);
    return "/admin/tj/tj1";
}


@RequestMapping(value = "/password")
public String password(Model model, HttpServletRequest request)throws Exception {return "/admin/password";}


@RequestMapping(value = "/changePassword")
public ResponseEntity<String> loginSave(Model model,HttpServletRequest request,String oldPassword,String newPassword) throws Exception {Map admin = getAdmin(request);
    if(oldPassword.equals(admin.get("password").toString())){
        String sql="update t_admin set password=? where id=?";
        db.update(sql, new Object[]{newPassword,admin.get("id")});
        return renderData(true,"1",null);
    }else{return renderData(false,"1",null);
    }
}

}

批改明码业务逻辑:

package com.sxl.controller.admin;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.sxl.controller.MyController;

@Controller(“userController”)
@RequestMapping(value = “/user”)
public class UserController extends MyController {



@RequestMapping(value = "/index")
public String frame(Model model, HttpServletRequest request)throws Exception {return "/user/index";}

@RequestMapping(value = "/main")
public String main(Model model, HttpServletRequest request)throws Exception {return "/user/main";}


@RequestMapping(value = "/password")
public String password(Model model, HttpServletRequest request)throws Exception {return "/user/password";}


@RequestMapping(value = "/changePassword")
public ResponseEntity<String> loginSave(Model model,HttpServletRequest request,String oldPassword,String newPassword) throws Exception {Map user = getUser(request);
    if(oldPassword.equals(user.get("password").toString())){
        String sql="update t_user set password=? where id=?";
        db.update(sql, new Object[]{newPassword,user.get("id")});
        return renderData(true,"1",null);
    }else{return renderData(false,"1",null);
    }
}
@RequestMapping(value = "/mine")
public String mine(Model model, HttpServletRequest request)throws Exception {

Map user =getUser(request);Map map = db.queryForMap(“select * from t_user where id=?”,new Object[]{user.get(“id”)});model.addAttribute(“map”, map); return “/user/mine”;

}



@RequestMapping(value = "/mineSave")
public ResponseEntity<String> mineSave(Model model,HttpServletRequest request,Long id
    ,String username,String password,String name,String gh,String mobile) throws Exception{
    int result = 0;
        String sql="update t_user set name=?,gh=?,mobile=? where id=?";
        result = db.update(sql, new Object[]{name,gh,mobile,id});
    if(result==1){return renderData(true,"操作胜利",null);
    }else{return renderData(false,"操作失败",null);
    }
}
}

通用治理模块:

package com.sxl.controller;

import java.nio.charset.Charset;
import java.util.Locale;
import java.util.ResourceBundle;

import javax.servlet.http.HttpServletRequest;

import org.apache.commons.lang.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;

import com.sxl.util.JacksonJsonUtil;
import com.sxl.util.StringUtil;
import com.sxl.util.SystemProperties;

public class BaseController {

public static final Long EXPIRES_IN = 1000 * 3600 * 24 * 1L;// 1 天

@Autowired
private SystemProperties systemProperties;

/**
 * 取得配置文件内容
 */
public String getConfig(String key) {return systemProperties.getProperties(key);
}

/**
 * 返回服务器地址 like http://192.168.1.1:8441/UUBean/
 */
public String getHostUrl(HttpServletRequest request) {String hostName = request.getServerName();
    Integer hostPort = request.getServerPort();
    String path = request.getContextPath();

    if (hostPort == 80) {return "http://" + hostName + path + "/";} else {return "http://" + hostName + ":" + hostPort + path + "/";}
}

/***
 * 获取以后的 website 门路 String
 */
public static String getWebSite(HttpServletRequest request) {String returnUrl = request.getScheme() + "://"
            + request.getServerName();

    if (request.getServerPort() != 80) {returnUrl += ":" + request.getServerPort();
    }

    returnUrl += request.getContextPath();

    return returnUrl;
}



/**
 * 初始化 HTTP 头.
 * 
 * @return HttpHeaders
 */
public HttpHeaders initHttpHeaders() {HttpHeaders headers = new HttpHeaders();
    MediaType mediaType = new MediaType("text", "html",
            Charset.forName("utf-8"));
    headers.setContentType(mediaType);
    return headers;
}

/**
 * 返回 信息数据
 * 
 * @param status
 * @param msg
 * @return
 */
public ResponseEntity<String> renderMsg(Boolean status, String msg) {if (StringUtils.isEmpty(msg)) {msg = "";}
    String str = "{\"status\":\"" + status + "\",\"msg\":\""+ msg +"\"}";
    ResponseEntity<String> responseEntity = new ResponseEntity<String>(str,
            initHttpHeaders(), HttpStatus.OK);
    return responseEntity;
}

/**
 * 返回 obj 数据
 * 
 * @param status
 * @param msg
 * @param obj
 * @return
 */
public ResponseEntity<String> renderData(Boolean status, String msg,
        Object obj) {if (StringUtils.isEmpty(msg)) {msg = "";}
    StringBuffer sb = new StringBuffer();
    sb.append("{");
    sb.append("\"status\":\"" + status + "\",\"msg\":\""+ msg +"\",");
    sb.append("\"data\":" + JacksonJsonUtil.toJson(obj) + "");
    sb.append("}");

    ResponseEntity<String> responseEntity = new ResponseEntity<String>(sb.toString(), initHttpHeaders(), HttpStatus.OK);
    return responseEntity;
}


/***
 * 获取 IP（如果是多级代理，则失去的是一串 IP 值）*/
public static String getIpAddr(HttpServletRequest request) {String ip = request.getHeader("x-forwarded-for");
    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {ip = request.getHeader("Proxy-Client-IP");
    }

    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {ip = request.getHeader("WL-Proxy-Client-IP");
    }

    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {ip = request.getRemoteAddr();
    }

    if (ip != null && ip.length() > 0) {String[] ips = ip.split(",");
        for (int i = 0; i < ips.length; i++) {if (!"unknown".equalsIgnoreCase(ips[i])) {ip = ips[i];
                break;
            }
        }
    }

    return ip;
}

/**
 * 国际化取得语言内容
 * 
 * @param key
 *            语言 key
 * @param args
 * @param argsSplit
 * @param defaultMessage
 * @param locale
 * @return
 */
public static String getLanguage(String key, String args, String argsSplit,
        String defaultMessage, String locale) {
    String language = "zh";
    String contry = "cn";
    String returnValue = defaultMessage;

    if (!StringUtil.isEmpty(locale)) {
        try {String[] localeArray = locale.split("_");
            language = localeArray[0];
            contry = localeArray[1];
        } catch (Exception e) {}}

    try {
        ResourceBundle resource = ResourceBundle.getBundle("lang.resource",
                new Locale(language, contry));
        returnValue = resource.getString(key);
        if (!StringUtil.isEmpty(args)) {String[] argsArray = args.split(argsSplit);
            for (int i = 0; i < argsArray.length; i++) {returnValue = returnValue.replace("{" + i + "}",
                        argsArray[i]);
            }
        }
    } catch (Exception e) { }

    return returnValue;
}

}

​

正文完
后端
发表至： 后端
2023-06-29
 0
关于后端:IDEA-202313最新版安装激活教程附激活码亲测有效
关于后端:Spring-Framework-Aop原理
关于后端:TcaplusDB-承诺戒烟从你我做起
关于后端:从功能搭配的角度聊聊为什么要用现成的框架