【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统

文章目录

  • 0 项目说明
  • 1 简介
  • 2 功能模块
  • 3 关于登录与注册
  • 4 页面展示
  • 5 页面目录
  • 6 项目工程


0 项目说明

基于微信小程序的共享雨伞租借系统

提示:适合用于课程设计或毕业设计,工作量达标,源码开放


1 简介

共享雨伞由于符合节省资源、绿色出行、环保理念,得到了政府的极力提倡和支持。而微信小程序是一种不需要安装即可打开使用的应用。用户只需要通过进入本系统的微信小程序,交纳押金后扫描某把雨伞的二维码或者手动输入雨伞号,就能租借使用。还伞时,只需要把雨伞插回可归还的地方,然后确认付款就完成了所有操作。(由于无法模拟雨伞插回伞座,所以是要自己点击还伞的)

2 功能模块

  • 自动注册登录
  • 缴纳(退还)押金
  • 获取当前位置和定位
  • 使用扫描二维码用伞、手动输入伞号借伞
  • 查询余额、充值余额
  • 结束用伞
  • 支付订单

3 关于登录与注册

  • 这里使用的是用户无感的注册或者登录。
  • 当用户授权使用本小程序的时候,调用微信官方登录接口,获取到code、encryptedData、iv发送给后台,后台判断是否已经注册过。
  • 如果没有,立即注册,返回token;如果已经注册过,登录,返回token。

4 页面展示

1.授权登录
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第1张图片
2.初次进来,先提醒交押金,已经交过直接到界面3
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第2张图片
3.定位到当前位置显示在地图上,还有刷新定位按钮、立即用伞按钮、我的钱包按钮
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第3张图片
4.点击了钱包按钮,进入到我的钱包页面,可查看余额和押金情况
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第4张图片
5.点击了充值按钮后,有四个充值金额可选
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第5张图片
6.如果界面3点击了立即用伞按钮,则进来解锁用伞页面,有两个方式,扫码或者手动输入
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第6张图片
7.扫码用伞
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第7张图片
8.手动输入雨伞号
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第8张图片
9.借伞后的页面
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第9张图片
10.结束用伞后
【毕业设计_课程设计】基于微信小程序的共享雨伞租借系统_第10张图片

5 页面目录

pages

  • balance // 余额充值
  • index // 有地图的
  • inputLock // 手动输入雨伞号
  • logs // 没用到,查看启动日志
  • order // 订单详情
  • pay // 支付
  • payDeposit // 交纳押金
  • wallet // 我的钱包
  • welcome // 选择解锁方式

6 项目工程

你可能感兴趣的:(毕业设计,课程设计,微信小程序,小程序,共享雨伞租借系统)