文件夹主要包括

    alipay 支付宝回调，

    wx   微信回调

    api/add_cart.php 添加购物车，

    cms/model 对应的model类，

    cms/modules/order   商城模块

    cms/modules/pay/classes  相关支付类（如果安装过付费阅读，该文件不需要复制）

 

    （1）后台---模块---模块管理---安装“商城”插件

    （2）后台---模块---充值记录---安装“新版支付宝”和微信支付（如果已安装可以跳过）

    （3）给相关模型添加字段：price,价格，如果价格大于0则会出现购买按钮

 

    （1）会员中心模板添加“我的购物车”和“我的订单”菜单

      找到模板：cms\templates\default\member\left.html,在第7行左右添加代码：

1. {if module_exists('order')} 
2.     <dl> 
3.         <dt> <span class="fa fa-shopping-cart"></span> 订单管理</dt> 
4.         <dd><a href="index.php?m=order&c=cart&a=init"{if ROUTE_A=="init" && ROUTE_C=="cart"} class="left_cur" {/if}>我的购物车</a></dd> 
5.         <dd><a href="index.php?m=order&c=order&a=init"{if ROUTE_A!="init" && ROUTE_C=="order"} class="left_cur" {/if}>我的订单</a></dd> 
6.     </dl> 
7. {/if} 

    （2）在前端页面show.html合适位置添加“加入购物车”和“立即购买”按钮

1. {if $price} 
2.                     <style> 
3.                         .btnlist{ width: 100%;} 
4.                         .btnlist span{ display: inline-block;} 
5.                         .btnlist .buybtn{ padding:0 20px; line-height: 35px; height: 35px; background-color: #2196f3; color: #fff; border:none;border-radius: 3px;} 
6.                         .btnlist .addcart{ padding:0 20px; line-height: 35px; height: 35px; background-color: #7fbff3; color: #fff;border:none;border-radius: 3px;display: inline-block;} 
7.                     </style> 
8.                     <div class="btnlist"> 
9.                         <span> 
10.                             <form id="form" name="form" method="POST" action="{APP_PATH}index.php?m=order&c=order&a=add&id={$id}&catid={$catid}" target="_blank"> 
11.                                 <button type="submit" name="button" class="buybtn" id="ico_yuding">立即购买</button> 
12.                             </form>                
13.                         </span> 
14.                         <span><a href="javascript：;"  class="addcart" onclick="add_cart()">加入购物车</a></span> 
15.                     </div> 
16.                     <script> 
17.                         function add_cart() { 
18.                             var id = '{$id}'; 
19.                             var catid = '{$catid}'; 
20.                             var price = '{$price}'; 
21.                             $.getJSON('{APP_PATH}api.php?op=add_cart&id={$id}&catid={$catid}&price={$price}&'+Math.random()+'&callback=?', function(data){ 
22.                                 if(data.status==1)  { 
23.                                     alert('加入购物车成功'); 
24.                                     //$('#loginframe').attr('src', $('#loginframe').attr('src')); 
25.                                 }else if(data.status==2)    { 
26.                                     alert('您已经添加过了'); 
27.                                 } else  if(data.status== '-1')  { 
28.                                     alert('请登录'); 
29.                                 }else{ 
30.                                     alert('参数错误'); 
31.                                 } 
32.                             }); 
33.                         } 
34.                     </script> 
35.                     {/if} 

    （3）找到\statics\css\default\css\member-index.css在最下边添加css

1. /* 商城css */ 
2. .numbox{ font-size: 0;} 
3. .numbox .numcalc{ border:solid 1px #e2e2e2; line-height:30px;padding:0 10px; display:inline-block; cursor:pointer; background-color:#f5f5f5; font-size: 13px;} 
4. .numbox .num-input{line-height:28px; width: 60px; box-sizing: border-box;border:solid 1px #e2e2e2;display:inline-block;font-size: 13px; border-left: none; border-right: none;} 
5. .tablelista {width: 100%;} 
6. .tablelista th,td {padding-left: 12px;} 
7. .tablelista thead th {background: #f2f2f2;border: 1px solid #d5dfe8;font-weight: normal;text-align: left;height: 28px;line-height: 28px;} 
8. .tablelista tbody tr:nth-child(2n){ background-color: #f5f5f5;} 
9. .tablelista tbody tr:hover{ background-color: #f2f2f2;} 
10. .tablelista tbody td {border: 1px solid #eee;padding-bottom: 8px;padding-top: 8px;} 
11. .tablelista .tablast {background: #f6f6f6 none repeat scroll 0 0;height: 28px;line-height: 28px;} 
12. .order-thumb{ padding:8px;box-sizing: border-box;} 
13. .searchbox{ width: 100%;float: left;} 
14. .searchbox label{ float: left; padding-right: 10px; line-height: 35px;} 
15. .searchbox .date{ padding:0 !important;} 
16. .searchbox .date .form-control{ border:none;} 
17. .searchbox .orderselect{line-height: 35px !important; height: 35px;} 
18.  
19. .goodsinfo{border: solid 1px #e2e2e2; margin-top:5px; margin-bottom:5px;} 
20. .goodsinfo td{border: solid 1px #e2e2e2;border-collapse:collapse; color:#666666;} 
21. .goodsbox {padding:8px 0; position:relative;min-height:40px; width:100%; float:left; box-sizing:border-box; border-bottom: solid 1px #e2e2e2;} 
22. .goodsbox span{ float: left; display: inline-block; } 
23. .goodsinfo .goodsbox:nth-last-child(1){ border-bottom: none; } 
24. .goodsinfo .info{ width: 80%;float: left;display: flex;align-content: flex-start;justify-content: space-around; flex-wrap: nowrap;} 
25. .goodsinfo .info .thumb{ float:left;text-align:center;width:60px; margin:5px 0; position:relative;max-height:60px; overflow: hidden; flex:0 0 60px} 
26. .goodsinfo .info .thumb img {width: 60px; height: auto;border-radius: 3px; } 
27. .goodsinfo .info .name{ float:left; line-height:1.4em; text-align:left;padding-left:10px;display:inline-block; width:100%;box-sizing:border-box; padding-top: 2px;} 
28. .order_price{ width: 20%; text-align:right; line-height:35px;} 
29. .order_num{ width: 10%; text-align: center; line-height:35px;} 
30. .order_title { line-height:30px; height:30px; background-color:#f9f8f8; color:#333333;} 
31. .order_title span { float:left; margin-right:10px; padding-left:10px; } 
32. .delivery {line-height:25px; text-align:center; color:#FFFFFF; display:inline-block; border-radius: 3px; padding:0 5px; white-space: nowrap;} 

    .....
添加完毕，更新缓存，测试支付效果即可