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

一个微信小程序项目

摘要

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

功能模块

• 自动注册登录

• 缴纳（退还）押金

• 获取当前位置和定位

• 使用扫描二维码用伞、手动输入伞号借伞

• 查询余额、充值余额

• 结束用伞

• 支付订单

关于登录与注册

• 这里使用的是用户无感的注册或者登录。

• 当用户授权使用本小程序的时候，调用微信官方登录接口，获取到code、encryptedData、iv发送给后台，后台判断是否已经注册过。

• 如果没有，立即注册，返回token；如果已经注册过，登录，返回token。

页面展示

1.授权登录

2.初次进来，先提醒交押金，已经交过直接到界面3

3.定位到当前位置显示在地图上，还有刷新定位按钮、立即用伞按钮、我的钱包按钮

4.点击了钱包按钮，进入到我的钱包页面，可查看余额和押金情况

5.点击了充值按钮后，有四个充值金额可选

6.如果界面3点击了立即用伞按钮，则进来解锁用伞页面，有两个方式，扫码或者手动输入

7.扫码用伞

8.手动输入雨伞号

9.借伞后的页面

10.结束用伞后

交互api

本小程序的后台接口，由Hertz大佬提供。

目录位置：

• config
  • config.js // 封装了api域名
  • utils
    • api.js // 都在这里了

页面目录

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