抓取快递100数据，进行快递查询

8月份换了份工作，是做物流行业相关系统的，有时会需要查询外部快递接口，进行快递跟踪查询，这里就抓取快递100数据进行简单介绍。

需要的朋友可以参考下。

先上效果图：



下面我们一步一步来讨论如何实现这样的功能。

1、准备工作：获取快递100 Json数据

由上图我们发现 快递100的查询路劲为：http://www.kuaidi100.com/query?type=yuantong&postid=5714113854&id=1&valicode=&temp=0.19689508604579842

重要的两个参数是type:快递公司代码， postid:快递单号

2、设计代码--设计类

这里有一个小技巧，我们复制 json 数据。

public class ExpressStack<T>
{
public string message { get; set; }
public string nu { get; set; }
public string ischeck { get; set; }
public string com { get; set; }
public string status { get; set; }
public string condition { get; set; }
public string state { get; set; }
public List<T> data { get; set; }
}

public class Data
{
public string time { get; set; }
public string context { get; set; }
public string ftime { get; set; }
}

这样我们不用写代码，类就设计好了(有删改)，我们使用了泛型类来处理Json数据。

3、编写Action

这个就比较简单，一些json转换和输出

public ActionResult Search()
{
return View();
}

[HttpPost]
public ActionResult Search(string type, string postId)
{
WebClient wClient = new WebClient();
wClient.Encoding = Encoding.UTF8;
var response = wClient.DownloadString("http://www.kuaidi100.com/query?type=" + type + "&postid=" + postId);
var oJson = JsonConvert.DeserializeObject<ExpressStack<Data>>(response);
return View(oJson);
}

4、View 显示数据

这里不做异常处理，大家可以自己加上

@using KuaiDi100.Controllers;
@model ExpressStack<Data>
<h2>快递查询</h2>
@using (Html.BeginForm("Search", "KuaiDi100", FormMethod.Post, new { @class = "form-inline margin-bottom-10 ", style = "margin-left:200px" }))
{
<div class="form-group">
<div class="col-md-10">
<label  class="control-label">快递公司代码</label>

<input type="text" name="type" class="form-control" />
</div>
</div>
<div class="form-group">
<label class="control-label">快递单号</label>

<input type="text" name="postId" class="form-control" />
</div>
<div class="form-group">
<div class="col-md-10">
<button class="btn btn-primary">查询</button>
</div>
</div>
}

<table class="table table-striped table-bordered table-hover table-full-width" style="overflow:scroll; margin-top:50px;">
<thead>
<tr>
<th>地点和跟踪进度</th>
<th>时间</th>
</tr>
</thead>
<tbody>
@if (Model != null)
{
if (Model != null)
{
foreach (var item in Model.data)
{
<tr>
<td>@item.context</td>
<td>@item.time</td>
</tr>
}
}
else
{
<tr>
<td style="text-align:center" colspan="2">暂无结果</td>
</tr>
}
}
else
{
<tr>
<td style="text-align:center" colspan="2">暂无结果</td>
</tr>
}
</tbody>
</table>

运行效果就和上面第一张图一样了，源码都在上面了，需要的朋友可以参考下， 如果有帮助到你，请点击好文要顶按钮，谢谢支持.