微信小程序 小实例---快递查询

最近找工作,闲来无事学习微信小程序仅以此文激励自己吧

这次这个小实例还算是一个非常简单的小东西不过已经让我能够基本了解微信开发

这就是这个小例子的布局——输入运单号,点击按钮的时候调用接口来查询信息并返回到页面上

我学习下来觉得主要难点如下:

  1、调用接口:我跟着学习的那个老师他用的baidu,store这个接口地址现在废了然后就各种搜api.不是这个不行,就是那不好。最后还是选用了聚合数据的api,还是比较简便的适合初学者,就是他的接口必须有公司,而且还有的公司不支持,反正咱们就是搞个测试,不影响。

  2、js传值:这我还是可以的,不觉得有多难,就是这个小程序他的对象有时候我还有点蒙。this有时候不知道是谁了。

  ps.一个小提醒:调用api可能会报错到时候在设置里面勾选不检验域名那个就可以了。

做完效果:

原文地址:https://www.cnblogs.com/baojunfei/p/9571110.html

时间: 2024-08-26 19:06:26

微信小程序 小实例---快递查询的相关文章

微信小程序(小游戏)后台开发

小程序开放接口功能,目的是方便小程序接入第三方服务器,比如,商城类小程序,小游戏,需要保存订单数据,玩家信息等.那就需要服务器和数据库, 开发者对于各方关系必须要理清,那就是小程序,用户,开发者服务器(也称第三方服务器),微信服务器他们之间的关系. 用户点开小程序,即会向用户获取头像昵称并登录,无须经过第三方服务器,真正要经过第三方服务器,是在需要跟后台(第三方服务器)交互的时候会发一个request请求. 登录动作是用户点击小程序触发OnLaunch事件执行登录方法wx.login(),此方法

微信小程序入门实例之记事本

主要实现思想都在代码的注释中,项目源码见github 首先上项目目录 app.js文件代码如下: //app.js App({ onLaunch: function() { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) }, getUserInfo: function(cb) { var that = thi

分享一下微信小程序的实例【转】

wx-gesture-lock  微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 shitoujiandaobu 小程序:石头剪刀布(附代码说明) audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义 star 微信小程序开发之五星评分 switchCity 微信小程序开发之城市选择器 城市切换 huadong_del  微信小程序滑动删除效果 jianh

微信小程序------小程序初步学习

1:学习微信小程序,首先的会一点前端的基础会比较容易上手,比如:HTML+CSS,JS,HTML5+CSS3: H5+CSS3中的弹性盒子在微信小程序中经常用到,这是必须掌握的.不会的可以去W3C文档学习,小编我很幸运,小程序没出来之前就学了H5+CSS3和JS的基础, 所以看相关开发文档和代码还是比较容易看的懂的. 2:之后可以去微信官方文档学习 文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/ 可以扫码体验一下官方的一些本身自带的组件和API功能

微信应用号(微信小程序小程序)开发教程

小提示: http://wxopen.notedown.cn/ 这里面复刻了微信小程序的 api 第三章:微信小程序项目结构以及配置 找到创建的 demo 文件夹,把项目导入到你的编辑器,这里使用的是 Sublime Text 编辑器. 这个时候需要根据自己的项目需求结构进行更改了,项目根目录下面是首页渲染的几个 tabBar 页面,以及 app 的一些配置文件,如名片盒项目的 tabBar 是 3 个切换菜单: 我们先找到 app.json 文件打开配置好这几个菜单,配置好 tabBar,这个

微信小程序小应用资源汇总整理

微信小应用资源汇总整理 开源项目 WeApp - 微信小程序版的微信 wechat-weapp-redux-todos - 微信小程序集成Redux实现的Todo list wechat-weapp-gank - 微信小程序版Gank客户端 wechat-dribbble - 微信小程序-Dribbble wechatApp-demo - 微信小程序 DEMO weapp-ide-crack - 微信小应用资源破解 API - API 文档 weapp-quick - 微信小应用示例代码 wea

计时器小程序——由浅入深实例讲解

本菜在实现简单的计时器过程中遇到问题的一些成长笔记,有不完整观点的话请多多见谅,也看了众多大神的博客才整理的笔记,下面来实现个人写的小程序. 首先第一个实例(很简单): winform窗体包含两个控件:label.button控件,点击控件开始计时,代码如下: namespace Timer_Test { public partial class CommonInstance : Form { private static int startTime = 0; public CommonInst

微信小程序——小程序的能力

小程序启动 通过app.json里pages字段可以获得页面路径,而写在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到的第一个页面),就像下面的代码中,小程序启动后的第一个页面就是index { "pages":[ "pages/index/index", "pages/logs/logs" ] } 小程序启动之后,在 app.js 里的 onLaunch 回调会被执行: App({ onLaunch: function ()

Vant+小程序+购物车实例

图片实例,看是否是您所需要的喔.... 扫码小程序可看实例操作,有啥问题也可扫码加群,很希望可以帮助到你喔!           HTML部分: <view class="cart"> <view class='top' wx:if="{{isTop}}"> <view> <van-icon name="delete" class='delete' bindtap="emptyCart"