GithubHelp home page GithubHelp logo

budparking's Introduction

微信小程序-萌芽停车

(Author:chimuuu,CommunicationHeart) ##停车小程序项目结构图
##小程序主要功能包括: (1)微信用户一键注册登录
(2)微信扫码停车
(3)停车计时计费(带有使用者头像及昵称)
(4)微信支付演示(暂无:这需要企业身份申请开通)
(5)基于LeanCloud的后台数据管理
(6)停车记录查询:停车开始时间,停车时长,费用,地理位置等信息(后台数据实时刷新)
(7)新添加小程序分享功能
(8)停车位二维码生成器(带BudParking-logo)
   注:{此功能不属于小程序,用于停车场的车位二维码生成,是停车系统的一部分}
代码:https://github.com/chimuuu/qrcode-python #一、Demo ##1.扫码停车演示(停车时间,车位,计费,用户头像及昵称显示,小程序分享功能)
####(微信支付功能需要企业身份申请开通,所以只做演示)

##2.用户停车记录查询(含地图查询)

##3.三个一级界面(主界面,历史记录查询界面,版本界面)

##4.后台数据管理(用户注册信息,用户查询自己的使用历史记录)
###(1)注册用户信息管理(来源于用户微信注册信息)
###(2)用户的使用历史记录(时间、地点、时长、费用以及车位等等)
###(3)停车位数据及每个停车位的使用状态(是否正被使用-01表示)
##5.停车场二维码生成器(python写,带空余车位查询后用于生成二维码)
#二、配置所需工具: (1)微信小程序开发者账号
(2)微信web开发者工具
(3)LeanCloud帐号
(4)LeanCloud工具类av-weapp.js
##1.微信小程序开发者账号注册 ###首先在微信公众号平台注册 ##2.获取AppID和AppSecret 登录登录https://mp.weixin.qq.com,在网站的「设置」-「开发者设置」中,查看微信小程序的AppID和AppSecret; ##3.创建项目 添加你自己的AppID,新建项目-BudParking ##4.注册LeanCloud账号 传送https://leancloud.cn/ ##5.配置LeanCloud应用 登录https://leancloud.cn/applist.html#/apps
在网站的「创建应用」中创建应用
在leancloud控制台配置AppID(小程序ID)和AppSecret(小程序密钥)

##6.设置微信小程序域名白名单 登录https://mp.weixin.qq.com, 在网站的「设置」-「开发者设置」中,点击「服务器配置」下的「修改」链接,增加域名
具体域名通过https://leancloud.cn/docs/weapp-domains.html查询
{同时在request合法域名下添加https://cli.im(这是在线对二维码进行在线识别的网站)}此功能已移除,采用了微信新开放的扫一扫API,提升了扫码体验
微信限制每月只能修改三次域名白名单
##7.获取LeanCloud应用AppID和AppKey 登录https://leancloud.cn/,在网站的「设置」-「应用Key」中,查看App ID,App Key ##8.OK! 终于可以进入小程序了! 1)将下载的av-weapp.js(https://unpkg.com/[email protected]/dist/av-weapp.js)放到utils下
2)使用const AV = require('../../utils/av-weapp.js');路径根据具体情况而定
3)做初始化:
AV.init({
appId: '你的LeanCloud-appId',
appKey: '你的LeanCloud-appKey',
});
注:在微信小程序中使用 LeanCloud详见 https://leancloud.cn/docs/weapp.html
#三、项目使用说明 ##用户使用萌芽停车小程序操作流程如下: ###1.用户通过扫描停车场二维码,获得空车位信息(初次使用会使用微信一键注册并登陆)
###2.停车开始计时,计费,页面上方显示当前用户头像和昵称
###3.后台记录用户信息(使用记录,方便用户查询)
###4.停车结束后,用户微信支付
###5.用户可以查询自己的使用记录
###随着微信平台开放程度不断提升, “微信智慧生活”在不同行业的解决方案,已经给很多企业带来巨大的移动互联网变革。我们的基于LeanCloud的停车收费微信小程序,可以很好的解决繁琐的停车过程,方便快捷,符合市场需求,并且停车小程序功能完整,具有很好的应用前景。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.