网站开发

这篇文章主要介绍了微信小程序 详解page中data数据操作和函数调用的相关资料,需要的朋友可以参考下 微信小程序 详解Page中data数据操作和函数调用 Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。 //index.js  <pre class="brush:php;toolbar:false">Page({   data: {    text: "This is page data.", 登录后复制   sliderOffset: 0,    sliderLeft: 0,    state:{       genre:[],       genre_index: 0,       model:[],       model_index: 0,       terminalStatus:'',    }   },   onLoad: function(options) {    // Do some initialize when page load.   },   onReady: function() { …

一、总体流程 第三方平台帮助旗下已授权的小程序进行代码管理时，需先开发完成小程序模版，再将小程序模版部署到旗下小程序帐号中，具体流程如下： 1：绑定开发小程序 （1）第三方平台的开发人员需先到微信公众平台（mp.weixin.qq.com）申请一个普通的小程序并完善小程序的信息、绑定开发者。 （2）进入微信开放平台，在第三方平台详情中，将该小程序添加为开发小程序。 注意：绑定为开发小程序后，该小程序的在开发工具中上传，代码会直接上传到开放平台，不会上传到公众平台。 2：小程序模版的开发和上传 使用开发小程序的开发者微信号登录微信web开发者工具（IDE），开发者工具中按照正常的小程序开发流程进行代码开发和调试。开发完成后，在开发工具中点击上传。 3：添加到小程序模版库，获得模版ID 从开发者工具中上传的代码，会先存在草稿箱中，每个开发小程序只保留最新一份上传记录。开发者可将草稿箱中的代码添加到小程序模版库中，小程序模版库中的模版不会被覆盖。最多可以有五十个代码模版，添加后可以获得模版ID（TemplateID）。 4：调用接口，为旗下授权的小程序部署代码 详细文档见代码管理。 二、如何开发 1、创建项目 与开发普通小程序一致，第三方平台开发者填入相关的 3rdMiniProgramAppid ，设定项目名称和选择项目目录即可创建项目。 对于第三方平台小程序，可以在项目页卡查看到相关的 open3rd 信息以及当前的第三方的 3rdMiniProgramAppid ，如若项目配置了相关的 extAppid ，那么项目页卡中也会有相关信息。 2、小程序模板开发 与开发普通小程序一致，开发者在开发工具上开发好相关的业务逻辑之后，在项目页卡中提交预览既可以在微信中查看小程序的真实表现， 有所不同的是，第三方平台小程序的提交上传是上传至该第三方平台的 open…

本篇文章主要介绍了小程序对接七牛云存储的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 前言： 做小程序有一段时间了，总结一下做过的技术点，特此贡献给小伙伴们！项目中，有图片存储、视频存储、录音存储这三个需要云对接存储。 一、图片/视频/录音上传七牛对接 准备工作： a、你要有一个七牛账号，实名认证后，在七牛的个人中心，有个秘钥管理-里面有一对秘钥，是上传必须的。这对秘钥，配置在后端，配置时可以设置允许上传格式，也可以设置为任何格式都可上传，让我们的后端大哥去慢慢弄吧。另外，还需要在七牛的对象存储里新建一个存储空间，所要上传的文件就是存储在你创建的空间里，如果你为了方便管理，也可以图片/视频/录音/其他各创建一个存储空间。这个存储空间名字，也要配置在后端的。 b、需要一个上传令牌token，一个文件上传对应一个token，这是必须的。上传令牌token还有时效性，后端配置1h，足以让你完成上传操作就行。这个token由我们自己后端生成，前端调接口获取token，或者像我这样，直接把接口丢在[uptokenURL]后面，七牛的会自己去取。也可以由我们自己先得到token，再丢给七牛。 uptokenURL:'https://get.qiniutoken.com/minibx/geo_f/gain_qn_toke', uploadURL:'https://up.qbox.me',//华东 登录后复制 uptoken: token,uploadURL:'https://up.qbox.me',//华东 登录后复制 c、七牛的js文件qiniuUploader.js，在下面给的七牛地址里面，可以去下载。里面有个小程序的SDK，解压找到里面的qiniuUploader.js，在你需要上传的页面，导入这个js。https://developer.qiniu.com/sdk#community-sdk 1、图片上传七牛 通过小程序的方法，为用户提供添加本地图片，或者拍照，之后你会得到方法返回的图片临时路径。我们可以把图片维护在一个数组里，这样在上传七牛时，以队列的形式上传。 constqiniuUploader = require("../../libs/qiniuUploader.js"); var sourceType = [['camera'], ['album'], ['camera','album']]; var sizeType = [['compressed'], ['original'], ['compressed','original']]; var imageArray = [];// 点击事件，从本地相册选择图片或使用相机拍照。 chooseImage: function (e) { var that =this; wx.chooseImage({ 　　sourceType: sourceType[this.data.sourceTypeIndex], 　　sizeType: sizeType[this.data.sizeTypeIndex], 　　count:this.data.count[this.data.countIndex],//这个count可以用来删除当前图片 　　success: function (res) { 　　// 返回照片的本地文件路径，tempFilePath可以作为img标签的src属性显示图片vartempFilePaths = res.tempFilePaths; 　　imageArray.push(tempFilePaths);…

这篇文章主要介绍了微信小程序网络请求wx.request详解及实例的相关资料,需要的朋友可以参考下 微信小程序网络请求wx.request详解及实例 如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。HTTP协议中共定义了八种方法或者叫“动作”来表明对Request-URI指定的资源的不同操作方式。 GET：向特定的资源发出请求。 POST：向指定资源提交数据进行处理请求。数据被包含在请求体中。 PUT：向指定资源位置上传其最新内容。 DELETE：请求服务器删除Request-URI所标识的资源。 HEAD：向服务器索要与GET请求相一致的响应，只不过响应体将不会被返回。 TRACE：回显服务器收到的请求，主要用于测试或诊断 OPTIONS：返回服务器针对特定资源所支持的HTTP请求方法。 CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。 小程序对以上8种方法全部支持。不过对于网络资源主要还是增删改查四种类型就够了，小程序后台接口主要使用还是类似RESTFull的方式。 put请求string     wx.request({     url: 'https://a86.cn/chishenme/ChishenmeDeciper',     method:'PUT',     dataType:'STRING',     data:'this is strng data 这是一个中文数据',     header: {'content-type': 'application/json'},     success:function(res){       console.log('this is put request result'+ res.data)     }   }) 登录后复制 post请求 string  header 不同 …

微信小程序如何生成二维码？下面本篇给大家介绍一下利用小程序的canvas能力绘制二维码的方法，希望对大家有所帮助！ 在微信小程序的业务中会有一些需要展示二维码的场景。静态二维码可以直接存放在本地，使用图片方式展示，但不适合根据用户相关信息生成动态的二维码。本文将介绍下利用小程序的canvas能力绘制二维码。 1 方法一：通过wx-qr直接生成 1.1 DEMO 含背景图 含logo 含logo+背景图 1.2 安装 # 通过 npm 安装 npm i wx-qr -S # 通过 yarn 安装 yarn add wx-qr 登录后复制 1.3 使用组件 首先在你所开发的小程序根目录 app.json 或需要使用该组件的 xxx.json 中引用组件 （注意：请不要将组件命名为 wx-xxx 开头，可能会导致微信小程序解析 tag 失败 ） {   "usingComponents": {     "qr-container": "wx-qr"   } }…