案例250:基于微信小程序的跳蚤市场设计与实现

文末获取源码

开发语言:Java

框架:SSM

JDK版本:JDK1.8

数据库:mysql 5.7

开发软件:eclipse/myeclipse/idea

Maven包:Maven3.5.4

小程序框架:uniapp

小程序开发软件:HBuilder X

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

目录

目录

前言

系统展示

管理员功能实现

商品信息管理

商品订单管理

论坛管理

用户管理

新闻信息管理

用户功能实现

商品信息

订单确认

我的订单

论坛信息

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码


前言

通过移动互联网这几年的发展,单独的开发某些APP已经到了日暮西山的地步,原因不在于单个的APP功能丰富与否,而是因为用户生态体系的问题。使用智能手机的用户经过多年的使用习惯,已经越来越不喜欢安装各种的APP,除了正常生活和工作所必须的APP,不喜欢因为喜欢某些内容而被强制安装APP软件了。最近几年,随着微信生态的布局,通过开发微信小程序接口,让广大用户可以通过微信直接访问小程序,不需要去专门安装那些APP,这一点让很多用户喜爱,基本上只要能转向微信生态的业务,许多企业都已经开始拥抱微信小程序。本课题就是研究和实现一款基于微信小程序的跳蚤市场。

基于微信小程序的跳蚤市场按照操作主体分为管理员后台与用户小程序前台。管理员的功能包括对用户信息的管理,对商品,商品订单,商品留言,论坛,新闻,收货地址等信息的管理。用户的功能包括购买商品,发布商品,发帖,评论帖子,在线充值,查看订单等。该系统采用了SSM框架,Mysql数据库,Java语言等技术实现管理员后台,采用微信开发者工具来对用户小程序端进行了开发。

基于微信小程序的跳蚤市场让商品订单相关信息集中在后台让管理员管理,让用户在小程序端购买商品,管理个人订单,该系统让信息管理变得高效,也让用户购物变得越来越方便。


系统展示

管理员功能实现

商品信息管理

图5.1 即为编码实现的商品信息管理界面,管理员在该界面中对商品下架,新增商品,修改商品等操作。

案例250:基于微信小程序的跳蚤市场设计与实现_第1张图片 

商品订单管理

图5.2 即为编码实现的商品订单管理界面,管理员在该界面中具备查询商品订单,删除商品订单,查看商品订单详情等操作。

案例250:基于微信小程序的跳蚤市场设计与实现_第2张图片 

论坛管理

图5.3 即为编码实现的论坛管理界面,管理员在该界面中对帖子状态进行查看,查看帖子标题和发帖时间,可以根据帖子标题查询论坛帖子,可以删除帖子。

案例250:基于微信小程序的跳蚤市场设计与实现_第3张图片 

用户管理

图5.4 即为编码实现的用户管理界面,管理员在该界面中具备更改,删除,查询小程序端已经注册的用户资料的权限。

案例250:基于微信小程序的跳蚤市场设计与实现_第4张图片 

新闻信息管理

图5.5 即为编码实现的新闻信息管理界面,管理员在该界面中具备发布,更改,删除新闻信息的权限,该新闻信息显示在小程序的首页界面。

案例250:基于微信小程序的跳蚤市场设计与实现_第5张图片 

用户功能实现

商品信息

图5.6 即为编码实现的商品信息界面,用户在该界面中对商品介绍进行了解,可以点击购买按钮购买商品。

案例250:基于微信小程序的跳蚤市场设计与实现_第6张图片 

订单确认

图5.7 即为编码实现的订单确认界面,用户在该界面中需要对收货地址进行选择,然后对购买清单进行查看,最后才提交订单并支付。

 案例250:基于微信小程序的跳蚤市场设计与实现_第7张图片

我的订单

图5.8 即为编码实现的我的订单界面,用户在该界面中能够查看已支付订单,已完成订单等信息,可以对各个订单进行相应操作,包括订单退款等操作。

 案例250:基于微信小程序的跳蚤市场设计与实现_第8张图片

论坛信息

图5.9 即为编码实现的论坛信息界面,用户在该界面中查看论坛的帖子,可以进入论坛对帖子内容进行查看并评论。

 案例250:基于微信小程序的跳蚤市场设计与实现_第9张图片


代码实现

登录功能实现代码

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

你可能感兴趣的:(微信小程序,小程序,前端,spring,boot,美食)