商城第十天
分配订单物流信息
注:只有已付款、未发货的订单才可以给他设置物流。
- 判断已付款,未发货的订单设置配置物流的操作
- 在后台的OrderController中建立一个upd的方法,设置当前订单的物流公司和运单号,且把发货在改为已发货。
定义一个Order验证器,验证编辑信息:
- 编辑物流的模板upd.html
效果:
ajax查询订单物流信息
注:只有订单发货了才可以查询物流信息
这里使用第三方的物流接口地址快递100:
接口地址:http://www.kuaidi100.com/applyurl?key={$key}&com={$com}&nu={$nu}&show=0
key秘钥:9d37bc6b0a41e6fe
com:物流公司
<option value=”>请选择物流公司</option>
<option value=”yuantong”>圆通</option>
<option value=”shentong”>申通</option>
<option value=”zhongtong”>中通</option>
<option value=”yunda”>韵达</option>
<option value=”shunfeng”>顺丰</option>
nu:运单号
show:指定接口返回的数据格式。免费版的返回的都是一样,只返回一个当前物流的url地址。
请求结果是返回一个物流的url地址:
再去请求此返回的url地址,才会的到物流的信息
我们后面只需要把返回的url地址作为iframe的src属性值即可显示物流信息
<iframe src=’http://www.kuaidi100.com/kuaidiresult?id=85728734’ />
- 只有发货的订单才可以查询物流信息
- 在index.html模板中给class=getWuliu采用委托的方法绑定单击事件
- 在后台OrderController中建立一个queryWuliu方法,查询物流
把物流秘钥写在config.php配置文件中,方便后期维护。
- 把接口的返回的url地址作为iframe的src属性即可(采用layer弹出实现)
注:要引入layer弹出层插件
效果:
订单无刷新搜索,搜索关键字高亮显示
- 在订单列表中模板index.html中,设置搜索的表单区域
- 给上面表单内id=serach按钮绑定单击事件,发送ajax请求,进行关键字查询
- 在OrderController控制器的index方法中拼接where查询条件:
- 为了将查询关键字高亮显示,我们可以用正则进行全局替换
其中无刷新分页的时候,也同样要进行替换:
效果: