小程序云开发高级教程

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›小程序云开发高级教程

RSS

微信小程序入门使用（纯新手向，0基础，从如何打开一个小程序项目开始 ...

第一步.下载开发者工具根据自己操作系统下载对应工具点我下载第二步.安装安装没什么可说的下一步就好了第三步.新建/导入小程序新建略导入点目录选择已有的小程序（没有APPID的话可以使用测试号微信 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：48 | 回复：0
微信小程序----全国机场索引列表（MUI索引列表）

DEMO下载效果展示图实现的原理 ‘当前选择机场’和右侧的导航栏采用的是固定定位；左侧的展示窗口的滚动采用的是scroll-view组件；选择中的字母提示是自己WXSS样式制作。 WXML {{i ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：41 | 回复：0
微信小程序 “万利商城”实战之十：商品列表页加入购物车功能的实现 ...

加入购物车功能的基本实现是这样的：用户点击“加入购物车” ，小程序将该商品信息发送到服务器记录下来，同时页面上“加入购物车”的按钮变成一个输入框，用户可以增加/减少商品数量，当用户点“购物车” ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：36 | 回复：0
基于微信小程序校园二手交易跳蚤市场设计(Java服务器接口)

开发技术：微信小程序客户端 + Java后台服务器端 + mysql数据库随着每年高校毕业季的到来。在每年毕业季，高校的毕业学生都会有很多出售二手货物的需求，而在校其他同学又希望可以买到廉价的商品。现在学院校内的二 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：31 | 回复：0
微信小程序---保留小数(toFixed) 四舍五入获取整数 string转int

今天遇到了不少问题,问题虽小,还是得做个笔记. 关于微信小程序保留小数(toFixed) 四舍五入，获取整数的问题。 1.保留小数点后几位小数. 方法很简单.toFixed()即可.括号内的数字表示保留的位数.如果是整数,就会不上0 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：30 | 回复：0
微信小程序去除Button默认样式

在小程序开发过程中，使用率蛮高的组件button，因为经常要去除默认样式，然后再自定义样式，所以经常写，自己也总结分享一下简单的实现步骤。（一）实现效果1、实现前（默认样式）： 2、实现后（去除默认 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：30 | 回复：0
微信小程序使用js方法处理字符串

1 2 var getinfo = function(message,info) { 3 message_arr=message.split(amp;quot;|amp;quot;); 4 return mess……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：37 | 回复：0
公众号菜单点击进入小程序

在菜单中设置此项。 { amp;quot;typeamp;quot;: amp;quot;miniprogramamp;quot;, amp;quot;urlamp;quot;:amp;quot;http://mp.weixin.qq.com……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：32 | 回复：0
初探天猫精灵小程序开发

1.什么是天猫精灵？目前市面上有支付宝人工智能团队开发的两款智能语音带屏音箱（天猫精灵cc，天猫精灵ccl）设备参数分辨率为 1024*600 尺寸为 7寸前置摄像头 800w 特点是语音交互 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：26 | 回复：0
小程序图片上传预览删除(记录)

amp;lt;!-- 图片凭证 --amp;gt; amp;lt;view class=amp;quot;com-pic-boxamp;quot;amp;gt; amp;lt;view class=amp;quot;com-pic-titleamp;qu……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：35 | 回复：0
微信小程序开发之真机预览

1：真机预览时上传组件的坑：当在真机里面使用上传组件，当进入选择相片或者拍照的时候，小程序会进入后台，调用APP onHide（）方法，选择完返回小程序是会调用App Onshow（）方法，然后调用 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：36 | 回复：0
微信小程序预览时显示有图片未上传

最近在做小程序项目，在项目里面加了几个图片。在预览调试时出现弹窗显示“文件未上传”，但是在左侧的模拟器上却是能正常显示的。解决思路：图片在本地和模拟器上显示正常，表示图片本身没有问题。因为图片是用 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：35 | 回复：0
微信小程序图片使用示例

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html1：加载本地文件夹图片 2:加载服务器图片.……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：35 | 回复：0
微信小程序选择图片，查看图片信息，浏览图片，图片上传

依次点击链接请查看以下步骤选择图片： https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#wxchooseimageob……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：32 | 回复：0
小程序点击图片后可预览

//预览图片 lookUpIm:function(){ var imgList = this.viewData.Files; // 图片 console.log(imgList); var lookI……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：43 | 回复：0
小程序中图片预览

参考：amp;#160;https://www.jb51.net/article/127427.html amp;lt;van-image bindtap=amp;quot;imgYuamp;quot; data-list=……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：42 | 回复：0
小程序预览图片wx.previewImage

效果图: amp;gt;amp;gt;amp;gt;amp;gt; 代码: 官方参考文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：59 | 回复：0
微信小程序 - 上传图片（组件）

更新日期： 2019/3/14：首次发布，更新了2018/12/30的UI以及反馈信息获取方式，具体请下载：demo. 2019/3/20：感谢[email protected]指出的现存bug，已修复……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：53 | 回复：0
微信小程序仿系统预览大图功能

问题：微信小程序系统自带的 wx.previewImage 预览大图功能很好用，用起来很顺畅丝滑，但是有一个致命问题：预览大图的时候是在新页面中打开，当前页面的生命周期会销毁，如果当前页面中没有实时的 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：34 | 回复：0
微信小程序实现图片预加载（图片延迟加载）

微信小程序实现图片预加载（图片延迟加载）这几天搞百度小程序，对接的网站需要展示大量图片，并且图片都是高清图片，因为要同步支持pc和手机站，在开发者工具中测试的时候，图片都是瞬间加载，因此感觉不出什么 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：47 | 回复：0
微信小程序之拍照/选择图片&&转成base64、显示在页面上&&预览图片 - ...

一、点击选择图片/拍照二、将图片处理成base64 三、把base64转成图片路径显示在页面四、点击预览图片 html部分参考： amp;quot;https://blog.csdn.net/qq_3……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：43 | 回复：0
手机预览微信小程序

1. 获取微信小程序的 AppID 登录amp;#160;https://mp.weixin.qq.comamp;#160;，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：44 | 回复：0
微信小程序--预览previewImage（长按保存图片） - Super_Mi

最近开发小程序，想实现二维码图片长按保存，发现无法保存，只能让图片先预览，再保存。注意：只有太阳码才有长按保存和识别功能，普通二维码只有长按保存功能。 amp;lt;image class=amp;#39;ban ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：38 | 回复：0
微信小程序点击图片放大预览

微信小程序点击图片放大预览使用到amp;#160;wx.previewImageamp;#160;接口，可以放大、上/下一张上代码 wxml代码 js代码测试的只能用网络图片，本地不能使用，这个需要研究研究。 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：46 | 回复：0
微信小程序-图片预览

仅供参考： 1，wxml: 2，js：……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：58 | 回复：0
微信小程序图片预览

wxml amp;lt;image wx:for=amp;quot;{{info}}amp;quot; src=amp;quot;{{item.pic}}amp;quot; bindtap=amp;quot;previewamp;quot;……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：54 | 回复：0
微信小程序——网盘图片预览

微信小程序图片预览提供了一个wx.previewImage接口，如下图：现在我需要对网盘文件里的图片预览，但是网盘从后台返回的数据是各种类型的文件，如下图所示：那么我们需要解决2个问题： 1.从这 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：44 | 回复：0
微信小程序商品图片点击预览功能、富文本图片点击预览功能 ...

一、图片预览先放效果图：微信开放文档有官方的方法，使用amp;#160;wx.previewImage() 首先，我们可以新建一个util.js文件，在这里统一封装方法 /** * 图片预览 * @pa ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：51 | 回复：0
微信小程序-点击图片预览

拿接口有封装封装查看另外的博文点击动作 WXHTML 注意 data-xxxx自定义属性这样知道我点的是哪个参数……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：49 | 回复：0
微信小程序选择图片及放大预览

小程序点击图片放大实现方式：使用微信小程序图片预览接口。今天用到了上传图片的功能，在真机上测试时发现有的图片实际没有显示，有个小小的坑，分享出来，希望大家可以避免。共勉！ wxml: wxss: j ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：47 | 回复：0
微信小程序：点击预览大图功能

点击预览大图功能 1、amp;#160;给轮播图swiper-item绑定点击事件 2、amp;#160;预览功能的本质是调用了小程序的api:previewImage 微信公众号文档开发 API 媒体图片 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：54 | 回复：0
微信小程序点击预览图片

//图片点击事件 imgYu:function(event){ varamp;#160;src = event.currentTarget.dataset.src;//获取data-src varamp;#160……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：53 | 回复：0
微信小程序图片放大预览

需求：当点击图片时，当前图片放大预览，且可以左右滑动实现方式：使用微信小程序图片预览接口我们可以看到api需要两个参数，分别通过下面的data-list和data-src来传到js中 wxml代码 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：55 | 回复：0
【微信小程序】微信小程序wx.previewImage预览图片

一.小知识二.例子，配合轮播图使用效果更佳！（如图1） 1.wxml 2.wxss 3.js 使用网络的图图1 图2 注意：网上还有说本地图片确实是不可以的，后面通过选取手机相册内的照片，可以预 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：58 | 回复：0
微信小程序：点击预览图片

在开发微信小程序时，开发人员会参考着小程序api来开发小程序，但有的时候根据情况不同很容易出现bug，以下是我在开发小程序时出现的各种bug，在开发时有需要预览图片。 1.xml 2.js ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：59 | 回复：0
小程序，h5,app测试和web测试的区别

除了安装卸载，兼容型，用户操作习惯，其他答不上来，因为没做总结，那就查查总结一番。 https://www.cnblogs.com/myrx/p/13582756.html app测试安装卸载测试……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：60 | 回复：0
判断H5页面环境是否在小程序的webview中

用小程序提供的wx.miniProgram.getEnv可以获取环境参数，但是它有个问题就是无法在非微信环境下判断。所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中。解决方法：amp;amp;lt;scripttype=amp;quot;text/ ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：60 | 回复：0
小程序--三级联动

小程序--三级联动最近做的项目中需要添加三级联动，选择所在地，而其中三级联动是自定义的，所以选择多列选择器。小程序关于picker的官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：56 | 回复：0
小程序修改swiper小圆点

amp;amp;lt;viewclass='hot-box'amp;amp;gt;amp;amp;lt;viewclass='hot-header'amp;amp;gt;amp;amp;lt;viewclass='header-e'amp;amp;gt;GLOTHINGamp;amp;lt;/viewamp;amp;gt;amp;amp;lt;viewclass='header-c'amp;amp ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：59 | 回复：0
知识付费系统源码带一键更新全套课程数据及小程序搭建教程 ...

知识共享已进入知识付费阶段，其典型模式包括付费问答、现场讲座、付费订阅、课程专栏和社区服务。大量的知识供应商开始涌入知识支付市场，用户为优质内容付费的意愿增加，而这一切的构建和运转都依赖于知识付费系统 ...……

作者：菜鸟教程小白 | 时间：2022-7-18 19:16 | 阅读：70 | 回复：0

1 ... 67 68 69 707172 73 74 75 ... 218 / 218 页下一页

客服电话

电子邮件

小程序云开发高级教程

关于我们

产品与服务

解决方案

139-2527-9053