SpringMVC+Vue项目中国风音乐推介网站

发布时间:2024-10-27 08:01

末获取源码 

开发语言:Java

开发工具:IDEA /Eclipse

数据库:MYSQL5.7

应用服务:Tomcat7/Tomcat8

使用框架ssm+vue

JDK版本:jdk1.8

前言介绍

近年来,随着我国经济的不断发展,平台的管理制度越来越多。每个音乐推介网站也都将通过计算机进行整体智能化操作,对于音乐推介网站功能所牵扯的数据都是通过用户进行音乐推介网站等相关的数据信息内容、并且可以进行管理员在线处理选择首页、个人中心、用户管理,类型信息管理、乐器类型管理、系统管理,可以通过系统进行分配,传统的学习方式信息已经无法满足用户的需求。为此开发了本音乐推介网站 ,为用户提供一个基于音乐推介网站,同时方便管理员;首页、个人中心、用户管理,类型信息管理、乐器类型管理、歌曲信息管理、戏曲信息管理、MV专区管理、付费音乐管理、订单信息管理、音乐文件管理、论坛管理、我的收藏管理、系统管理。用户端;首页、个人中心、订单信息管理、音乐文件管理、论坛管理、我的收藏管理等详细情况进行操作。前台首页:首页、歌曲信息、戏曲信息、MV专区、付费音乐、论坛信息、我的、客服等等。该系统满足了用户对音乐推介网站信息获取的需求,并且信息可以及时、准确、有效地进行查看并且系统化、标准化和有效的工作。

数据库设计 

数据库是整个软件编程中最重要的一个步骤,对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理,进行保证数据的安全性、稳定性等。

概念模型的设计是为了抽象真实世界的信息,并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库,下图主要是对数据库实体的E-R图:

(1)  歌曲信息:歌名、类型、乐器类型、歌手、专辑、封面、歌词、发布时间、试听、时间E-R图,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第1张图片\"

 (2)用户信息:用户名、密码、姓名、性别、头像、身份证、手机、操作E-R图如图

\"SpringMVC+Vue项目中国风音乐推介网站_第2张图片\"

 这些功能可以充分满足音乐推介网站的需求。此系统功能较为全面如下图系统功能结构如图

\"SpringMVC+Vue项目中国风音乐推介网站_第3张图片\"

 

用户前后台功能实现

注册用户通过注册窗口,进行在线填写自己的用户名、密码、姓名、性别、头像、身份证、手机等信息编辑完成后核对信息无误后进行选择注册,系统核对用户所输入的账号信息是否准确,核对信息准确无误后系统进入登陆界面。用户通过登录进入到系统操作界面后,如图

 

登陆界面

\"SpringMVC+Vue项目中国风音乐推介网站_第4张图片\" 

用户登录进入到网站界面,可以进行查看首页、歌曲信息、戏曲信息、MV专区、付费音乐、论坛信息 、我的、客服等功能模块,进行相对应操作,通过个人中心进行查看个人信息、信息修改,删除进行查看操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第5张图片\" 

用户通过点击歌曲信息可以进行查看歌名、类型、乐器类型、歌手、专辑、封面、歌词、发布时间、试听、时间等信息,进行查看等操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第6张图片\" 

用户点击戏曲信息页面,可以进行查看戏曲信息等内容,如图

 \"SpringMVC+Vue项目中国风音乐推介网站_第7张图片\"

歌曲信息界面

\"SpringMVC+Vue项目中国风音乐推介网站_第8张图片\"

视频专区

\"SpringMVC+Vue项目中国风音乐推介网站_第9张图片\"

付费音乐,用户通过查看付费音乐信息可以进行购买等信息,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第10张图片\" 

用户功能模块

个人中心,用户通过点击个人中心可以进行用户名、密码、姓名、性别、头像、身份证、手机等信息进行添加、删除、修改等等操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第11张图片\" 

订单信息管理,对于已经登录的用户可以对购物车内容进行付款生成订单,可以为自己的订单进行付款或者查看支付,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第12张图片\"

 用户支付界面

\"SpringMVC+Vue项目中国风音乐推介网站_第13张图片\"

在收藏管理页面可以查看 收藏ID 表名 收藏名称、收藏图片等等内容,并进行删除或查看等操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第14张图片\" 

管理员功能模块 

管理员通过后台登录窗口进行输入自己的账号信息、密码、角色等信息,进行登录,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第15张图片\"

管理员对个人中心进行操作填写原密码、新密码、确认密码并进行添加、删除、修改以及查看。如图

\"SpringMVC+Vue项目中国风音乐推介网站_第16张图片\" 

用户信息,管理员通过用户信息可以在线查看用户名、密码、姓名、性别、头像、身份证、手机等信息,进行详情或修改、删除操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第17张图片\" 

歌曲信息管理,管理员通过歌曲信息管理可以在线查看歌名、类型、乐器类型、歌手、专辑、封面、歌词、发布时间、试听、时间、操作等信息,进行查看或添加、修改、删除操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第18张图片\" 

管理员通过系统管理页面查看轮播图/客服管理等进行上传图片进行添加、删除、修改以及查看并对整个系统进行维护等操作,如图

\"SpringMVC+Vue项目中国风音乐推介网站_第19张图片\"

部分核心代码:

controller层

/**
 * 视频专区评论表
 * 后端接口
 * @author 
 * @email 
 * @date 2020-12-31 09:59:17
 */
@RestController
@RequestMapping(\"/discussshipinzhuanqu\")
public class DiscussshipinzhuanquController {
    @Autowired
    private DiscussshipinzhuanquService discussshipinzhuanquService;
    


    /**
     * 后端列表
     */
    @RequestMapping(\"/page\")
    public R page(@RequestParam Map params,DiscussshipinzhuanquEntity discussshipinzhuanqu, HttpServletRequest request){

        EntityWrapper ew = new EntityWrapper();
		PageUtils page = discussshipinzhuanquService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussshipinzhuanqu), params), params));
        return R.ok().put(\"data\", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping(\"/list\")
    public R list(@RequestParam Map params,DiscussshipinzhuanquEntity discussshipinzhuanqu, HttpServletRequest request){
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = discussshipinzhuanquService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, discussshipinzhuanqu), params), params));
        return R.ok().put(\"data\", page);
    }

	/**
     * 列表
     */
    @RequestMapping(\"/lists\")
    public R list( DiscussshipinzhuanquEntity discussshipinzhuanqu){
       	EntityWrapper ew = new EntityWrapper();
      	ew.allEq(MPUtil.allEQMapPre( discussshipinzhuanqu, \"discussshipinzhuanqu\")); 
        return R.ok().put(\"data\", discussshipinzhuanquService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping(\"/query\")
    public R query(DiscussshipinzhuanquEntity discussshipinzhuanqu){
        EntityWrapper< DiscussshipinzhuanquEntity> ew = new EntityWrapper< DiscussshipinzhuanquEntity>();
 		ew.allEq(MPUtil.allEQMapPre( discussshipinzhuanqu, \"discussshipinzhuanqu\")); 
		DiscussshipinzhuanquView discussshipinzhuanquView =  discussshipinzhuanquService.selectView(ew);
		return R.ok(\"查询视频专区评论表成功\").put(\"data\", discussshipinzhuanquView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping(\"/info/{id}\")
    public R info(@PathVariable(\"id\") Long id){
        DiscussshipinzhuanquEntity discussshipinzhuanqu = discussshipinzhuanquService.selectById(id);
        return R.ok().put(\"data\", discussshipinzhuanqu);
    }

    /**
     * 前端详情
     */
    @RequestMapping(\"/detail/{id}\")
    public R detail(@PathVariable(\"id\") Long id){
        DiscussshipinzhuanquEntity discussshipinzhuanqu = discussshipinzhuanquService.selectById(id);
        return R.ok().put(\"data\", discussshipinzhuanqu);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping(\"/save\")
    public R save(@RequestBody DiscussshipinzhuanquEntity discussshipinzhuanqu, HttpServletRequest request){
    	discussshipinzhuanqu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(discussshipinzhuanqu);

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

        discussshipinzhuanquService.insert(discussshipinzhuanqu);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping(\"/update\")
    public R update(@RequestBody DiscussshipinzhuanquEntity discussshipinzhuanqu, HttpServletRequest request){
        //ValidatorUtils.validateEntity(discussshipinzhuanqu);
        discussshipinzhuanquService.updateById(discussshipinzhuanqu);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping(\"/delete\")
    public R delete(@RequestBody Long[] ids){
        discussshipinzhuanquService.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 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 wrapper = new EntityWrapper();
		if(map.get(\"remindstart\")!=null) {
			wrapper.ge(columnName, map.get(\"remindstart\"));
		}
		if(map.get(\"remindend\")!=null) {
			wrapper.le(columnName, map.get(\"remindend\"));
		}


		int count = discussshipinzhuanquService.selectCount(wrapper);
		return R.ok().put(\"count\", count);
	}
	


}

 

/**
 * 上传文件映射表
 */
@RestController
@RequestMapping(\"file\")
@SuppressWarnings({\"unchecked\",\"rawtypes\"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping(\"/upload\")
	public R upload(@RequestParam(\"file\") MultipartFile file, String type,HttpServletRequest request) throws Exception {
		if (file.isEmpty()) {
			throw new EIException(\"上传文件不能为空\");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(\".\")+1);
		String fileName = new Date().getTime()+\".\"+fileExt;
		File dest = new File(request.getSession().getServletContext().getRealPath(\"/upload\")+\"/\"+fileName);
		file.transferTo(dest);
		if(StringUtils.isNotBlank(type) && type.equals(\"1\")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper().eq(\"name\", \"faceFile\"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName(\"faceFile\");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put(\"file\", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping(\"/download\")
	public void download(@RequestParam String fileName, HttpServletRequest request, HttpServletResponse response) {
		try {
			File file = new File(request.getSession().getServletContext().getRealPath(\"/upload\")+\"/\"+fileName);
			if (file.exists()) {
				response.reset();
				response.setHeader(\"Content-Disposition\", \"attachment; filename=\\\"\" + fileName+\"\\\"\");
				response.setHeader(\"Cache-Control\", \"no-cache\");
				response.setHeader(\"Access-Control-Allow-Credentials\", \"true\");
				response.setContentType(\"application/octet-stream; charset=UTF-8\");
				IOUtils.write(FileUtils.readFileToByteArray(file), response.getOutputStream());
			}

		} catch (IOException e) {
			e.printStackTrace();
		}
	}
	
}

/**
 * 登录相关
 */
@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().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().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().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 params,UserEntity user){
        EntityWrapper ew = new EntityWrapper();
    	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 ew = new EntityWrapper();
      	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().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();
    }
}

 

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号