案例101:基于微信小程序的停车共享小程序

文末获取源码

开发语言:Java

框架:SSM

JDK版本:JDK1.8

数据库:mysql 5.7

开发软件:eclipse/myeclipse/idea

Maven包:Maven3.5.4

小程序框架:uniapp

小程序开发软件:HBuilder X

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

目录

前言

系统展示

用户功能模块的实现

用户注册登录界面

首页界面

停车场界面

车辆信息界面

车位预约界面

管理员功能模块的实现

管理员登录界面

用户管理界面

停车场管理界面

停车预约管理界面

停车缴费管理界面

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码


前言

随着科技的进步,微信小程序慢慢进入了生活当中,由于轻便快捷,方便使用,基于微信这个大平台,使得小程序飞速发展,趋于成熟,因此,针对用户停车预约的需求,特开发了本基于语音识别的停车共享小程序。

本文主要介绍了基于语音识别的停车共享小程序的开发过程,对开发环境、系统设计、系统实现、系统测试等方面进行分析。在设计时对微信客户端、微信开发者工具进行了充分的了解,掌握微信平台通过的接口。系统应用官方提供的API文档,主要实现了用户管理个人车辆、停车场查询预约、停车缴费的功能。

本基于语音识别的停车共享小程序采用Java技术、MYSQL数据库,基于微信平台开发,系统运行效果稳定,操作方便、快捷,界面友好,是一个功能全面、实用性好、安全性高,并具有良好的可扩展性、可维护性的停车共享小程序。


系统展示

用户功能模块的实现

用户注册登录界面

没有账号的用户可进行注册操作,注册后可进入登录界面进行登录系统

案例101:基于微信小程序的停车共享小程序_第1张图片 案例101:基于微信小程序的停车共享小程序_第2张图片

首页界面

用户通过微信平台进入本系统后可查看所有停车场信息 

案例101:基于微信小程序的停车共享小程序_第3张图片 

停车场界面

用户在停车场界面可查看所有停车场信息,并可选择查看详情 

案例101:基于微信小程序的停车共享小程序_第4张图片 案例101:基于微信小程序的停车共享小程序_第5张图片

车辆信息界面

用户登录后可管理个人车辆信息,对已有车辆可进行修改和删除,也可添加车辆信息 

案例101:基于微信小程序的停车共享小程序_第6张图片 案例101:基于微信小程序的停车共享小程序_第7张图片

车位预约界面

用户可查看个人已有车位预约信息,并可进行缴费和删除操作 

案例101:基于微信小程序的停车共享小程序_第8张图片 案例101:基于微信小程序的停车共享小程序_第9张图片

管理员功能模块的实现

管理员登录界面

管理员可以通过正确的登录账号和密码进行登录系统后台 

案例101:基于微信小程序的停车共享小程序_第10张图片 

用户管理界面

管理员在用户管理界面可查看所有用户信息,并可对其进行修改和删除操作,同时也可添加用户信息

案例101:基于微信小程序的停车共享小程序_第11张图片 

停车场管理界面

管理员可增删改查停车场信息

案例101:基于微信小程序的停车共享小程序_第12张图片 案例101:基于微信小程序的停车共享小程序_第13张图片

停车预约管理界面

管理员可查看用户停车预约信息,并可对其进行删除操作 

案例101:基于微信小程序的停车共享小程序_第14张图片 

停车缴费管理界面

管理员可查看所有停车缴费信息,并可对其进行删除操作

案例101:基于微信小程序的停车共享小程序_第15张图片 


代码实现

登录功能实现代码

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

你可能感兴趣的:(小程序,微信小程序,java,微信,开发语言)