用户登录小程序成功后,通过传来的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>

  下图是随机页面

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

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

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

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

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

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

详细图析说明请扫描下方公众号二维码了解更多内容:

下面是“帮挑帮选”小程序码:

  

微信小程序--帮助选择困难症者的更多相关文章

  1. 微信小程序图片选择,预览和删除

    这里均用的是小程序原生api 废话不多说直接上栗子: <view class="addImv"> <!--这个是已经选好的图片--> <view wx ...

  2. 微信小程序--图片相关问题合辑

    图片上传相关文章 微信小程序多张图片上传功能 微信小程序开发(二)图片上传 微信小程序上传一或多张图片 微信小程序实现选择图片九宫格带预览 ETL:微信小程序之图片上传 微信小程序wx.preview ...

  3. 微信小程序踩坑集合

    1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...

  4. 微信小程序开发学习资料

    作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...

  5. 微信小程序滑动选择器

    实现微信小程序滑动选择效果 在wxml文件中,用一个picker标签代表选择器,bindchange是用户点击确定后触发的函数,index是picker自带的参数,用户点击确定后,bindchange ...

  6. 微信小程序之简单记账本开发记录(一)

    下载并安装微信开发者工具 在选择开发记账本程序的时候犹豫着选择android studio还是微信小程序 最后选择了微信小程序,因其便利和快捷. 话不多说,第一步,下载并安装微信开发者工具.下面是教程 ...

  7. 微信小程序 A~Z城市选择器js文件

    微信小程序城市选择 [a~z] 的所有城市选择 city.js a~z排序的城市数据 addressChoose.js 其他js文件可引用 city.js /** * Created by yvded ...

  8. 线下市场,选择微信小程序从未显得如此重要

    2017 年 1 月 9 日,小程序正式上线,到今日,3 月 8 号,这个新产品面世刚好满两个月.小程序刚推出便受到全球关注,腾讯股价当天即创逾一个月高位,但关注度先是急速上涨,不久便迅速降温,甚至在 ...

  9. mpvue微信小程序多列选择器用法:实现省份城市选择

    前言 微信小程序默认给我们提供了一个省市区的picker选择器,只需将mode设置为region即可 <picker mode="region" bindchange=&qu ...

随机推荐

  1. EmEditor注册码

    Emeditor 是一款非常好用的文本编辑器 Emeditor 注册码 姓 名:ttrar.com 序 列 号:DKAZQ-R9TYP-5SM2A-9Z8KD-3E2RK 姓 名:whyida 序 列 ...

  2. 洛谷P1725--琪露诺(单调队列)

    https://www.luogu.org/problemnew/show/P1725 关于滑动窗口的解释https://www.cnblogs.com/albert67/p/10449039.htm ...

  3. 学习Python第五天

    今天咱们讲一下元组,hash,字典,元组是数据类型其中之一 元组的特性为有序的,不可变的,但是如果其中有可变元素,这些可变元组还是可以改变的,代码如下: 元组的写法:name = (‘roy’,‘al ...

  4. listcard记录

    .listcard-bg{ .listcard-head{ background: #F34A55; width: 100%; height: 50px; margin-bottom: -50px; ...

  5. DOSBOX的安装和使用(window10 64位)

    1.安装DOSBOX DOXBOX和MASM的下载和安装 2.使用DOSBOX 1.打开只有一个窗口的dosbox 2.修改dosbox的分辨率 1.打开DOSBox 0.74 Options.bat ...

  6. 原来你离BAT只有一步之遥

    ladies and乡亲们 喜迎全民嗨购双11 i春秋准备搞一波大优惠 优惠力度有多大 跨店凑单满400-50? 指定商品199减100? 史无钜惠 不凑单 不指定 一次直降9000元 原价:2580 ...

  7. 知乎十万级容器规模的Java分布式镜像仓库实践

    作者:知乎令孤无忌 前言 知乎在 2016 年已经完成了全量业务的容器化,并在自研容器平台上以原生镜像的方式部署和运行,并在后续陆续实施了 CI.Cron.Kafka.HAProxy.HBase.Tw ...

  8. Javascript高级编程学习笔记(28)—— BOM(2)window对象2

    今天讲一下window对象和浏览器导航,弹窗等有关的内容 导航和打开窗口 window.open() 用于导航到某个特定 url 该方法接收四个参数 1.url 2.窗口目标(当页面中有多个框架fra ...

  9. 聊一聊Java如何接入招行一网通支付功能

    1.前提条件 相比较于支付宝和微信的支付功能接入这一块,银行相对来说更加严格,比如说支付宝,在你签约之前可以进行一些测试.但是银行来说就不是这样了,如果您现在要进行招行的支付功能开发的话,请务必先让相 ...

  10. swiper轮播在ie浏览器上遇到的显示问题探索

    前言: 最近项目有一个需求,想要下图效果,鼠标指向头像图片,图片会放大同时上面的轮播会跟着切换: 鼠标移开头像图片,图片变回原来的大小 注:下图是我根据上面需求已经实现的效果,所以截图方便说明 思考: ...