微信小程序ofo小黄车+thinkphp5.0打造全栈应用

作者：模板之家 2018-1-3 09:41 5570人关注

ofo至今还没有微信小程序（很费解），每次用ofo都得去支付宝，很不方便，我用微信用的比较多，无意间在简书上面看到某人写了一个关于ofo的小程序，链接如下：给ofo小黄车撸一个微

ofo至今还没有微信小程序（很费解），每次用ofo都得去支付宝，很不方便，我用微信用的比较多，无意间在简书上面看到某人写了一个关于ofo的小程序，链接如下：给ofo小黄车撸一个微信小程序，不过数据都是模拟的，没有数据库，没有后台，这对于一个PHP（拍黄片）攻城狮来说，是可忍孰不可忍呀，刚刚学完七月老师的课程，受益匪浅，刚好自己动手做一个，说动手就动手，let's do it;

先献上一波效果图吧：

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 体验版页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 支付页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 计费页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 开锁页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 用车页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 开锁页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 充值页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 个人中心页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 我的钱包页面

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_ 首页页面

ofo小程序的架构体系：

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_

小程序数据从服务器到前端交互总结：

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_

数据库设计：

用户表：

**user  | CREATE TABLE `user` (**
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`openid` varchar(50) NOT NULL COMMENT '用户的唯一标识',
`create_time` int(11) DEFAULT NULL,
`delete_time` int(11) DEFAULT NULL,
`balance` decimal(60,2) NOT NULL COMMENT '余额',
`guarantee` decimal(60,2) NOT NULL COMMENT '保证金',
`update_time` int(11) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8 |

小黄车表：

**| bike  | CREATE TABLE `bike` (**
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`latitude` float(11,6) NOT NULL COMMENT '经度',
`is_show` tinyint(1) NOT NULL DEFAULT '0' COMMENT '0未使用 1使用',
`longitude` float(11,6) NOT NULL COMMENT '纬度',
`password` int(11) NOT NULL COMMENT '单车密码',
`type` tinyint(1) NOT NULL DEFAULT '0' COMMENT '0正常，1故障',
`create_time` int(11) NOT NULL,
`update_time` int(11) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 |

故障分类表：

**| trouble_cate | CREATE TABLE `trouble_cate` (**
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`name` varchar(20) NOT NULL COMMENT '故障名称',
`create_time` int(11) DEFAULT NULL,
`update_time` int(11) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8 |

故障记录表：

**| trouble_record | CREATE TABLE `trouble_record` (**
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`user_id` int(11) NOT NULL COMMENT '用户ID',
`bike_id` int(11) DEFAULT NULL COMMENT '单车ID',
`longitude` varchar(50) NOT NULL COMMENT '经度',
`latitude` varchar(50) NOT NULL COMMENT '纬度',
`img` varchar(50) DEFAULT NULL COMMENT '上传的图片',
`remark` varchar(50) DEFAULT NULL COMMENT '备注',
`create_time` int(11) NOT NULL,
`update_time` int(11) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=29 DEFAULT CHARSET=utf8 |

充值表：

**| charge | CREATE TABLE `charge` (**
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`user_id` int(11) NOT NULL COMMENT '用户ID',
`price` decimal(60,2) NOT NULL COMMENT '费用',
`type` tinyint(1) NOT NULL DEFAULT '1' COMMENT '0为保证金 1为余额',
`create_time` int(11) NOT NULL,
`update_time` int(11) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=101 DEFAULT CHARSET=utf8 |

骑行记录表：

**| record | CREATE TABLE `record` (**
`id` int(11) unsigned NOT NULL AUTO_INCREMENT,
`bike_id` int(11) NOT NULL COMMENT '单车ID',
`user_id` int(11) NOT NULL COMMENT '用户ID',
`end_time` int(11) NOT NULL COMMENT '结束时间',
`start_time` int(11) NOT NULL COMMENT '开始时间',
`total_price` decimal(10,0) NOT NULL COMMENT '总价格',
`start_long` varchar(50) NOT NULL COMMENT '开始经度',
`start_lati` varchar(50) NOT NULL COMMENT '开始纬度',
`end_long` varchar(50) NOT NULL COMMENT '结束经度',
`end_lati` varchar(50) NOT NULL COMMENT '结束纬度',
`create_time` int(11) NOT NULL,
`update_time` int(11) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=47 DEFAULT CHARSET=utf8 |

核心知识体系：

1.thinkphp5.0相关的知识

TP5三大核心：路由、控制器、模型
以ORM的方式查询数据库
使用TP5验证器Validate构建整个验证层
开发环境和生产环境下不同的全局异常处理机制
TP5缓存的使用
在TP5中使用数据库事务

2.微信小程序＋微信支付
微信小程序登录状态维护
微信支付接入
Class和Module面向对象的思维构建前端代码
体验优化

3.API接口的设计
采用RESTFul API风格
（RESTFul API风格可参考GitHub 开发者文档）
返回码、URL语义、HTTP动词、错误码、异常返回
使用Token令牌来构建用户授权体系
API版本控制（v1、v2）

ofo页面逻辑和所需接口分析

1.首页页面逻辑与接口分析

微信小程序ofo小黄车+thinkphp5.0打造全栈应用_

根据效果图，很明显我们知道肯定需要一个获取单车信息的接口，接口代码如下：

/**
     * @return false|\PDOStatement|string|\think\Collection
     * @throws BikeException
     * 获取单车的位置信息
     */
    public function getBicyclePosition() {
        $bikes = BikeModel::getBicyclePosition();
        if(!$bikes) {
           throw new BikeException();
        }
        return $bikes;
    }

立即用车按钮分析，首先我们需要先判断有没有登录，登录我们使用的是token令牌（后面会在个人中心登录按钮讲下如何生成token令牌，如何利用tp5的缓存，使token令牌有有效期），如果令牌存在，我们还得判断令牌是否有效，否则重新登录，如果验证通过，我们还得判断这个用户是否已经有押金，如果没有押金，跳到充值页面去充值,否则跳转到用车页面，根据分析，我们需要一个验证token是否有效的接口，接口代码如下，

/**
     * @return bool
     * @throws TokenException
     * 验证token
     */
    public function verifyToken() {
        $token = Request::instance()->header('token');
        $var = Cache::get($token);
        if(!$var) {
            throw new TokenException([
                'msg'=>'token已经过期',
                'errorCode'=>10002
            ]);
        }
        return true;
    }

我们还需要一个获取用户信息的接口，判断是否有押金，接口代码如下：

/**
     * @return null|static
     * @throws UserException
     * 获取用户的信息
     */
    public function getUserInfo(){
        $uid = Token::getCurrentUid();
        $user = UserModel::get($uid);
        if(!$user) {
            throw new UserException();
        }
        return $user;
    }

故障按钮分析：同样的我们需要验证是否登录，登录是否过期，否则我们跳转到登录页面。（注意：我们需要把用户的初始位置，记录到小程序的缓存中，因为骑行记录表需要记录用户的初始位置）

2.登录页面逻辑和所需接口分析

关于使用token令牌的好处，请自行百度，首先我先用一张图来说明微信小程序如何获取token：
微信小程序ofo小黄车+thinkphp5.0打造全栈应用_

根据效果图，我们需要获取token令牌接口，接口代码如下：

 /**
     * @param $code
     * @return array
     * 获取token
     */
    public function getToken($code) {
        (new TokenGet())->goCheck();
        $user = new UserToken($code); 
                 
                邀请 
              
 
               
              
 
            
             
                         
              



路过




雷人




握手




鲜花




鸡蛋






 
            

            
 
            
                  原作者: 模板之家 
                  来自: 网络收集 
                   
                   
                              
                        
          
          

  
      
  
  	
上一篇：微信小程序中使用Fly 发起http请求
下一篇：左右脑测试小程序的真正逻辑
  
        
      
      

    
       
       
      

  	
       全部回复(0)
            
   
    
     
     
    
        
      
  


        
    
     





                
           
    
    
    
    

   
    
         

    
     
        
   
  
            相关分类

小程序开发
php教程
mysql教程
js教程
服务器运维
经验杂谈
linux命令



    

  
    
      
      推荐阅读
  
  
    
      
          
            
              
            
            mysql分页操作
        

          
            
              
            
            update是什么关键字
        

          
            
              
            
            MySQL错误1171如何解决
        

          
            
              
            
            深入理解MySQL数据类型：探索基本数据类型的细节和限制
        

          
            
              
            
            快速掌握MySQL常用数据类型：常见数据类型及其应用场景一览
        

          
            
              
            
            了解MySQL的主要数据类型：熟悉常用的数据类型有哪些
        
    
  

     
      
 
    
  



 
  
 


 

 

     




    
        首页
        分类
        
                索引
                我的
            




  
  
    
      Copyright © Comsenz Inc. Powered by Discuz!X3.5 


 蜀ICP备12013697号 
    
    
        微信：xu08290201   QQ：75283535 
    
  
  
 

 



 
 



 

 

 
 

 

 

 

 

 



  


 
 返回顶部

		自动登录	找回密码
密码			立即注册

搜索本站精品资源

微信小程序ofo小黄车+thinkphp5.0打造全栈应用

全部回复(0)

相关分类