基于微信小程序的宠物店商城小程序

文末联系获取源码

开发语言：Java

框架：ssm

JDK版本：JDK1.8

服务器：tomcat7

数据库：mysql 5.7/8.0

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.3.9

浏览器：谷歌浏览器

小程序框架：uniapp

小程序开发软件：HBuilder X

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

一、前言介绍

本宠物店商城小程序采用java语言进行开发，数据库采用mysql。框架采用ssm。本系统实现的是和宠物相关的信息管理和发布，加入了商品销售的功能。操作角色为管理员和用户、商家，管理员的功能为用户管理、商家管理、宠物分类管理、宠物信息管理、商品分类管理、宠物用品管理、项目类型管理、服务项目管理、宠物日志管理、订单管理等;用户的功能为购买宠物、商品、预约服务发表日志管理订单等。商家功能为提供宠物、宠物用品、宠物服务，管理订单和服务预约等。本系统的功能涵盖到宠物相关的方方面面，使养宠物的用户可以有专业的平台进行信息浏览，同时可以为商家提供新的销售渠道。 

二、系统功能分析 

根据用户和管理员、商家的需求，参考相关网站和资料，总结出本系统的功能为管理员方面和用户方面、商家方面。管理员可以管理用户管理、商家管理、宠物分类管理、宠物信息管理、商品信息、项目信息、宠物日志信息和订单信息。商家可以管理宠物信息、宠物用品信息、服务项目信息、项目预约信息、订单信息。用户可以浏览宠物信息、宠物用品、服务项目、宠物日志，可以购买宠物、宠物用品、预约服务和发布宠物日志。

2.1系统数据流图 

本系统的流程为用户注册登录后，可以查看宠物信息、宠物日志信息、宠物服务信息、宠物用品信息等;可以预约宠物服务和管理订单信息、个人信息等。 

管理员登录后可以管理前台的信息和审核注册用户的注册信息以及管理用户的订单信息等。商家可以发布宠物和宠物用品、宠物服务等。用户所操作的信息都会自动记录到数据库中。本系统的o层流程图如下图所示: 

本系统管理员的功能主要为宠物信息管理、宠物用品管理、宠物服务管理、项目预约管理、宠物日志管理、商品管理、用户管理等。把管理员的功能展开，管理员的一层数据流程图如下图所示:

2.2系统活动图分析 

宠物服务信息管理功能的活动为管理员输入宠物服务信息然后进行提交,如果宠物服务信息输入错误可以选择重新输入，输入完成后，可以添加成功，宠物服务信息管理功能的活动图如下图所示: 

订单管理功能的活动为审核订单信息,当订单信息填写错误时同样可以选择修改进行订单信息的重新添加，管理员订单信息管理功能的活动图如下图所示: 

2.3系统功能结构图

本系统的结构包括管理员和用户、商家，根据系统功能分析中的功能进行系统功能结构图的设计。在微信端中主要为用户操作的功能,在后台中包括管理员、和商家两种身份的操作功能。管理员的功能为管理微信端信息和用户的操作信息。本系统中管理员的功能结构图如下图所示:

本系统用户的功能结构图如下图所示: 

商家功能的功能结构图如下图所示: 

三、小程序端

3.1系统首页的功能界面实现

用户登录后，可以在系统首页查看，宠物信息，宠物用品，服务项目，宠物日记，购物车，我的等功能，系统首页功能界面实现效果如下图所示;

3.2宠物信息展示界面的实现 

用户登录后,可以在宠物信息展示功能里查看宠物信息。用户可以购买宠物。宠物信息的功能界面实现效果如下图所示: 

3.3宠物用品功能界面实现 

用户可以在浏览宠物的用品信息。宠物用品功能的实现界面如下图所示: 

3.4在线预约功能的界面实现 

用户在服务项目详情里可以预约服务，实现界面如下图所示: 

3.5我的功能的实现界面 

在我的界面里用户可以管理预约信息、订单信息、收藏信息购物车信息等。我的功能的实现界面如下图所示: 

四、管理员权限的功能模块实现界面 

4.1系统登录功能模块的界面实现 

当系统调试运行好后,可以先使用系统登录功能,本功能相当于系统的屏障。在本界面里可以看到系统的标题和用户名、密码的文本框。在登录界面里还加入了登录按钮。系统登录界面的实现界面如下图所示: 

4.2宠物信息管理功能的实现界面 

系统微信端里有很多的宠物资息，管理员可以在后台进行添加。在添加宠物信息时，可以输入不同的标题。宠物添加成功后可以删除。管理员查询宠物信息的实现界面如下图所示: 

4.3宠物用品管理功能的实现界面 

宠物用品为本系统的基本信息，管理员可以根据情况添加和删除、修改宠物用品信息,在添加宠物用品信息时需要填写详情。如果宠物用品信息不再使用时可以册除宠物用品。管理员添加宠物用品信息的实现界面如下图所示: 

4.4订单管理功能的实现界面 

管理员可以对用户的订单进行审核和管理,可以看到下单时间和用户的联系信息，管理员订单管理功能的实现界面如下图所示: 

4.5用户信息管理功能的实现界面 

管理员可以对注册用户的信息进行审核,也可以删除不需要的用户信息。在用户信息管理功能里可以看到用户的联系信息。管理员浏览用户信息的实现界面如下图所示: 

4.6项目预约管理功能的实现界面 

管理员可以查询预约和管理预约。管理员查询项目预约信息的实现界面如下图所示：

五、部分核心代码

5.1登录系统主要代码

/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		YonghuEntity user = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));
		if(user==null || !user.getMima().equals(password)) {
			return R.error("账号或密码不正确");
		}
		
		String token = tokenService.generateToken(user.getId(), username,"yonghu",  "用户" );
		return R.ok().put("token", token);
	}

5.2上传文件关键代码

@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		/**
  		 * 如果使用idea或者eclipse重启项目，发现之前上传的图片或者文件丢失，将下面一行代码注释打开
   		 * 请将以下的"D:\\springbootq33sd\\src\\main\\resources\\static\\upload"替换成你本地项目的upload路径，
 		 * 并且项目路径不能存在中文、空格等特殊字符
 		 */
//		FileUtils.copyFile(dest, new File("D:\\springbootq33sd\\src\\main\\resources\\static\\upload"+"/"+fileName)); /**修改了路径以后请将该行最前面的//注释去掉**/
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().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);
	}