分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

下篇: ??php 微商城 ??基于Thinkphp3.2框架开发

发布时间:2023-09-06 01:07责任编辑:蔡小小关键词:暂无标签

(12)微信商城

① 前台模板引入

a.引入微信商城模板的css+js+Images+img+bootstrap

 b.引入微商城的首页index.html及详情页detail.html页面模板

 注意:修改js/css/image等的引入路径

c.控制器添加显示页面的方法

D:\phpStudy\WWW\wechat\tp3\Application\Shop\Controller\IndexController.class.php

 d.访问控制器中的方法查看显示效果

http://zouke1220.oicp.net/wechat/tp3/index.php/Shop/Index/index

http://zouke1220.oicp.net/wechat/tp3/index.php/Shop/Index/detail

  

② 后台模板引入(注意修改bootstrap的引入路径)

a.添加

引入产品添加页面

 2 后台控制器添加方法

 ???//显示添加商品页面 ???public function add(){ ?????????$this->display(); ???????}

访问控制器中的方法,查看显示效果

http://zouke1220.oicp.net/wechat/tp3/index.php/Shop/Admin/add

   

 2 添加商品+图片上传

注意:配置好数据库连接D:\phpStudy\WWW\wechat\tp3\Application\Shop\Conf\config.php

 ???//添加商品+图片上传 ???public function addgoods(){ ???????//var_dump($_POST);exit; ???????header("Content-type:text/html;charset=utf-8"); ???????$m=M(‘goods‘); ???????$upload = new \Think\Upload();// 实例化上传类 ??????????$upload->maxSize ??=3145728 ; // 设置附件上传大小 ??????????$upload->exts ?????=array(‘jpg‘, ‘gif‘, ‘png‘, ‘jpeg‘); // 设置附件上传类型 ???????$upload->rootPath ?=‘./Public/Uploads/‘; // 设置附件上传目录 ???????$info ??= ??$upload->upload(); ??????????// 上传文件 ???????if(!$info) {// 上传错误提示错误信息 ???????????echo ‘<script type="text/javascript">alert("上传图片失败");</script>‘; ???????????exit; ???????}else{ ?????// 上传成功 ???????????$_POST[‘img‘]=$info[‘img‘][‘savepath‘].$info[‘img‘][‘savename‘]; ???????????//var_dump($_POST); ???????????/* ???????????array(4) { ???????????????["name"]=> string(3) "222" ???????????????["price"]=> string(3) "222" ???????????????["pex"]=> string(4) "A类" ???????????????["img"]=> string(28) "2017-08-17/59952ffbea896.png" ???????????} ???????????*/ ???????????$arr=$m->add($_POST); ???????????if($arr){ ???????????????echo ‘<script type="text/javascript">alert("添加成功");</script>‘; ???????}else{ ???????????echo ‘<script type="text/javascript">alert("添加失败");</script>‘; ???????} ???}


b.列表

引入展品列表显示页面

 

后台控制器列表方法

 ???//商品列表页 ???public function lists(){ ???????????$m=M(‘goods‘); ???????????$data=$m->select(); ???????????$this->assign("data",$data); ???????????$this->display(); ???}

访问控制器中的方法,查看显示效果

http://zouke1220.oicp.net/wechat/tp3/index.php/Shop/Admin/lists

 c.删除

后台控制器列表方法

 ???//删除商品 ???public function del(){ ???????header("Content-type:text/html;charset=utf-8"); ???????$id=$_GET[‘id‘]; ???????$m=M(‘goods‘); ???????$res=$m->delete($id); ???????if($res){ ???????????echo ‘<script>alert("删除成功");history.go(-1);</script>‘; ???????}else{ ???????????echo ‘<script>alert("删除失败");history.go(-1);</script>‘; ???????} ???} ???

点击删除按钮

 

③ 前台数据展示

a.控制器取数据

 ???//首页 ???public function index(){    $m=M(‘goods‘);    $data=$m->select();    $this->assign(‘data‘,$data); ???????$this->display(); ????} ???//详情页 ???public function detail(){     $m=M(‘goods‘); ???????$data=$m->find($_GET[‘id‘]); ???????$this->assign(‘data‘,$data); ???????$this->display();  }
  //订单页  public function order(){ ??   $this->assign(‘data‘,$_POST); ??   $this->display();  }

b.页面展示

D:\phpStudy\WWW\wechat\tp3\Application\Shop\View\Index\index.html

 http://zouke1220.oicp.net/wechat/tp3/index.php/Shop/Index/index

 D:\phpStudy\WWW\wechat\tp3\Application\Shop\View\Index\detail.html

 http://zouke1220.oicp.net/wechat/tp3/Shop/Index/detail/id/2.html

 D:\phpStudy\WWW\wechat\tp3\Application\Shop\View\Index\order.html

 http://zouke1220.oicp.net/wechat/tp3/Shop/Index/order.html

 将wechat\选择城市插件文件下的js文件拷贝到D:\phpStudy\WWW\wechat\tp3\Public\js下

将wechat\选择城市插件文件下的css文件拷贝到D:\phpStudy\WWW\wechat\tp3\Public\css下

订单页面order.html引入刚才的css文件:area.css和js文件:area.js、jquery-3.2.1.js

 访问查看效果

 c.写入订单到数据库

 ???//写入订单到数据库 ???public function addOrder(){ ???????header(‘Content-type:text/html;charset=utf-8‘); ???????$data[‘gid‘]=$_POST[‘id‘]; ???????$data[‘name‘]=$_POST[‘name‘]; ???????$data[‘price‘]=$_POST[‘price‘]*$_POST[‘num‘]; ???????$data[‘num‘]=$_POST[‘num‘]; ???????$data[‘email‘]=$_POST[‘email‘]; ???????$data[‘mobile‘]=$_POST[‘mobile‘]; ???????$data[‘city‘]=$_POST[‘city‘]; ???????$data[‘detail‘]=$_POST[‘detail‘]; ???????$m=M(‘orders‘); ???????$res=$m->add($data); ???????if($res){ ???????????echo ‘<script>alert("生成订单成功");history.go(-2)</script>‘; ???????}else{ ???????????echo ‘<script>alert("生成订单失败");history.go(-1)</script>‘; ???????} ???} 

④ 微信支付

同步:同步执行或跳转

异步:不管用户是否点击完成或跳转,微信服务器都会向我们的服务器推送数据

如果指定推送数据的地址:如果微信服务器没有收到返回参数,会一直向你的服务器推送数据,8次。

 a.修改写订单方法

 ???//写入订单到数据库 ???public function addOrder(){ ???????header(‘Content-type:text/html;charset=utf-8‘); ???????//未支付成功 缓存订单数据 ???????if(empty($_GET[‘isnull‘])){ ???????????//去支付 ???????????header(‘Location:http://zouke1220.oicp.net/wechat/tp3/WxPay/example/jsapi.php‘); ?????????????//缓存订单数据 ?????????????$data[‘gid‘]=$_POST[‘id‘]; ???????????$data[‘name‘]=$_POST[‘name‘]; ???????????$data[‘username‘]=$_POST[‘username‘]; ???????????$data[‘pirce‘]=$_POST[‘pirce‘]*$_POST[‘num‘]; ???????????$data[‘num‘]=$_POST[‘num‘]; ???????????$data[‘email‘]=$_POST[‘email‘]; ???????????$data[‘mobile‘]=$_POST[‘mobile‘]; ???????????$data[‘city‘]=$_POST[‘city‘]; ???????????$data[‘detail‘]=$_POST[‘detail‘]; ???????????session(‘data‘,$data); ???????}else{ ?//支付成功 插入订单数据 ???????????$m=M(‘order‘); ???????????$res=$m->add(session(‘data‘)); ???????????if($res){ ???????????????echo ‘<script>alert("生成订单成功"); ???????????????location.href="http://zouke1220.oicp.net/wechat/tp3/Shop/Index";</script>‘; ???????????}else{ ???????????????echo ‘<script>alert("生成订单失败");history.go(-2)</script>‘; ???????????} ???????} ???} ???

b.修改jsapi.php

D:\phpStudy\WWW\wechat\tp3\WxPay\example\jsapi.php

<?php/******************新增开始**********************/session_start();header(‘Content-type:text/html;charset=utf-8‘);/******************新增结束**********************/ ini_set(‘date.timezone‘,‘Asia/Shanghai‘);//error_reporting(E_ERROR);require_once "../lib/WxPay.Api.php";require_once "WxPay.JsApiPay.php";require_once ‘log.php‘;//初始化日志$logHandler= new CLogFileHandler("../logs/".date(‘Y-m-d‘).‘.log‘);$log = Log::Init($logHandler, 15); //打印输出数组信息/***********注释开始********************function printf_info($data){ ???foreach($data as $key=>$value){ ???????echo "<font color=‘#00ff55;‘>$key</font> : $value <br/>"; ???}}************注释结束*******************/ //①、获取用户openid$tools = new JsApiPay();$openId = $tools->GetOpenid();//②、统一下单$input = new WxPayUnifiedOrder();$input->SetBody($_SESSION[‘data‘][‘name‘]); ?????????????//动态获取$input->SetAttach($_SESSION[‘data‘][‘name‘]); ???????????//动态获取$input->SetOut_trade_no(WxPayConfig::MCHID.date("YmdHis"));$input->SetTotal_fee($_SESSION[‘data‘][‘price‘]); ???????//动态获取$input->SetTime_start(date("YmdHis"));$input->SetTime_expire(date("YmdHis", time() + 600));$input->SetGoods_tag("test");$input->SetNotify_url("http://zouke1220.oicp.net/wechat/tp3/WxPay/example/notify.php"); ??//异步回调$input->SetTrade_type("JSAPI");$input->SetOpenid($openId);$order = WxPayApi::unifiedOrder($input);/**************注释开始*********************echo ‘<font color="#f00"><b>统一下单支付单信息</b></font><br/>‘;printf_info($order);***************注释结束********************/$jsApiParameters = $tools->GetJsApiParameters($order);//获取共享收货地址js函数参数$editAddress = $tools->GetEditAddressParameters();//③、在支持成功回调通知中处理成功之后的事宜,见 notify.php/** * 注意: * 1、当你的回调地址不可访问的时候,回调通知会失败,可以通过查询订单来确认支付是否成功 * 2、jsapi支付时需要填入用户openid,WxPay.JsApiPay.php中有获取openid流程 (文档可以参考微信公众平台“网页授权接口”, * 参考http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html) */?> <html><head> ???<meta http-equiv="content-type" content="text/html;charset=utf-8"/> ???<meta name="viewport" content="width=device-width, initial-scale=1"/> ???<title>微信支付样例-支付</title> ???<script type="text/javascript"> ???????//调用微信JS api 支付 ???????function jsApiCall(){ ???????????WeixinJSBridge.invoke( ???????????????‘getBrandWCPayRequest‘, ???????????????<?php echo $jsApiParameters; ?>, ???????????????function(res){ ???????????????????/**************注释开始**************** ???????????????????WeixinJSBridge.log(res.err_msg); ???????????????????alert(res.err_code+res.err_desc+res.err_msg); ???????????????????***************注释结束***************/ ????????????????????/**************新增开始***********************/ ???????????????????if(res.err.msg == "get_brand_wcpay_request:ok"){ ???????????????????????alert(‘支付成功‘); ???????????????????????location.href="http://zouke1220.oicp.net/wechat/tp3/Shop/Index/addOrder/isnull/1"; ???????????????????}else{ ???????????????????????alert(‘支付失败‘); ???????????????????????location.href="http://zouke1220.oicp.net/wechat/tp3/Shop/Index/detail/id/<?php echo $_SESSION[‘data‘][‘gid‘];?>"; ???????????????????} ???????????????????/***************新增结束***********************/ ???????????????} ???????????); ???????} ???????function callpay(){ ???????????if (typeof WeixinJSBridge == "undefined"){ ???????????????if( document.addEventListener ){ ???????????????????document.addEventListener(‘WeixinJSBridgeReady‘, jsApiCall, false); ???????????????}else if (document.attachEvent){ ???????????????????document.attachEvent(‘WeixinJSBridgeReady‘, jsApiCall); ???????????????????document.attachEvent(‘onWeixinJSBridgeReady‘, jsApiCall); ???????????????} ???????????}else{ ???????????????jsApiCall(); ???????????} ???????} ???</script> ???<script type="text/javascript"> ???//获取共享地址 ???/**************注释开始************************* ???function editAddress() ???{ ???????WeixinJSBridge.invoke( ???????‘editAddress‘, ???????<?php echo $editAddress; ?>, ???????function(res){ ???????????var value1 = res.proviceFirstStageName; ???????????var value2 = res.addressCitySecondStageName; ???????????var value3 = res.addressCountiesThirdStageName; ???????????var value4 = res.addressDetailInfo; ???????????var tel = res.telNumber; ???????????alert(value1 + value2 + value3 + value4 + ":" + tel); ???????????} ???????????); ???????} ???????window.onload = function(){ ???????if (typeof WeixinJSBridge == "undefined"){ ???????????if( document.addEventListener ){ ???????????????document.addEventListener(‘WeixinJSBridgeReady‘, editAddress, false); ???????????}else if (document.attachEvent){ ???????????????document.attachEvent(‘WeixinJSBridgeReady‘, editAddress); ???????????????document.attachEvent(‘onWeixinJSBridgeReady‘, editAddress); ???????????} ???????}else{ ???????editAddress(); ???????} ???}; ???*****************注释结束************************/ ???</script></head><body> ???<!----------------------------注释开始---------------------------------------- ???<br/> ???<font color="#9ACD32"><b>该笔订单支付金额为<span style="color:#f00;font-size:50px">1分</span>钱</b></font><br/><br/><div align="center"><button style="width:210px; height:50px; border-radius: 15px; border:0px #FE6714 solid; cursor: pointer; ?color:white; ?font-size:16px;" type="button" onclick="callpay()" >立即支付</button></div>------------------------------注释结束---------------------------------------></body></html>

说明:

微信支付测试号暂时还测试不了,有兴趣可以参考

http://download.csdn.net/download/gcfranklin/8362257

http://www.cnblogs.com/txw1958/p/wxpayv3-jsapi.html

http://blog.csdn.net/u014033756/article/details/52038114

http://www.cnblogs.com/txw1958/p/wxpayv3-signkey.html

另外:选择order.html表单中的收获地址城市插件调用不了,有时间可以再调

下篇: ??php 微商城 ??基于Thinkphp3.2框架开发

原文地址:http://www.cnblogs.com/zouke1220/p/7462546.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved