• 首页
  • 前端
    • HTML
    • CSS
    • Javascript
    • XML
    • AJAX
  • 前端框架
    • BootStrap
    • Jquery
  • PHP
    • 语法
    • 核心
    • 面向对象
    • PHP7
    • Socket
    • Swoole
  • 数据库
    • Mysql
    • Redis
    • Memcache
    • MongoDB
  • 优化
    • 优化方案
    • 页面静态化
    • Nginx
  • 后台框架与实战
    • Smarty
    • 源码Blog
    • TP3.2
    • TP3.2商城
    • TP5.0
    • TP5.0商城
    • Laravel
    • Laravel在线教育平台
    • Yii
    • Yii手机直播
    • CodeIgniter
    • Yaf
  • 移动开发
    • 微信公众号
    • 混合APP
  • 二次开发
    • DedeCMS
  • Linux
    • 基本操作
    • 环境搭建
  • 版本控制
    • GIT
    • SVN
  • Node.js
  • 资料库
没有结果
查看所有结果
  • 首页
  • 前端
    • HTML
    • CSS
    • Javascript
    • XML
    • AJAX
  • 前端框架
    • BootStrap
    • Jquery
  • PHP
    • 语法
    • 核心
    • 面向对象
    • PHP7
    • Socket
    • Swoole
  • 数据库
    • Mysql
    • Redis
    • Memcache
    • MongoDB
  • 优化
    • 优化方案
    • 页面静态化
    • Nginx
  • 后台框架与实战
    • Smarty
    • 源码Blog
    • TP3.2
    • TP3.2商城
    • TP5.0
    • TP5.0商城
    • Laravel
    • Laravel在线教育平台
    • Yii
    • Yii手机直播
    • CodeIgniter
    • Yaf
  • 移动开发
    • 微信公众号
    • 混合APP
  • 二次开发
    • DedeCMS
  • Linux
    • 基本操作
    • 环境搭建
  • 版本控制
    • GIT
    • SVN
  • Node.js
  • 资料库
没有结果
查看所有结果
没有结果
查看所有结果

TP5商城(十)订单物流信息、Ajax查询物流、订单无刷新搜索、搜索关键字高亮

Mr.Lee 由 Mr.Lee
2018年6月23日
在 TP5.0, TP5.0商城, 后台框架
0
TP5商城(八)购物车商品列表展示、Ajax删除、清空、更新购物车商品、展示订单结算页面、订单详情页商品展示
0
分享
1
浏览

商城第十天

分配订单物流信息

注:只有已付款、未发货的订单才可以给他设置物流。

  1. 判断已付款,未发货的订单设置配置物流的操作

  1. 在后台的OrderController中建立一个upd的方法,设置当前订单的物流公司和运单号,且把发货在改为已发货。

定义一个Order验证器,验证编辑信息:

  1. 编辑物流的模板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’ />

  1. 只有发货的订单才可以查询物流信息

  1. 在index.html模板中给class=getWuliu采用委托的方法绑定单击事件

  1. 在后台OrderController中建立一个queryWuliu方法,查询物流

把物流秘钥写在config.php配置文件中,方便后期维护。

  1. 把接口的返回的url地址作为iframe的src属性即可(采用layer弹出实现)

注:要引入layer弹出层插件

效果:

订单无刷新搜索,搜索关键字高亮显示

  1. 在订单列表中模板index.html中,设置搜索的表单区域

  1. 给上面表单内id=serach按钮绑定单击事件,发送ajax请求,进行关键字查询

  1. 在OrderController控制器的index方法中拼接where查询条件:

  1. 为了将查询关键字高亮显示,我们可以用正则进行全局替换

其中无刷新分页的时候,也同样要进行替换:

效果:

 

 

标签: Ajax查询物流搜索关键字高亮订单无刷新搜索订单物流信息
上一篇文章

PHP 百问

下一篇文章

TP5 商城(九)订单入库、支付宝支付、支付宝引入项目、支付页面唤起、订单支付、支付成功订单状态修改、订单入库验证、查看个人订单、订单付款、后台订单管理、无刷新分页

下一篇文章
TP5商城(八)购物车商品列表展示、Ajax删除、清空、更新购物车商品、展示订单结算页面、订单详情页商品展示

TP5 商城(九)订单入库、支付宝支付、支付宝引入项目、支付页面唤起、订单支付、支付成功订单状态修改、订单入库验证、查看个人订单、订单付款、后台订单管理、无刷新分页

发表回复 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Search

没有结果
查看所有结果

About Me

个人随笔

Winston Lee

Programmer

Hello & welcome to my blog! My name is Winston Lee and am a programmer and am keen on sharing.

Winston Lee

About Me

Hello & welcome to my blog! My name is Winston Lee and am a programmer and am keen on sharing.

Categories

  • AJAX
  • BootStrap
  • CodeIgniter
  • CSS
  • DedeCMS
  • GIT
  • HTML
  • Javascript
  • Jquery
  • Laravel
  • Laravel在线教育平台
  • Linux
  • Memcache
  • MongoDB
  • MVC
  • Mysql
  • Nginx
  • Node
  • PDO
  • PHP
  • PHP7
  • PHP基本语法
  • PHP核心编程
  • Redis
  • Smarty
  • Socket
  • SVN
  • Swoole
  • TP3.2
  • TP3.2商城
  • TP5.0
  • TP5.0商城
  • XML
  • Yaf
  • Yii
  • Yii手机直播
  • 二次开发
  • 优化方案
  • 前端技术
  • 前端框架
  • 后台框架
  • 基本操作
  • 微信公众号
  • 数据库
  • 未分类
  • 混合APP
  • 源码Blog项目
  • 版本控制
  • 环境搭建
  • 移动端开发
  • 网站优化
  • 资料
  • 面向对象
  • 面向对象编程
  • 页面静态化

Tags

DOM Json RBAC 事件 传参 函数 分页 判断语句 匿名函数 变量 图片上传 存储过程 安装 对象 封装 属性 接口 控制器 数据库操作 数据类型 数据表 数组 文件上传 无刷新分页 权限 标签 模型 正则 流程控制 目录结构 算法 类 索引 继承 缩略图 表关系 视图 路由 运算符 选择器 递归 配置 错误处理 页面静态化 验证码
  • 首页
  • 前端
  • 前端框架
  • PHP
  • 数据库
  • 优化
  • 后台框架与实战
  • 移动开发
  • 二次开发
  • Linux
  • 版本控制
  • Node.js
  • 资料库

沪公网安备31011502400873 | 沪ICP备2024050435号-3

没有结果
查看所有结果
  • 首页
  • 前端
    • HTML
    • CSS
    • Javascript
    • XML
    • AJAX
  • 前端框架
    • BootStrap
    • Jquery
  • PHP
    • 语法
    • 核心
    • 面向对象
    • PHP7
    • Socket
    • Swoole
  • 数据库
    • Mysql
    • Redis
    • Memcache
    • MongoDB
  • 优化
    • 优化方案
    • 页面静态化
    • Nginx
  • 后台框架与实战
    • Smarty
    • 源码Blog
    • TP3.2
    • TP3.2商城
    • TP5.0
    • TP5.0商城
    • Laravel
    • Laravel在线教育平台
    • Yii
    • Yii手机直播
    • CodeIgniter
    • Yaf
  • 移动开发
    • 微信公众号
    • 混合APP
  • 二次开发
    • DedeCMS
  • Linux
    • 基本操作
    • 环境搭建
  • 版本控制
    • GIT
    • SVN
  • Node.js
  • 资料库

沪公网安备31011502400873 | 沪ICP备2024050435号-3