毕业设计-基于微信小程序的共享雨伞租借系统前端案例.zip

基于微信小程序的共享雨伞租借系统 --- > 一个微信小程序项目 ### 摘要 共享雨伞由于符合节省资源、绿色出行、环保理念，得到了政府的极力提倡和支持。而微信小程序是一种不需要安装即可打开使用的应用。用户只需要通过进入本系统的微信小程序,交纳押金后扫描某把雨伞的二维码或者手动输入雨伞号，就能租借使用。还伞时，只需要把雨伞插回可归还的地方，然后确认付款就完成了所有操作。（由于无法模拟雨伞插回伞座，所以是要自己点击还伞的） ### 功能模块 + 自动注册登录 + 缴纳（退还）押金 + 获取当前位置和定位 + 使用扫描二维码用伞、手动输入伞号借伞 + 查询余额、充值余额 + 结束用伞 + 支付订单 ### 关于登录与注册 + 这里使用的是用户无感的注册或者登录。 + 当用户授权使用本小程序的时候，调用微信官方登录接口，获取到``code``、``encryptedData``、``iv``发送给后台，后台判断是否已经注册过。 + 如果没有，立即注册，返回``token``；如果已经注册过，登录，返回``token``。 ### 页面展示 1.授权登录  2.初次进来，先提醒交押金，已经交过直接到界面3  3.定位到当前位置显示在地图上，还有刷新定位按钮、立即用伞按钮、我的钱包按钮  4.点击了钱包按钮，进入到我的钱包页面，可查看余额和押金情况  5.点击了充值按钮后，有四个充值金额可选  6.如果界面3点击了立即用伞按钮，则进来解锁用伞页面，有两个方式，扫码或者手动输入  7.扫码用伞  8.手动输入雨伞号  9.借伞后的页面  10.结束用伞后  ### 交互api > 本小程序的后台接口，由[Hertz大佬](http://leewaiho.com)提供。 目录位置： - config - config.js // 封装了api域名 - utils - api.js // 都在这里了 ### 页面目录 - pages - balance // 余额充值 - index // 有地图的 - inputLock // 手动输入雨伞号 - logs // 没用到，查看启动日志 - order // 订单详情 - pay // 支付 - payDeposit // 交纳押金 - wallet // 我的钱包 - welcome // 选择解锁方式 免责声明： 1.本资源仅供学习和交流使用，不保证其准确性、完整性、及时性或适用性。 2.本资源仅包含一般信息，不构成专业建议。在使用本资源时，请务必自行研究并谨慎决策。 3.我已尽力确保本资源的正确性和合法性，但不对其准确性、完整性和及时性做出保证。 4.本资源不应用于商业用途。 5.在使用本资源的过程中，用户应自行承担所有风险和责任，并遵守相关法律法规。 6.对于因使用本资源而产生的任何损失或损害，我概不负责。 请确保在使用本资源时仔细阅读并遵守以上免责声明。如果您有任何疑问或需要进一步帮助，请联系我。