TypechoJoeTheme

轩宇网

登录
用户名
密码
搜索到 21 篇与 微信小程序 的结果
2020-03-24

微信小程序+php 授权登陆查看,完整代码

微信小程序+php 授权登陆查看,完整代码
先来看效果图实现流程:1、授权登陆按钮和正文信息放到了同一个页面,未授权的时候显示登陆按钮,已授权的时候隐藏登陆按钮,显示正文信息,当然也可以授权和正文分开成两个页面,在授权页面的onload里判断是否已授权,若已授权就直接跳转正文的页面。这里只说授权按钮和正文在同一页面的情况。2、在onload里先判断是否已授权,如果已授权,就隐藏授权登陆按钮,显示正文信息,如果没有授权,显示授权登陆按钮。3、前端使用button的open-type="getUserInfo"来操作,点击授权按钮之后,“e”中会携带userInfo,用户的基本信息(和使用wx.getUserInfo接口获取的数据一样,所以我是在"e"里面直接取的,没有调用wx.getUserInfo接口)4、使用wx.login接口获取登陆凭证code,使用code去后解密换取openid,传输code的时候带上第3步获取的用户信息一块发送给后台解密(也可以不携带,携带的目的是为了验证签名,这样安全一些,不验证也可以)5、后台解密使用的是“auth.code2Session”接口,解密用到的SDK下载地址“https://d...
2020年03月24日
3,615 阅读
0 评论
2020-03-05

微信小程序搜索功能(附:小程序前端+PHP后端)

微信小程序搜索功能(附:小程序前端+PHP后端)
这篇文章主要介绍了微信小程序搜索功能(附:小程序前端+PHP后端),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧开发需求微信小程序已经是非常火了,而且学习也比较容易,但是对于初学者来说还是一件比较伤脑筋的事,接下来给大家分享一下小程序搜索的思路。流程1、表单(输入框、提交按钮、提交的name值)2、接收表单数据(js获取表单name=keyword的值)3、通过wx.request向服务器后端发起请求查询数据库4、返回JSON格式的数据给小程序,js解析渲染到小程序前端展示界面代码index.wxml<!-- 标题 --> <view class="title">小程序搜索</view> <!-- 搜索框view --> <view class="search_con"> <!-- 表单 --> <form bindsubmit="formSubmit"> <!-- 记得设置name值,这样JS...
2020年03月05日
3,874 阅读
0 评论
2020-03-05

微信小程序开发搜索功能实现(前端+后端+数据库)

微信小程序开发搜索功能实现(前端+后端+数据库)
这篇文章主要介绍了微信小程序开发搜索功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧界面比较丑,主要实现逻辑...超级简单的界面,表单,提交按钮,搜索结果展示区域...下面是index.wxml<!--index.wxml--> <form bindsubmit="formSubmit"> <!--提交按钮 --> <input type="text" name="id" placeholder='输入关键词' style='border:1px solid #ccc;height:30px;'/> <button formType="submit" class="btn">搜索</button> </form> <view>搜索结果</view> <view wx:for="{...
2020年03月05日
3,891 阅读
0 评论
2019-08-13

微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例

微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
这篇文章主要介绍了微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能,涉及微信小程序事件响应、页面元素属性动态操作实现滑动与蒙层功能相关技巧与注意事项,需要的朋友可以参考下本文实例讲述了微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能。分享给大家供大家参考,具体如下:怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路是用css3的transform: translateY() 属性,给需要动画的元素添加上一个动画class。先上效果图:1.蒙层的结构:<!-- 购物车蒙层 --> <view class='list-fix' wx:if="{{mengShow}}" bindtap='outbtn'> <!--mengShow是蒙层是否显示的标志,然后蒙层绑定outbtn的点击事件--> <view class='in-list {{aniStyle?"slideup":"slidedown"...
2019年08月13日
6,055 阅读
0 评论
2019-06-20

微信小程序实现订单倒计时

微信小程序实现订单倒计时
这篇文章主要为大家详细介绍了微信小程序实现订单倒计时,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序实现订单倒计时的具体代码,供大家参考,具体内容如下之前在做一个有拼团功能项目的时候遇到过倒计时的问题,由于当时技术不熟在这方面耽搁了好些时间,所以这里整理出来希望能为后来人提供些许启发。1.实现思路求出发起拼团时间与拼团结束时间的时间差再将时间差格式化得到我们想要的格式如:时间每秒递减使用了 setTimeout(this.setTimeCount,1000);这个函数,让这个函数每隔一秒执行一次。效果图:2.实现中的难点若是要实现单个倒计时如60s发送验证码倒不是很难,难的是多条倒计时。不同的订单下单时间是不一样的时间差time也就不一样,所以当初在这卡了很久,后来想通一切才觉得原来如此。实现方法1:是后台计算出时间前端直接获取时间差,当时为了不影响项目进度我们用的就是这个方法,真是苦了那个些后台的兄弟还得迁就我这个菜鸟。获取这个时间差time后我们就可以将它处理后放入数组循环。这样做的好处是前端不用将time作为一个属性添加到原数组中。index...
2019年06月20日
4,177 阅读
0 评论
2019-06-10

微信小程序发布新版本时自动提示用户更新的方法

微信小程序发布新版本时自动提示用户更新的方法
这篇文章主要介绍了微信小程序发布新版本时自动提示用户更新的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧如图,当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会弹出这个提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新。官方给的示例代码:const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate) }) updateManager.onUpdateReady(function () { wx.showModal({ title: '更新提示', content: '新版本已经准备好,是否重启应用?', success(res) { if (res.confirm) { // 新的版本已经下载...
2019年06月10日
4,410 阅读
0 评论
2019-05-10

微信小程序实现打卡日历功能

微信小程序实现打卡日历功能
这篇文章主要介为大家详细绍了微信小程序实现打卡日历功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下生活中有各种可以打卡的app,例如背单词打卡什么的,本人觉得很有意思,于是本人在大二时做了一款诚信状打卡的微信小程序,这里讲述一下编写的过程。先说一下开发环境:用的是微信web开发工具开发的,后台采用了Bmob后台,比较方便。先展示一下成果:话不多说,直接上代码,里面也有挺多的注释,以防自己忘记,当然各位如果直接复制过去肯定不能有当前的效果,注意后台数据的交互,不过做一个界面还是没有问题的。Calendar.wxml 页面文件 页面上显示出来的东西,布局上主要是一个年月栏、上一个月和下一个月的按钮;然后是星期栏,就是日一二三四五六,然后就是每个月的日期,注意每个月的前面可能有空的地方。这里面用wx:if标签来区分当前日期有无打卡的情况。<!--pages/Calendar/Calendar.wxml--> <!-- 打卡日历页面 --> <view class='all'> <view class="bar">...
2019年05月10日
7,767 阅读
0 评论
2019-05-10

微信小程序自定义带价格显示日历效果

微信小程序自定义带价格显示日历效果
这篇文章主要为大家详细介绍了微信小程序自定义带价格显示日历效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序自定义日历效果的具体代码,供大家参考,具体内容如下JS代码:var Moment = require("../../utils/moment.js"); var DATE_YEAR = new Date().getFullYear(); var DATE_MONTH = new Date().getMonth() + 1; var DATE_DAY = new Date().getDate(); Page({ data: { year: '', month: '', day: '', days: {}, systemInfo: {}, weekStr: ['日', '一', '二', '三', '四', '五', '六'], checkDate:[] }, onLoad: function(options) { var _this = this; let now = new Date(); le...
2019年05月10日
4,112 阅读
0 评论
2019-05-10

微信小程序日历弹窗选择器代码实例

微信小程序日历弹窗选择器代码实例
这篇文章主要介绍了微信小程序日历弹窗选择器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧应项目需求,写了一个弹窗日历选择器,感觉用着还不错,封装了一下,分享给大家,希望大家有什么意见可以指出来相互交流共同改进!先上一个效果图:(当天日期为2019-05-10)直接上代码:wxml:<view class="weui-cells weui-cells_after-title" style='margin-top:100rpx;'> <view class="weui-cell weui-cell_access" hover-class="weui-cell_active" catchtap='showModalBtn'> <view class="weui-cell__bd">选择时间</view> <view class="weui-cell__ft weu...
2019年05月10日
4,515 阅读
0 评论
2019-02-18

微信小程序实现左右列表联动

微信小程序实现左右列表联动
这篇文章主要为大家详细介绍了微信小程序实现左右列表联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序实现左右列表联动的具体代码,供大家参考,具体内容如下效果图:直接上代码:wxml界面:<view class='header'> <text class='headerClass'>分类</text> <text class='headerPin'>/品牌</text> <view class="search"> <image src='/images/搜索.png'></image> <text>搜索商品</text> </view> </view> <view class='main'> <view class='left'> <scroll-view scroll-y="true" style="hei...
2019年02月18日
5,133 阅读
0 评论