案例098:基于微信小程序的电子购物系统的设计与实现

文末获取源码

开发语言：Java

框架：SSM

JDK版本：JDK1.8

数据库：mysql 5.7

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.5.4

小程序框架：uniapp

小程序开发软件：HBuilder X

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

目录

前言

系统展示

管理员功能实现

订单评价管理

商品信息管理

已完成订单

用户管理

用户功能实现

商品信息

购物车

下单支付

我的订单

在线客服

我的收藏管理

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码

---

前言

由于APP软件在开发以及运营上面所需成本较高，而用户手机需要安装各种APP软件，因此占用用户过多的手机存储空间，导致用户手机运行缓慢，体验度比较差，进而导致用户会卸载非必要的APP，倒逼管理者必须改变运营策略。随着微信小程序的出现，解决了用户非独立APP不可访问内容的痛点，所以很多APP软件都转向微信小程序。本次课题就运用了微信小程序技术开发一个基于微信小程序的电子购物系统。

基于微信小程序的电子购物系统是在MySQL中建立数据表保存信息，运用微信开发者工具开发。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。管理员管理不同状态的订单，管理商品和用户，审核订单评价。用户收藏商品，订购商品，管理个人订单，联系客服，在线充值。

总之，基于微信小程序的电子购物系统可以更加方便用户在线查看商品，购买所需商品，管理个人购买订单。

---

系统展示

管理员功能实现

订单评价管理

管理员权限中的订单评价管理，其运行效果见下图。管理员需要审核订单评价，提交订单编号获取相应的订单评价。

 

商品信息管理

管理员权限中的商品信息管理，其运行效果见下图。管理员发布商品，修改商品价格，图片以及规格等信息，删除数据异常的商品。

 

已完成订单

管理员权限中的已完成订单，其运行效果见下图。管理员查看已完成订单，查询已完成订单。

 

用户管理

管理员权限中的用户管理，其运行效果见下图。管理员可以在本页面修改，删除用户资料。

 

用户功能实现

商品信息

用户权限中的商品信息，其运行效果见下图。用户在本页面可以收藏商品，可以订购商品，或把本页面的商品加入购物车。

 

购物车

用户权限中的购物车，其运行效果见下图。购物车保存了用户需要购买的商品，用户通过本功能可以对多种商品一起下单。

 

下单支付

用户权限中的下单支付，其运行效果见下图。用户在当前页面确认收货地址，确认购买的商品信息，最后进行支付。

 

我的订单

用户权限中的我的订单，其运行效果见下图。用户管理不同状态的订单，可以取消已支付的订单。

 

在线客服

用户权限中的在线客服，其运行效果见下图。用户有疑问可以咨询客服。

 

我的收藏管理

用户权限中的我的收藏管理，其运行效果见下图。用户查询收藏的商品，删除已经收藏的商品。

 

---

代码实现

登录功能实现代码

@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();
    }

密码重置功能实现代码

@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("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
    	UserEntity u = userService.selectOne(new EntityWrapper().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().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }