云听在线听读音乐小程序的设计与实现

本文链接：https://blog.csdn.net/zhgl322/article/details/144234738

文章目录

项目介绍

基于微信小程序的”云听”小程序是一个可以极大的方便用户在线听书和音乐的平台。基于微信小程序的”云听”小程序分为小程序部分和后台管理两部分，小程序部分的主要功能包含：用户注册登录，首页，音乐资源，听读信息，在线交流，个人中心；管理员部分功能主要包括系统首页，个人中心，用户管理，音乐分类管理，音乐资源管理，听读类型管理，听读信息管理，在线交流，留言反馈，系统管理等功能。基于微信小程序的”云听”小程序主要使用MySQL作为数据库管理系统，开发环境是微信开发工具和Hbuilder

具体实现截图

在这里插入图片描述

技术介绍

数据库工具：Navicat/SQLyog等都可以

前端开发框架:vue.js

数据库 mysql 版本不限

小程序端运行软件微信开发者工具/hbuiderx

后端语言支持以下技术栈：

1 java(SSM/springboot)-idea/eclipse

2.Nodejs+Vue.js -vscode

3.python(flask/django)–pycharm/vscode

4.php(thinkphp/laravel)-hbuilderx

MySQL使用的SQL语言是访问数据库较为常用的标准化语言，它可以通过一些简单的操作从而实现对复杂的功能进行查询，并且具有良好的可扩展性和可维护性等优点，MySQL软件非常的适合用作中小型网站发展的网站数据库，因为它的体积小，速度快，总体拥有成本低，尤其是开放源码。

uniapp+hbuilderx

uni-app（uni，读you ni，是统一的意思） [2]是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、鸿蒙（HarmonyOS）以及各种小程序、快应用等多个平台。 [1-2]
HBuilderX，H 是 HTML 的首字母，Builder 是构造者，X 是 HBuilder 的下一代版本。我们也简称 HX。 HX 是轻如编辑器、强如 IDE 的合体版本。代表了新一代开放服务的方向,基于持续更新的云知识库的高效开放工具,让开发者更加专注于解决问题本身,让技术服务变得更智能。

小程序框架以及目录结构介绍

小程序自身分为两个主要部分独立运行：view 模块和 service 模块。在开发者工具中，它们独立运行于不同的 webivew tag 中。
view 模块负责前端界面显示，它由 wxml 和 wxss 转换后代码以及微信提供相关辅助模块组成。一个 view 模块对应一个页面, 小程序支持同时多个 view 存在。
service 模块负责后台逻辑，它由 js 代码以及微信提供的相关辅助模块组成。一个应用只有一个 service 进程，它同样也是一个页面。它在程序生命周期内后台运行，service 模块通过与 view 模块实现不同但接口格式一样的微信JSBridge 对象跟后台通信。
小程序需要使用微信开发者工具来进行开发，同时最常用的参考文档是微信小程序官方文档。在开发者工具中包含了模拟器、调试器等，内容很全面。也可以用云模式来在腾讯云进行后台开发。使得开发者不用搭建数据库等，专注于逻辑设计，简化后台设计，另外为了更好的展示小程序可以用一些工具插件，例如wx-charts和echarts等，这两个都可用于图形化展示统计数据。

错误处理和异常处理

在系统中，设计了一个健壮的错误处理和异常处理策略。系统会捕获可能发生的错误和异常情况，并提供相应的处理和反馈机制。
系统将采用适宜的异常类别来描述各种类型的错误和异常状况，并通过异常处理策略去捕获和应对这些异常。在处理异常时，系统会提供相关的错误数据和日志记录，以协助开发者和管理者进行问题诊断和解决。此外，系统还会向用户提供友好的错误提示，以确保用户能够理解问题并采取适当的行动。

java类核心代码部分展示

@RestController
@RequestMapping("/yuangong")
public class YuangongController {
    @Autowired
    private YuangongService yuangongService;
	@Autowired
	private TokenService tokenService;
		/**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        YuangongEntity user = yuangongService.selectById(id);
        return R.ok().put("data", user);
    }
	/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", username));
		if(user==null || !user.getMima().equals(password)) {
			return R.error("账号或密码不正确");
		}
		
		String token = tokenService.generateToken(user.getId(), username,"yuangong",  "员工" );
		return R.ok().put("token", token);
	}
	       /**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
        user.setMima("123456");
        yuangongService.updateById(user);
        return R.ok("密码已重置为：123456");
    }
	/**
     * 注册
     */
	@IgnoreAuth
    @RequestMapping("/register")
    public R register(@RequestBody YuangongEntity yuangong){
    	//ValidatorUtils.validateEntity(yuangong);
    	YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", yuangong.getYuangonggonghao()));
		if(user!=null) {
			return R.error("注册用户已存在");
		}
		Long uId = new Date().getTime();
		yuangong.setId(uId);
        yuangongService.insert(yuangong);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@RequestMapping("/logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}