微信小程序
关注
分享
扫一扫
欧世乐测试开发技术
小米测试开发工程师
展开
-
微信小程序的后台在哪里&云开发控制台操作方法
前言微信小程序很方便，给开发者提供了它自己的后台，接下来我们来熟悉一下微信小程序的云开发控制台吧。1.后台在哪里？点击“云开发”（如果没有云开发按钮，说明在创建这个微信小程序的时候点击了“不使用云开发”，要点击“使用云开发”哦）下图是没有选择云开发的样子点击后，此时映入眼帘的有4个按钮运营分析可以略过，接下来逐一介绍数据库、存储、和云函数。2.数据库数据库，就是存放用户信息，...原创 2020-02-11 22:52:07 · 19075 阅读 · 0 评论 -
微信小程序怎么用云函数做数据库的查询
前言之前在学习微信小程序的时候，在做数据库的查询都是用普通的admin.get({})方式，结果发现数据库在超过20条记录的时候，就不容易拿到数据了，需要用到分页技术。改进对于简单的获取数据库中的一条记录，其实云函数来得更加的便捷与使用准备工作云函数配置环境：NodeJs的安装云函数代码// 云函数入口文件const cloud = require('wx-server-s...原创 2019-11-17 15:34:54 · 5471 阅读 · 0 评论 -
怎么解决微信小程序提示信息（wx.showToast）一闪而过页面跳转的问题
前言微信小程序的wx.showToast提示的信息跳动太快，一闪而过，就马上跳转到其他页面了，缺少了用户交互信息的功能，duration的属性似乎也是失效了，这个问题需要怎么解决呢？解决方案在wx.showToast里面新增一段代码即可，如下： wx.showToast({ title: '发送成功', icon:'success', ...原创 2019-11-15 22:10:21 · 5419 阅读 · 0 评论 -
微信小程序怎么在页面上显示变量
在JS里面设置变量以onShow为例onShow: function () { this.setData({ nickname2 :app.globalData.nickName }) },在wxml里面使用 <view class="head2Name"> {{nickname}} </view>就可以了...原创 2019-10-27 10:19:20 · 4230 阅读 · 0 评论 -
微信小程序云数据库怎么做更新
前言刚刚接触微信小程序，往数据库里面新增记录和查询记录都很简单，但是做到数据库内容更新的时候就遇到了很棘手的问题。更新后数据库没反应？困扰了我一月有余的问题，从让我一开始就没看懂的openID到后来的云函数，感觉学的那点Web基础知识完全不够用。不过还好，在我软磨硬泡的功夫下，今晚终于学会了云函数的写法和数据的更新操作。利用云函数对数据库进行Update建立一个新的云函数，取名叫做up...原创 2019-10-26 23:06:27 · 6808 阅读 · 0 评论 -
微信小程序水平居中和垂直居中
配合使用当 display: flex 配合 justify-content: center 使用时可以让view水平居中而配合 align-items: center 用时可以实现垂直居中效果如果没有达到效果，请设置height。...原创 2019-10-05 13:19:21 · 2579 阅读 · 0 评论 -
微信小程序怎么让多个view处在同一行
view布局首先，在一个view里面嵌套多个view<view class="head"> <!-- 头像 --> <view class="touxiang"> <image src="/images/touxiang.jpg"></image> </view> <!--...原创 2019-10-05 10:49:52 · 43537 阅读 · 5 评论 -
微信小程序怎么做圆角头像
矩形图片插入页面后在WXSS里面设置属性.touxiang image{border-radius: 50%; height: 220rpx; width: 220rpx;}在WXML里面应用属性 <!-- 头像 --> <view class="touxiang"> <image src="/images/touxian...原创 2019-10-05 10:12:47 · 1905 阅读 · 0 评论 -
【微信小程序】文字怎么垂直居中
wxml:<view class="student"> <text>学生</text></view>wxss:.student{ background-color: green; width: 20%; height: 100rpx; display: flex; justify-content: center; ...原创 2019-09-07 20:08:57 · 5985 阅读 · 1 评论 -
【微信小程序】如何制作一个轮播的swiper
效果展示：<swiper indicator-dots="true" autoplay="true" interval="3000" duration="3000" circular="true"><swiper-item><navigator url="/pages/indexDetail/indexDetail"><image src="/i...原创 2019-09-07 19:11:38 · 333 阅读 · 0 评论 -
【微信小程序】利用云开发控制对数据库进行用户注册的写入
效果预览登录页面的制作在我的这一片文章里面，点击这里直达链接：https://blog.youkuaiyun.com/qq_43576028/article/details/98462916register.wxml:<view><view class="title">注册</view><input class="input" placeholder="请...原创 2019-09-07 14:47:23 · 1862 阅读 · 0 评论 -
【微信小程序】如何利用云开发控制台的数据库实现用户登录操作。
微信小程序可以使用授权登录来获取用户的信息，免打扰的操作让用户省了不少心，但是开发者在设计登录和注册的页面时，总是避免不了使用数据库，而且后续还需要从云开发控制台的数据库中获取用户信息，因此登录和云开发控制台数据库相结合的操作十分适合初入门微信小程序接触后台的开发者。1.登陆界面的设计login.wxml代码如下：<view class="content"> <vi...原创 2019-08-04 14:19:57 · 15829 阅读 · 24 评论 -
微信小程序怎么用过滤器控制页面的小数点位数。
1. 新建一个.wxs文件var filters={toFix:function(val,count){return val.toFixed(count);}}module.exports={toFix:filters.toFix}2.在wxml中写入wxs<wxs module="filters" src="index.wxs"></wxs>3...原创 2019-07-03 17:13:20 · 1306 阅读 · 0 评论