微信小程序开发入门(API)
一些基础用法
(这里只记录几个重要的)
wx.getSystemInfoSync()
获取设备信息
wx.showLoading
显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
wx.showToast
显示消息提示框
wx.showToast({title: '成功',icon: 'success',duration: 2000 //延迟时间
})
具体自己看文档
https://developers.weixin.qq.com/miniprogram/dev/api/
路由用法
wx.navigateTo
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
wx.redirectTo
关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
wx.reLaunch (比较好用)
关闭所有页面,打开到应用内的某个页面。可以跳转到tabbar页面,且可以携带参数
wx.switchTab
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,不可以携带参数
wx.navigateBack
关闭当前页面,返回上一页面或多级页面。
布局页面模拟数据请求
wx.request
- url 开发者服务器接口地址
- data 请求的参数
wxml
<view class="row" wx:key="index" wx:for="{{resData}}"><view class="pic"><image src="{{item.picurl}}"></image></view><view class="text"><view class="title">{{item.title}}</view><view class="time">{{item.posttime}} - {{item.author}}</view></view></view>
<!-- 定义一个按下一页的按钮 -->
<button bindtap="nextPage" type="primary">下一页</button>
wxss
.row{display:flex;border: 1px solid #aaa;box-sizing: border-box;}
.pic{flex:2;height: 170rpx;width: 155rpx;}
.pic image{height: 100%;width: 100%;margin-top: 15rpx;}.text{flex:8;padding: 30rpx;display: flex;flex-direction: column;justify-content: space-between;}
.text .title{font-size: 40rpx;}
.text .time{font-size: 30rpx; color: #999;}button{margin-top: 45rpx;}
js
var num=""
Page({data: {resData:[]},//按钮nextPage(){num++this.getData(num)},//封装 p=1表示默认第一页getData(p=1){wx.request({url: 'https://edu.newsight.cn/wxList.php',data:{num:5, //显示5条数据page:p},success:res=>{//console.log(res.data)this.setData({resData:res.data})}})},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {this.getData();},
)}
微信小程序开发入门(API)相关推荐
- 微信小程序开发入门(连载)—— 认识微信小程序
从今天开始,为大家开一门连载课程 --<微信小程序开发入门>. 2011 年,腾讯公司新的即时通讯社交软件微信正式上线,凭借其新颖的设计风格和良好的使用体验,微信很快就获得了大量的用户.据 ...
- 微信小程序开发入门要学哪些内容
微信小程序开发入门要学哪些内容?微信小程序需要学习的知识点:注册登录.开发工具安装.配置.样式.组件.微信小程序数据渲染.网络请求API.获取用户信息API等,了解开发者工具.原生框架.模板语法.组件 ...
- 《微信小程序开发入门精要》——导读
本节书摘来自异步社区<微信小程序开发入门精要>一书中的导读,作者 李宁,更多章节内容可以访问云栖社区"异步社区"公众号查看 目 录 第1章 微信小程序入门 第1章第1节 ...
- 小程序onload_微信小程序开发入门之共享账本(十四)
微信小程序开发入门之共享账本(十四) (备注:微信小程序的wxml文件相当于HTML文件,wxss文件相当于CSS文件,js文件就是JavaScript文件,数据库为NoSQL数据库,数据库脚本语言也 ...
- 《微信小程序开发入门精要》——第2章,第2.8节带边距的水平等间隔排列
本节书摘来自异步社区<微信小程序开发入门精要>一书中的第2章,第2.8节带边距的水平等间隔排列,作者 李宁,更多章节内容可以访问云栖社区"异步社区"公众号查看 2.8 ...
- 从零开始学前端第十七讲--微信小程序开发入门
微信小程序开发入门 主讲人介绍 沁修,葡萄藤技术总监 项目经验丰富,擅长H5移动项目开发. 专注技术选型.底层开发.最佳代码实践规范总结 直播录屏版 https://v.qq.com/x/page/n ...
- 微信小程序开发入门(连载)—— 开发前的准备工作
上一篇:微信小程序开发入门(连载)-- 认识微信小程序 1. 注册小程序帐号 在微信公众平台官网首页(https://mp.weixin.qq.com)点击右上角的"立即注册"按钮 ...
- 微信小程序开发入门(连载)—— Hello World
上一篇:微信小程序开发入门(连载)-- 微信公众平台配置 3.1 微信开发者工具 前往 开发者工具下载页面 (https://developers.weixin.qq.com/miniprogram/ ...
- 微信小程序开发入门(连载)—— 微信公众平台配置
上一篇:微信小程序开发入门(连载)-- 开发前的准备工作 登录微信公众平台(https://mp.weixin.qq.com),点击左侧导航栏中的"开发",点击"开发设置 ...
- 微信小程序开发入门篇
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果. 开发准备工作 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的& ...
最新文章
- 在windows上的git bash中安装tree 和 linux tree命令使用
- php动态渲染和静态渲染,php,vue,vue-ssr 做出来的页面有什么区别?
- cpucores_CPUCores怎么用 CPUCores使用方法指南_3DM单机
- centos 7.6安装java_安装 QRadar Community Edition
- 为什么手机升级系统反应慢了_手机卡顿反应慢怎么解决?久用不卡顿的手机盘点...
- HTML关于机器猫的小游戏,HTML5/CSS3 哆啦A梦 | 机器猫卡通肖像
- CentOs 7 Linux系统下我的/etc/sysconfig/路径下无iptables文件
- 一个人学的软件测试,到底有多难?
- oracle连接多个扫描
- jchdl - GSL实例 - LogicalLeft
- LeaRun低代码平台一站式搭建项目管理系统
- solidworks图纸模板添加_solidworks工程图模板制作教程(中)
- AMD ROCm 硬件支持情况
- 浏览器服务器响应报文查看,通过 Chrome浏览器 查看http请求报文
- 量化投资_期货日内交易的波动率思考
- logback 多实例 归档问题 无法自动删除.tmp文件问题
- Java Swing 键盘事件监听
- 4K(不是价格)电视机选购指南
- Day-8 bootstrap 徽章、进度条、分页、列表组
- 2021年恩阳中学高考成绩查询,2021年恩阳中学升学率高不高?