基于微信小程序的共享雨伞租借系统
应用介绍
基于微信小程序的共享雨伞租借系统
一个微信小程序项目
摘要
共享雨伞由于符合节省资源、绿色出行、环保理念,得到了政府的极力提倡和支持。而微信小程序是一种不需要安装即可打开使用的应用。用户只需要通过进入本系统的微信小程序,交纳押金后扫描某把雨伞的二维码或者手动输入雨伞号,就能租借使用。还伞时,只需要把雨伞插回可归还的地方,然后确认付款就完成了所有操作。(由于无法模拟雨伞插回伞座,所以是要自己点击还伞的)
功能模块
自动注册登录
缴纳(退还)押金
获取当前位置和定位
使用扫描二维码用伞、手动输入伞号借伞
查询余额、充值余额
结束用伞
支付订单
关于登录与注册
这里使用的是用户无感的注册或者登录。
当用户授权使用本小程序的时候,调用微信官方登录接口,获取到
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 // 选择解锁方式
©版权声明:本文内容由互联网用户自发贡献,版权归原创作者所有,本站不拥有所有权,也不承担相关法律责任。如果您发现本站中有涉嫌抄袭的内容,欢迎发送邮件至: [email protected] 进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。
转载请注明出处: apollocode » 基于微信小程序的共享雨伞租借系统
文件列表(部分)
名称 | 大小 | 修改日期 |
---|---|---|
.DS_Store | 0.47 KB | 2018-12-25 |
app.js | 0.31 KB | 2018-12-25 |
app.json | 0.21 KB | 2018-12-25 |
app.wxss | 0.16 KB | 2018-12-25 |
config.js | 0.05 KB | 2018-12-25 |
balance.js | 0.90 KB | 2018-12-25 |
balance.json | 0.04 KB | 2018-12-25 |
balance.wxml | 0.34 KB | 2018-12-25 |
balance.wxss | 0.42 KB | 2018-12-25 |
index.js | 1.75 KB | 2018-12-25 |
index.json | 0.04 KB | 2018-12-25 |
index.wxml | 0.39 KB | 2018-12-25 |
index.wxss | 0.23 KB | 2018-12-25 |
inputLock.js | 0.88 KB | 2018-12-25 |
inputLock.json | 0.04 KB | 2018-12-25 |
inputLock.wxml | 0.30 KB | 2018-12-25 |
inputLock.wxss | 0.28 KB | 2018-12-25 |
logs.js | 0.19 KB | 2018-12-25 |
logs.json | 0.05 KB | 2018-12-25 |
logs.wxml | 0.14 KB | 2018-12-25 |
logs.wxss | 0.09 KB | 2018-12-25 |
order.js | 0.92 KB | 2018-12-25 |
order.json | 0.04 KB | 2018-12-25 |
order.wxml | 0.36 KB | 2018-12-25 |
order.wxss | 0.36 KB | 2018-12-25 |
pay.js | 0.90 KB | 2018-12-25 |
pay.json | 0.05 KB | 2018-12-25 |
pay.wxml | 0.30 KB | 2018-12-25 |
pay.wxss | 0.37 KB | 2018-12-25 |
payDeposit.js | 0.67 KB | 2018-12-25 |
发表评论 取消回复