码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-11-06 16:31:57      阅读:1142      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   color   ar   os   使用   

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

      需要的朋友可以参考下。

      先上效果图:

    bubuko.com,布布扣

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

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

       bubuko.com,布布扣

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

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

 

2、设计代码--设计类

   这里有一个小技巧,我们复制 json 数据。bubuko.com,布布扣

 

 1   public class ExpressStack<T> 
 2     {
 3         public string message { get; set; }
 4         public string nu { get; set; }
 5         public string ischeck { get; set; }
 6         public string com { get; set; }
 7         public string status { get; set; }
 8         public string condition { get; set; }
 9         public string state { get; set; }
10         public List<T> data { get; set; }
11     }
12 
13     public class Data
14     {
15         public string time { get; set; }
16         public string context { get; set; }
17         public string ftime { get; set; }
18     }

这样我们不用写代码,类就设计好了(有删改),我们使用了泛型类来处理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>

 

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

 

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

标签:des   style   blog   http   io   color   ar   os   使用   

原文地址:http://www.cnblogs.com/wolferfeng/p/4078975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!