
微信小程序开发
微信小程序学习之路
我很好请走开谢谢
这个作者很懒,什么都没留下…
展开
-
微信小程序云开发--通过云函数获取数据并显示
步骤新建文件新建云函数云函数getList的index文件// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init({ env: "apeach-wtz62"})// 云函数入口函数exports.main = async (event, context) => { //直接返回调取结果。 ...原创 2020-05-01 23:04:27 · 8243 阅读 · 1 评论 -
微信小程序云开发--获取云数据列表并显示在页面(限制20条)
先:完成云开发的配置,之前的博客有描述。index.wxml<button bindtap="getData">获取数据</button><view wx:for="{{array}}"> <view>{{item.name}}</view> <view>{{item.age}}</view>...原创 2020-05-01 22:20:25 · 5343 阅读 · 5 评论 -
微信小程序云开发--上传图片到云存储&获取并展示云存储里的图片
上传图片到云存储在app.js中配置。初始化云环境。在index.wxml中写页面在index.js中写upload的执行方法获取并展示云存储里的图片index,wxml<button bindtap = "upload">上传文件</button><image src = "{{imgURL}}"></image>in...原创 2020-05-01 21:43:46 · 21114 阅读 · 3 评论 -
微信小程序 通过数据库api获取数据和通过云函数获取数据
入门学习,谨慎参考。通过数据库api获取数据手动添加数据。打开云开发点击数据库在集合名称那一栏点击 +号创建集合 – 点击 添加记录在添加数据称成功后,在index.wxml页面中,写按钮样式。<button bindtap="shujuku">数据库api获取数据</button>index.js页面 //数据库api获取数据...原创 2020-04-27 15:48:47 · 4011 阅读 · 0 评论 -
微信小程序云开发 --获取用户openID
入门学习,有错请纠正。新建一个云函数。(上个博客有具体方法)index.wxml中index.js中getopenid(){ wx.cloud.callFunction({ name: 'getopenid', success(res) { console.log("获取成功", res.result.openid)...原创 2020-04-27 12:36:53 · 1189 阅读 · 0 评论 -
微信小程序云开发 --实现加法操作
入门学习,有错请纠正。整体思路:wxml中button的点击事件触发index.js里的qiuhe函数调用云函数,把数据传给云函数里的add下面的数据云函数接受到数据后,进行计算,并返回结果。最后在index.js中打印出。先完成小程序云开发的配置。上一个博客有详解。右键下图。选择新建Node.js云函数,起名为add。右键add,选择 上传并部署即可。 如下图二。(add前面...原创 2020-04-27 12:19:43 · 3193 阅读 · 0 评论 -
微信小程序云开发配置和数据库的增删改查
入门学习,有错请纠正。文章目录开发配置1.新建项目,提前要有AppID2.添加cloudfunctionRoot3.新建目录,命名为上一步的命名。如cloud。4.在app.js中配置增加数据查找数据删除数据修改数据整体代码开发配置1.新建项目,提前要有AppID2.添加cloudfunctionRoot在下图的文件中,加入代码,如下图所示。 "cloudfunctionRoot": ...原创 2020-04-26 22:59:46 · 13972 阅读 · 3 评论 -
【水平垂直居中】微信小程序文字图片垂直居中解决方案
有时候总要在这里卡好久 气晕如果想让一个图片在一个view里面垂直居中,只需这一步在父容器里加display:flex;align-items: center;如果要实现水平居中的话,只需要在加一句justify-content: center;.containera .artical .pic{ display: flex; align-items: center; wi...原创 2020-04-12 23:20:44 · 1666 阅读 · 1 评论 -
【flex】写前端深受flex折磨,决定再次学习,且一定要认真记好笔记!
一定要学好flex!!!一个非常重要非常好用的属性目录:设置主轴方向设置侧轴方向更改主轴或者侧轴方向是否换行–自动换行是否自动缩小基本概念样例一:分别紧靠左右两边实现代码/* pages/flex/flex.wxss */.outer{ background-color: pink; width: 300px; height: 300px; /* 让图...原创 2020-04-12 22:15:31 · 248 阅读 · 0 评论 -
【微信小程序】哔哩哔哩首页导航条--(能滑动,且被点击的下边框会显示)
效果代码index.wxml <!-- 自己滚动区域的组件 --> <scroll-view class="nav" scroll-x> <view bindtap="activeNav" data-index="index" class = "nav_item {{index===currentIndexNav?active:''}}" w...原创 2020-03-23 23:12:24 · 834 阅读 · 0 评论