案例288:基于微信小程序的宠物寄养平台的设计与实现

文末获取源码

开发语言：Java

框架：SSM

JDK版本：JDK1.8

数据库：mysql 5.7

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.5.4

小程序框架：uniapp

小程序开发软件：HBuilder X

小程序运行软件：微信开发者

目录

目录

前言

系统展示

登录功能模块概述

在线寄养功能模块概述

用户注册功能模块概述

首页功能模块概述

我的界面模块

管理员中心界面模块

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码

---

前言

随着科技和网络的进步，微信小程序技术与网络、生活贴和的更加紧密。需要依靠客户端的单机系统逐渐被淘汰，利用互联网可以处理大量数据的新型系统如雨后春笋般迅速发展起来。这类系统和信息化时代的同步发展对传统的办公管理方式造成了很大的压力。当今时代，信息数据是一切的根本，是基础，想要做出决策都需要充分考虑数据，可见信息的重要性。然而传统的办公管理方式对于信息的操控越来越艰难。如何才可以改变局面，使信息数据重新为用户服务，体现价值是现在所有行业所面临的重要问题。

本基于微信小程序的宠物寄养平台正是采用微信小程序技术和网络设计的新型系统，可以有效的把宠物寄养信息与网络相结合，为用户提供寄养帮助和管理需求。本系统采用MySQL数据库存储数据，兼容性更强，可跨越多种平台，采用的框架为SSM。主要设计的内容包括宠主管理、宠物种类管理、寄养环境管理、宠物寄养管理等。使用用户分为管理员和普通用户。用户可以浏览寄养环境并在线寄养。本系统是信息化社会发展的必然产物，可以为用户提供更为高效的管理以及辅助，同时也可以改变宠物寄养管理的局面，提高效率。

---

系统展示

登录功能模块概述

登录功能包括用户登录和管理员登录，在登录界面设计中包括用户名和密码、角色的检验。用户名和密码、角色的检验过程由数据库自动完成，此过程需要1秒左右。首先由用户填写账号和密码，选择角色，然后点击登录系统，数据库自行对用户名和密码进行对比，所填写数据正确方能进行登录，所填写数据错误则需要返回登录界面重新登录。用户登录界面的设计运行界面效果如下图4.1所示：

 

在线寄养功能模块概述

用户可以在线寄养，首先需要选择寄养环境然后填写寄养信息、支付费用完成寄养。用户填写寄养信息功能的实现界面如下图4.3所示：

 

用户管理寄养信息的实现界面如下图4.4所示： 

 

用户注册功能模块概述

用户注册可以实现拥有账号和密码。用户注册功能界面的运行效果界面如下图4.6所示：

 

首页功能模块概述

首页可以看到所有的公告信息和寄养的环境信息。首页功能的实现界面如下图4.7所示：

 

我的界面模块

我的界面主要的功能就是对寄养信息、收藏信息进行管理。我的功能实现界面如下图4.8所示：

 

管理员中心界面模块

管理员主要的功能为宠主管理、系统管理、宠物种类管理、寄养环境管理和宠物寄养管理等。实现界面如下图4.9所示：

 

---

代码实现

登录功能实现代码

@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().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<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

密码重置功能实现代码

@IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }

修改信息功能实现代码

 @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
    	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
    	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
    		return R.error("用户名已存在。");
    	}
        userService.updateById(user);//全部更新
        return R.ok();
    }

删除信息功能实现代码

@RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

保存信息功能实现代码

@PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }