基于微信小程序的共享雨伞租借系统
---
> 一个微信小程序项目
### 摘要
共享雨伞由于符合节省资源、绿色出行、环保理念,得到了政府的极力提倡和支持。而微信小程序是一种不需要安装即可打开使用的应用。用户只需要通过进入本系统的微信小程序,交纳押金后扫描某把雨伞的二维码或者手动输入雨伞号,就能租借使用。还伞时,只需要把雨伞插回可归还的地方,然后确认付款就完成了所有操作。(由于无法模拟雨伞插回伞座,所以是要自己点击还伞的)
### 功能模块
+ 自动注册登录
+ 缴纳(退还)押金
+ 获取当前位置和定位
+ 使用扫描二维码用伞、手动输入伞号借伞
+ 查询余额、充值余额
+ 结束用伞
+ 支付订单
### 关于登录与注册
+ 这里使用的是用户无感的注册或者登录。
+ 当用户授权使用本小程序的时候,调用微信官方登录接口,获取到``code``、``encryptedData``、``iv``发送给后台,后台判断是否已经注册过。
+ 如果没有,立即注册,返回``token``;如果已经注册过,登录,返回``token``。
### 页面展示
1.授权登录
![](https://upload-images.jianshu.io/upload_images/7016617-1a2e03c94327bc33.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2.初次进来,先提醒交押金,已经交过直接到界面3
![](https://upload-images.jianshu.io/upload_images/7016617-5d365a14e668b7b0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3.定位到当前位置显示在地图上,还有刷新定位按钮、立即用伞按钮、我的钱包按钮
![](https://upload-images.jianshu.io/upload_images/7016617-b4854c55e0bca521.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4.点击了钱包按钮,进入到我的钱包页面,可查看余额和押金情况
![](https://upload-images.jianshu.io/upload_images/7016617-9b34dee075b1ae22.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
5.点击了充值按钮后,有四个充值金额可选
![](https://upload-images.jianshu.io/upload_images/7016617-692f372f804694e4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
6.如果界面3点击了立即用伞按钮,则进来解锁用伞页面,有两个方式,扫码或者手动输入
![](https://upload-images.jianshu.io/upload_images/7016617-6fd5b05c69ddeacb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
7.扫码用伞
![](https://upload-images.jianshu.io/upload_images/7016617-a19c918ec54b4b9e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
8.手动输入雨伞号
![](https://upload-images.jianshu.io/upload_images/7016617-bbfb94ea98648854.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
9.借伞后的页面
![](https://upload-images.jianshu.io/upload_images/7016617-c780e40b6e1639ad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
10.结束用伞后
![](https://upload-images.jianshu.io/upload_images/7016617-2de9d653b6ba4962.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
### 交互api
> 本小程序的后台接口,由[Hertz大佬](http://leewaiho.com)提供。
目录位置:
- config
- config.js // 封装了api域名
- utils
- api.js // 都在这里了
### 页面目录
- pages
- balance // 余额充值
- index // 有地图的
- inputLock // 手动输入雨伞号
- logs // 没用到,查看启动日志
- order // 订单详情
- pay // 支付
- payDeposit // 交纳押金
- wallet // 我的钱包
- welcome // 选择解锁方式
没有合适的资源?快使用搜索试试~ 我知道了~
毕业设计-基于微信小程序的共享雨伞租借系统.zip
共57个文件
js:13个
json:11个
wxss:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 34 浏览量
2024-12-04
22:41:47
上传
评论
收藏 1.03MB ZIP 举报
温馨提示
毕业设计-基于微信小程序的共享雨伞租借系统基于微信小程序的共享雨伞租借系统一个微信小程序项目摘要共享雨伞由于符合节约资源、绿色出行、环保理念,得到了政府的极力安装和支持。而微信小程序是一种需要安装即可打开使用的应用。用户只需通过进入本系统的微信小程序即可,交纳押金后扫描画某把雨伞的二维码或者手动输入雨伞号,就可以租借使用。还雨伞时,只需把雨伞插回可归还的地方,然后确认付款就完成了所有操作。(由于无法模拟雨伞插回伞座,所以是要自己点击还伞的)功能模块自动登录缴纳(退还)押金获取当前位置和定位使用扫描二维码用伞、手动输入伞号借伞查询余额、充值余额结束用伞支付订单关于登录与注册这里使用的是用户无感的注册或登录。当授权用户使用本小程序的时候,调用微信官方登录接口,获取到code、发送给后台,后台判断是否已经注册过。encryptedDataiv如果没有,立即注册,返回token如果已经注册过,登录,返回token。页面展示1.授权登录2.初次导入,先提醒交押金,已经交过直接到界面33.定位到当前位置显示在地图上,还有
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计-基于微信小程序的共享雨伞租借系统.zip (57个子文件)
.DS_Store 6KB
pages
index
index.wxml 725B
index.js 7KB
index.json 46B
index.wxss 384B
order
order.wxml 630B
order.json 46B
order.js 2KB
order.wxss 1010B
inputLock
inputLock.wxss 564B
inputLock.js 2KB
inputLock.wxml 395B
inputLock.json 46B
pay
pay.wxss 1KB
pay.js 2KB
pay.wxml 466B
pay.json 48B
wallet
wallet.json 46B
wallet.js 2KB
wallet.wxml 1KB
wallet.wxss 942B
payDeposit
payDeposit.wxss 768B
payDeposit.json 46B
payDeposit.js 1KB
payDeposit.wxml 439B
welcome
welcome.wxss 1003B
welcome.js 3KB
welcome.json 46B
welcome.wxml 559B
logs
logs.json 52B
logs.js 261B
logs.wxml 173B
logs.wxss 106B
balance
balance.js 2KB
balance.wxss 1KB
balance.json 46B
balance.wxml 677B
app.json 443B
project.config.json 542B
标签.txt 12B
app.js 412B
utils
.DS_Store 6KB
pictures
.DS_Store 6KB
1.jpg 12KB
api.js 8KB
util.js 472B
icons
.DS_Store 6KB
use.png 358KB
xuanzhong.png 211KB
refresh.png 535KB
scanning.png 3KB
wallet.png 301KB
warning.png 5KB
app.wxss 215B
资源内容.txt 1KB
README.md 4KB
config
config.js 53B
共 57 条
- 1
资源评论
赵闪闪168
- 粉丝: 1726
- 资源: 6638
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- UCAS研一课程大数据分析的笔记和代码.zip
- 基于java的电影订票及评论网站的设计和实现.docx
- 基于java的反欺诈平台的设计和实现.docx
- 基于java的电影院购票系统的设计和实现.docx
- 基于java的电影订票及评论网站的设计和实现开题报告.docx
- 基于java的高校专业实习管理系统的设计和实现.docx
- vgg19-dcbb9e9d.pth
- 基于java的个人云盘管理系统的设计和实现.docx
- comsol相场断裂模拟
- 基于java的房地产销售管理系统的设计和实现.docx
- 基于java的机动车号牌管理系统的设计和实现.docx
- 基于java的火锅店管理系统的设计和实现.docx
- 基于java的环保网站的设计和实现.docx
- 基于java的教师个人成果管理系统的设计和实现.docx
- 基于java的家政服务平台的设计和实现.docx
- 基于java的计算机学院校友网的设计和实现.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功