小程序

支付宝小程序在前端只能获取到用户昵称和头像，但是这是远远不够的，我们至少需要获取到用户的支付宝User ID，这个时候就必须在后端利用支付宝的SDK来获取了，当然前端要发出 httprequest 请求，下面结合前两篇的例子进行修改 支付宝小程序前端 app.js App({   globalData:{     studentid:'',     username:'',     apiurl: 'http://XXX'   },    getUserInfo(){     var that = this     return new Promise((resovle,reject)=>{       if(this.userInfo) resovle(this.userInfo);              //调用用户授权 api 获取用户信息       my.getAuthCode({         scopes: 'auth_user',          success:(res) =>{            if (res.authCode) {                  my.httpRequest({                url: that.globalData.apiurl + '/api/AliPay/GetUserInfo',                method: 'GET',                data: {                   auth_code: res.authCode                },…

最近微信小程序被炒得很火热，本人也抱着试一试的态度下载了微信web开发者工具，开发工具比较简洁，功能相对比较少，个性化设置也没有。了解完开发工具之后，顺便看了一下小程序的官方开发文档，大概了解了小程序的开发流程和一些常用的api。 了解了小程序之后，自己就有了想要做一个小demo的冲动，虽然自己对小程序还没有做过很多实践，只是在官方例子上徘徊，但是还是想做出点小东西。既然要做一个demo，自然需要到数据，自己有又不想独自搭建服务端，所以在网上搜索可以用来提供测试数据的免费api，最后我选择了豆瓣图书。豆瓣图书提供的api功能比较少，加上不开放appkey申请，所以无法操作用户数据。只能做点简单的图书查询和图书详细信息展示，这个demo只有两个页面，非常之简单。 豆瓣图书API demo中用到的豆瓣图书api只有两个，一个是图书搜索，另一个是获取图书详情。 搜索图书 参数 意义 备注 q 查询关键字 q和tag必传其一 tag 查询的tag q和tag必传其一 start 取结果的offset 默认为0 count 取结果的条数 默认为20，最大为100 返回status=200 { "start": 0, "count": 10, "total": 30,…

微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个，微信小程序图表插件wx-charts参数及使用教程。wx-charts支持图表类型饼图 pie线图 line柱状图 column区域图 area高清显示设置canvas的尺寸为2倍大小，然后缩小到50%，建议都进行这样的设置，图表本身绘制时是按照高清显示配置的，不然整体效果会偏大/* 例如设计图尺寸为320 x 300 */ .canvas {     width: 640px;     height: 600 1. 简介：微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个，微信小程序图表插件wx-charts参数及使用教程。 2. 简介：这篇文章主要介绍了微信小程序图表插件(wx-charts)实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。 3. 简介：php chart 3坐标如标题,我要需要用到强大的图表插件,而且还要能够实现3坐标的!!!!谁能提供下,并且最好分析下各自插件的优点.——解决方案——————–看看是否适合。文档：http://pchart.sourceforge.net/documentation.php?topic=pChart介绍：http:// 4. 简介：主要用了Highchart图表插件+jquery 1、主要还存在一个问题提示框应该在最上方的。已解决 2、时间格式化问题。已解决 3、数据点是没有外面这一圈的。已解决 4、x轴最小单位和最大单位选中问题。未解决 jQuery Highcharts $(function () {mmz.init(“mmz”);})/* 5. 简介：今天我再来向大家介绍一款jquery图表插件jqplot，下面是一些中文说明，希望对你有所帮助 6.…

在小程序的开发过程中，页面布局中，我们经常会遇到一些图片处理的问题，比如，如果图片不是固定高度和高度，但image设置的是固定的高度和宽度，这时候原始图片相对image设置的固定高度和宽度不是等比例大小，那么这张图片就会变形，变的不清晰。这时就可以使用下面的等比例缩放的方式缩放图片，让图片不变形。或者通过image的bindload方法动态的获取图片的高度和宽度，动态的设置图片的高度和宽度，是图片布局的高度和宽度和原始图片的高度和宽度相等。 图片等比例缩放工具    //Util.js       class Util{          /***      * 按照显示图片的宽等比例缩放得到显示图片的高       * @params originalWidth  原始图片的宽       * @params originalHeight 原始图片的高       * @params imageWidth     显示图片的宽，如果不传就使用屏幕的宽       * 返回图片的宽高对象      ***/      static imageZoomHeightUtil(originalWidth,originalHeight,imageWidth){          let imageSize = {};           if(imageWidth){              imageSize.imageWidth = imageWidth;               imageSize.imageHeight = (imageWidth * originalHeight) / originalWidth;           }else{//如果没有传imageWidth,使用屏幕的宽               wx.getSystemInfo({                    success: function (res) {                        imageWidth = res.windowWidth;                         imageSize.imageWidth = imageWidth;                       imageSize.imageHeight = (imageWidth * originalHeight) / originalWidth;                   }                });           } …

微信里设为星标朋友表示特别关注该好友，会为该对象添加分组，并保持在通讯录的顶部，类似于置顶功能，方便我们查找到该好友。设置方法：首先登录微信，找到好友；然后点击菜单键，选择【星标朋友】选项即可。 星标朋友就是一种分组，并且在通讯录里是分组在最上面的，方便人们查找，类似于置顶功能。 （学习视频推荐：） 设置星标朋友的方法： 1、登录，在通讯录中选择对象； 2、查看该好友详细资料的同时，大家可以看到右上角的菜单键，点击进入； 3、点击菜单键后，大家很清晰的看到了星标朋友这一功能，只需点击打开即可将该好友标为星标好友； 4、返回通讯录以后，通讯录里就多了一个分组，也就是星标朋友，当你想要查看他的动态以及与他聊天时，可以很方便的找到他。 图文教程推荐： 以上就是里设为星标朋友是什么意思的详细内容，更多请关注米云其它相关文章！

本篇文章给大家带来的内容是关于小程序中model.js的方法封装（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 众所周知，小程序代码是由限制的，不能超过2m，解决冗余代码，重中之重。这里就是对model文件的封装，相当于php中操作数据库的model类，其功能也是相同的。 //这里是继承Base封装好的model类，其中是对get和post传输方式的封装 import { Base } from '../../utils/base.js'; class Index extends Base { constructor() { super(); } /**储存用户信息 */ //在下面的方法当中，get或者post传输的方式，和通过transfertype条件添加，例如：transfertype：‘post’ //而role：“域名下的类名后缀”，由于我是用了两个数据库，所以加了判断，如果不需要可以到base.js文件中修改 setUserInfo(sid, openid, callback) { var that = this; var param = { url: 'setUserInfo',//这里写自定义的接口方法名 data:{ sid: sid, openid: openid }, transfertype: 'post', sCallback: function (data) { callback && callback(data); } }; this.request(param); } }; //这里是暴露封装的文件名，相当于php中的model类…

这篇文章主要介绍了微信小程序 网络请求（post请求，get请求）的相关资料,需要的朋友可以参考下 微信小程序 网络请求 1.post请求: onLoad: function() {    that = this;    wx.request( {     url: "url",     header: {      "Content-Type": "application/x-www-form-urlencoded"     },     method: "POST",     data: {},     complete: function( res ) {      console.log(res.data)     });      if( res == null || res.data == null ) {       console.error( '网络请求失败' );       return;      }     }    })   }, 登录后复制 2.GET请求 onLoad: function () {   console.log('onLoad')…

这次给大家带来console怎样打印日志信息，console打印日志信息的有哪些，下面就是实战案例，一起来看一下。 我们首先创建如下文件： // index.js let fs = require('fs'); let options = { flags: 'a', // append模式 encoding: 'utf8', // utf8编码 }; let stdout = fs.createWriteStream('./stdout.log', options); let stderr…

小程序回到顶部有两种方式，分别是： （学习推荐：） 一、使用view形式的回到顶部 HTML： <image></image> 登录后复制 CSS： /* 返回顶部 */ .goTop{   height: 80rpx;   width: 80rpx;   position: fixed;   bottom: 50rpx;   background: rgba(0,0,0,.3);   right: 30rpx;   border-radius: 50%; } 登录后复制 登录后复制 JS：   // 获取滚动条当前位置   onPageScroll: function (e) {     console.log(e)     if (e.scrollTop &gt; 100) {       this.setData({         floorstatus: true       });     } else {…

微信添加的小程序哪里找？ 找微信小程序的操作方法如下： 1、在手机操作界面找到微信，如下图箭头度所示，点击打开。 2、在微信界面找到发现点击打开，如下图所示。 3、在打开发现后，在最下面可以看到小程序，如下图所示。 4、在小程序里可以看到更多的小程序，如下图红色回方框所示。 5、还有在微信主界面最上端向下滑动，箭头所示，可以直接找到小程序的。 以上就是微信添加的小程序哪里找的详细内容，更多请关注米云其它相关文章！