微信小程序--帮助选择困难症者

用户登录小程序成功后,通过传来的code获取openid,后端用的是PHP

    //获取code值换取openid
    public function code_weixin(Request $request)
    {
        //声明CODE,获取小程序传过来的CODE
        $code = $request['code'];
        
        // $code = $_GET["code"];
        //配置appid
        $appid = "wplhc58b8dae48d8b02";
        //配置appscret
        $secret = "wplhc832079b8e7cdbf3eecad1b720f3";
        //api接口
        $api = "https://api.weixin.qq.com/sns/jscode2session?appid={$appid}&secret={$secret}&js_code={$code}&grant_type=authorization_code";
        //获取GET请求
        function httpGet($url){
            $info=curl_init();
            curl_setopt($info,CURLOPT_RETURNTRANSFER,true);
            curl_setopt($info,CURLOPT_HEADER,0);
            curl_setopt($info,CURLOPT_NOBODY,0);
            curl_setopt($info,CURLOPT_SSL_VERIFYPEER, false);
            curl_setopt($info,CURLOPT_SSL_VERIFYHOST, false);
            curl_setopt($info,CURLOPT_URL,$url);
            $output= curl_exec($info);
            curl_close($info);
            return json_decode($output);
        }
        //发送
        $str = httpGet($api);
        
        // echo $str;
        return $str->openid;

    }

  小程序里面用到的随机js

    
var util = require('../../utils/util.js');
const app = getApp()
Page({
       data:{
            rand_arr: ['李小龙', '邓丽君', '张国荣', '梅艳芳', '梅兰芳', '成龙', '李连杰', '吴京', '赵文卓', '甄子丹', '刘德华', '张学友'],
             buttonText: '开始随选', time1: '',
       },

      timeTest: function (e) {
          wx.vibrateLong();
          var that = this
          var time1 = that.data.time1
          var buttonText = that.data.buttonText
          if (buttonText == '开始随选') {
            time1 = setInterval(function () {
              // console.log(that.sendNum(that.data.rand_arr))
              that.setData({
                title_is: that.sendNum(that.data.rand_arr),
                buttonText: '停止', time1: time1,
              })
        
            }, 10)
          } else {
            that.setData({ buttonText: '开始随选', })
            clearInterval(time1)
      
          }
        },
    
})

  随机页面wxml

<view>
        <!-- <button class='weui-btn bg-green light' formType="submit" style='font-size:30rpx'>修改</button> -->
        <view class="bg-blue text-center light">
      
          <textarea data-name='{{title_is}}' class="bg-blue light"  bindtap='select' style="height:100px;font-size:30px;line-height:100px;border:1rpx solid;" disabled maxlength='200' value='{{title_is}} ' />
          <text class='text-black text-bold' >点击抽取结果存入记录</text>
          <button class="bg-green light" style='margin-top:20px' formType="submit"  bindtap="timeTest">{{buttonText}}</button>

</view>

  下图是随机页面

随着社会的发展,摆在人们眼前的事物也越来越多,可谓是五颜六色、各式各样。虽这给人们提供了不少好的东西,但是种类的繁多、样式的复杂看上去眼花缭乱的,都不知道该选哪一个了。

大家有没有过这么一种体会尤其是对选择困难的人来说:

  例一、每逢买衣服的时候就不知道,该买哪种类型的服装,有运动装、休闲装、帅气的、可爱的等等一些,在淘宝上、商城里逛来逛去还是不知道买什么样的,总是不知道买哪个,到最后往往买回去的都会在纠结一番。

  例二、还有的在装修房的时候也是不知道该装修什么样的风格,有中国风、欧美风、复古的等等一些,每天在电脑上、手机上搜来搜去也不知道装修什么样的,最后也是,要不就全外包出去,要不就草草的装修了事。这中间避免不了会走很多的弯路。

现在有一个这么一个小程序“帮挑帮选”,在这里面会有好多朋友来替你参考选择,最终拿出最好的那个选择结果。如下图:

哪张图上面点赞的次数最多,哪个就是这几个里面最好的选择,这样你也就不用再纠结到底选哪个了,就相当于给了你一个参考答案。

 

 

  

 

posted @ 2019-02-26 17:17  王彭雷  阅读(1225)  评论(2编辑  收藏  举报