快递服务专栏
- 1.新建工程
- 2.获取api
- 3.界面
- 4.调用api
- 5.运行结果图
- 6.获取资源
1.新建工程
1.右键项目——新建项目打开如下图所示:
其中项目名自己起,工程目录自己选择一个,AppID笔者使用的是注册号,您可以申请一个。
2.获取api
快递的API笔者选择的是:贵州诚数科技有限公司的下单api
点击:快递寄件
这个api有三个功能:分别是快递寄件、快递运力查询、快递订单取消
然后在此页面的右上角找到买家中心点进去如下图:
点击订单号后进入下图,图中标出来的就是你要使用的api
3.界面
<view class="container1"><br style="font-size:20px" > 查询某地快递运力\n</br> <input placeholder="最大输入长度为10" bindinput="input" /> <button type="primary" bindtap = "btnClick"style="position:relative;right:10%; padding:5%;width:100%;height:10%;font-size:80%;background-color:#07c160;color:white;margin-bottom:10%;">查询</button><scroll-view scroll-y="true" style="height:300px;">【{{expressInfo.message}}】<view wx:for="{{expressInfo.data.details}}" > {{item.comCode}}【{{item.type}}】</view></scroll-view>
</view>
<br style="font-size:20px" >寄件</br><text>\n</text>收件人完整地址 <input placeholder="收件人完整地址,包含省、市、区、街道等" bindinput="input1" /> 订单信息回调地址 <input placeholder="订单信息回调地址" bindinput="input2" /> 随机数 <input placeholder="随机数" bindinput="input3" /> 预约时间 <input placeholder="预约起始时间(HH:mm),例如:09:00" bindinput="input4" /> 预约截止时间 <input placeholder="预约截止时间(HH:mm),例如:10:00" bindinput="input5" /> 寄件人所在完整地址 <input placeholder="寄件人所在完整地址,包含省、市、区、街道等" bindinput="input6" /> 物品总重量 <input placeholder="物品总重量KG,例:1.5,单位kg" bindinput="input7" /> 备注 <input placeholder="备注" bindinput="input8" /> 收件人手机号 <input placeholder="收件人的手机号,手机号和电话号二者其一必填" bindinput="input9" /> 预约日期 <input placeholder="预约日期,例如:今天/明天/后天" bindinput="input10" /> 寄件人姓名 <input placeholder="寄件人姓名" bindinput="inpu11" /> 收件人姓名<input placeholder="收件人姓名" bindinput="input12" /> 支付方式<input placeholder="支付方式,SHIPPER: 寄付(默认),CONSIGNEE: 到付" bindinput="input13" /> 快递公司编码<input placeholder="快递公司的编码,一律用小写字母" bindinput="input14" /> 物品种类 <input placeholder="物品名称,例:文件(公司编码为jd时,cargo必填)" bindinput="input15" /> 寄件人手机号 <input placeholder="寄件人的手机号,手机号和电话号二者其一必填" bindinput="input16" /> <button type="primary" bindtap = "btnClick1"style="position:relative;right:10%; padding:5%;width:100%;height:10%;font-size:80%;background-color:#07c160;color:white;margin-bottom:10%;">寄件</button><scroll-view scroll-y="true" style="height:300px;"><view>[taskId: {{expressInfo1.data.detail.taskId}} ] [orderId:{{expressInfo1.data.detail.orderId}}][messages:{{expressInfo1.message}}]</view></scroll-view>
<br style="font-size:20px" > 快递订单取消</br> <text>\n</text>cancelMsg: <input placeholder="取消原因" bindinput="input17" /> orderId: <input placeholder="订单ID" bindinput="input18" /> taskID: <input placeholder="任务ID" bindinput="input19" /> <button type="primary" bindtap = "btnClick2"style="position:relative;right:10%; padding:5%;width:100%;height:10%;font-size:80%;background-color:#07c160;color:white;margin-bottom:10%;">确定</button><scroll-view scroll-y="true" style="height:300px;"><view > {{expressInfo2.data.result}}【{{expressInfo2.data.description}}】</view></scroll-view>
4.调用api
这部分是最重要的部分参数一定要写对,不然读取不到
|
url填写所用的api的地址,后面的参数根据每个api的参数来写:
|
快递运力查询 只有一个参数:address,如下图:
|
请求方式为GET,调用地址也给出了。
|
示例:
getExpressInfo:function(address,cb){wx.request({url: 'http://gwgp-wat4svkuskr.n.bdcloudapi.com/kdyl/get?address='+address, //仅为示例,并非真实的接口地址data: {x: '',y: ''}, header: {'Content-Type': 'application/json;charset=UTF-8' ,// 默认值'X-Bce-Signature':'AppCode/8a6b23ce2a194b689c7afd96ae539bb8'},success (res) {cb(res.data)// console.log(res.data)}})},
5.运行结果图
【关于url的地址各位朋友一定要注意】
|
【笔者反反复复的发送失败,查不出原因整个人都不好了】
|
【另外就是请求方式的问题:post、get要注意!!!,不然请求不到】
|
6.获取资源
1.资源链接:资源获取
2.微信后台回复:快递小程序
3.源代码 点击
微信小程序开发之快递服务专栏(快递运力查询、寄快递、取消订单)相关推荐
- 微信小程序开发公司的技术发展及行业现状
微信小程序开发公司的技术发展及行业现状 作者:北京朗毓圣元科技 近些年,伴随着互联网,尤其是移动互联网的蓬勃发展,带动了微信小程序开发公司数量的爆炸式增长,依托于微信小程序的丰富应用场景,可以满足传统 ...
- 微信小程序开发之快递服务专栏(快递运力查询、寄快递、取消订单)代码篇
目录 1.工程目录 2.代码 3.结果 6.获取资源 这篇文章废话不多,直接上代码 1.工程目录 需要改动的文件 上图已经标出来了 2.代码 index.js // index.js // 获取应用实 ...
- 1个月uni-app微信小程序开发上线实战专栏介绍
一.专栏介绍: <uni-app开发微信小程序1个月上线实战>,目标带领1000位同学成功开发上线一个自己的个人小程序! 作者介绍:国服第二切图仔--资深前端开发工程师,具有六年以上的前端 ...
- 微信小程序开发实战3 使用Go语言开发Web服务
3.使用Go语言开发Web服务 微信小程序提供了一系列服务端API用以配合小程序前端来完成相应的功能,以及帮助开发者进行各类数据分析.业务管理和信息查询等操作.例如小程序用户信息的获取就是通过服务端A ...
- 最详细的【微信小程序+阿里云Web服务】开发部署指引(十一):开发小程序设置功能
文章目录 前言 一.功能说明 二.设置界面代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 三.参数控制逻辑代码实现 1.自动跳转卡片 2.自动播放声音 专题文章链接 前言 案例的 ...
- 最详细的【微信小程序+阿里云Web服务】开发部署指引(四):搭建服务端数据库
文章目录 前言 一.连接主机数据库 二.创建数据表结构 三.准备测试数据 专题文章链接 前言 做完了前面的注册申请工作,今天我们开始进行程序的开发. 这篇文章,我们要完成的是服务端数据库表的创建. 一 ...
- 微信小程序开发环境(阿里云服务搭建+可运行的demo)
最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无 ...
- 最详细的【微信小程序+阿里云Web服务】开发部署指引(八):开发小程序卡片类型呈现功能
文章目录 前言 一.功能说明 二.代码实现 1.创建主界面Page 2.WXML 2.JS 3.WXSS 4.合法域名校验 5.图片缓存刷新问题的解决 小结 专题文章链接 前言 本篇文章,将对照专题案 ...
- 最详细的【微信小程序+阿里云Web服务】开发部署指引(一):准备开始
文章目录 前言 案例说明 专题文章链接 前言 作为一个程序开发的老鸟,有时候想使用微信小程序,开发实现一些实用的小功能.由于小程序往往需要有后台数据的支持,所以一般还需要搭建一个Server服务器,来 ...
- 【云开发】10分钟零基础学会做一个快递查询微信小程序,快速掌握微信小程序开发技能(轮播图、API请求)
大家好,我叫小秃僧 这次分享的是10分钟零基础学会做一个快递查询微信小程序,快速掌握开发微信小程序技能. 这篇文章偏基础,特别适合还没有开发过微信小程序的童鞋,一些概念和逻辑我会讲细一点,尽可能用图说 ...
最新文章
- Linux配置vim使得代码缩进
- Android 开源项目android-open-project工具库解析之(一) 依赖注入,图片缓存,网络相关,数据库orm工具包,Android公共库...
- SQL基础三(例子)
- linux开机引导过程总览
- resteasy_Tomcat 7上具有RESTeasy JAX-RS的RESTful Web服务– Eclipse和Maven项目
- shell编程题(二)
- 【HDU - 5882】Balanced Game (找规律,思维)
- 强化学习在美团“猜你喜欢”的实践
- 2021高考无准考证成绩查询,2021考研没有准考证号怎么查成绩
- python转cpp_python转c工具
- 电子科技大学研究生计算机与科学,2019年电子科技大学计算机科学与工程学院考研复试分数线...
- 华为拟安装“俄版安卓”;百度回应内部贪腐;Android Studio 3.5 RC2 发布 | 极客头条...
- marmalade android 5.0 JNI 调用失败的解决方案
- Web前端大作业 HTML+CSS+JS 防天天生鲜官网 9页 (1)
- python批量提取word指定内容_python 批量提取word应聘登记表数据+情感分析
- zznuoj 2122
- jFreeChart连接oracle数据库数据实现顺序图,饼形图和柱状图
- markdown语法中的空格_markdown基本语法
- D-028 DDR3硬件电路设计
- 关闭localized intellij idea切换语言提醒
热门文章
- 解决如何删除打印机端口及驱动
- 全网首发:彻底解决eclipse注释汉字英文大小不等的问题
- The Beatles (思维 + 暴力)div1
- php class 混合,extend/Extend/Library/ORG/Util/String.class.php at master · liu21st/extend · GitHub...
- 云原生分布式操作系统营造法式-云平台提供商视角
- HMAC-SHA1签名认证算法
- 2023美国大学生数学建模竞赛ABCDEF题思路汇总 美赛建模思路
- python制作气温分布图_Python案例:查询城市天气并绘制最高气温与最低气温的折线图...
- matlab气温与NDVI相关性分析,中国植被NDVI与气候因子的年际变化及相关性研究
- Ubuntu windows 双硬盘 双系统 引导