首页 > 其他分享 >Pbootcms商城插件安装使用教程

Pbootcms商城插件安装使用教程

时间:2023-11-25 12:01:04浏览次数:36  
标签:插件 菜单 admin res 教程 购物车 添加 id Pbootcms

pbootcms商城插件上线,可以实现简单的商品管理、商品购买、加入购物车、购物车批量购买、以及后台的订单管理,发货管理、改价功能,支付信息管理等功能,满足商城基本功能

Pbootcms商城插件安装使用教程_pbootcms商城

Pbootcms商城插件安装使用教程_pbootcms商城_02

安装流程:

1、上传代码到你的网站根目录下

2、导入数据库,数据库总共有四个表,

ay_order:订单表,

ay_order_data:订单附表,

ay_order_cart:购物车表,

ay_payment:支付。

3、网站后台添加对应菜单

打开网站后台---系统管理--系统菜单--添加菜单,注意:如果后台没有系统菜单,官方默认的“系统菜单”是不显示,则有两种办法

一是:找到数据库ay_menu表的“系统菜单”即id是3的status设置为1,然后清楚缓存退出后台,然后重新登录,如果还不出现多操作几篇

二是:通过https://您的域名/admin.php?p=/Menu/index,直接修改,添加菜单

(1)添加“商城管理“(顶级菜单)

菜单名称:商城管理

URL:/admin/Shop/index

快捷图标:fa-shopping-cart

(2)给商城管理添加子菜单“订单管理”

菜单名称:订单管理

URL:/admin/Shop/index

快捷图标:fa-list

(3)给商城管理添加子菜单“支付管理”

菜单名称:支付管理

URL:/admin/Pay/index

快捷图标:fa-credit-card

菜单添加之后,可能不会立马显示,此时需要你清楚缓存,退出后台登录,然后重新登录即可

4、添加路由规则

打开config/route.php,添加代码:

// 订单管理
'admin/Shop' => 'admin/shop.Shop',
'admin/Pay' => 'admin/shop.Pay',

5、前端修改

(1)给产品页面添加“立即购买”和“加入购物车按钮”,例:products.html(ext_price会自带的价格字段,价格大于0则显示按钮)

{pboot:if('{content:ext_price}' > 0)}
<span><a href="javascript:;" id="gobuy" class="btn btn-warning">立即购买</a></span>
<span><a href="javascript:;" id="addcart" class="btn btn-success">加入购物车</a></span>
{/pboot:if}

然后再下方找到放js的代码添加js代码:

$("#addcart").click(function(){
var id = '{content:id}';
$.getJSON('{pboot:sitepath}/index.php/shop/addcart?id='+id+"&"+Math.random(), function(res){
if(res.status == 1) {
alert('加入购物车成功');
}else if(res.status == 2) {
alert('您已经添加过了');
} else if(res.status == '-1') {
// alert('请登录');
layer.confirm('提示', {
title: false,
content:'请先登录',
btn: ['去登录','关闭'],
yes:function(){
window.location.href = res.url
}
})
}else{
alert('参数错误');
}
});
});

$("#gobuy").click(function(){
var id = '{content:id}';
$.getJSON('{pboot:sitepath}/index.php/shop/buy?id='+id+"&"+Math.random(), function(res){
if(res.status == 1) {
console.log(res);
window.location.href = res.url
}else if(res.status == '-1') {
layer.confirm('提示', {
title: false,
content:'请先登录',
btn: ['去登录','关闭'],
yes:function(){
window.location.href = res.url
}
})
}else{
alert('参数错误');
}
});
});

(2)给会员中心的左侧添加导航:

打开template\default\html\member\left.html,有两处第一处在地6行的“账号信息”后边添加:(手机端效果)

<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{pboot:sitepath}/index.php/shop/lists">我的订单</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{pboot:sitepath}/index.php/cart/index">购物车</a>
<div class="dropdown-divider"></div>

第二处大概18行即在第二处账号信息下边添加:(pc段效果)

<a href="{pboot:sitepath}/index.php/shop/lists" class="list-group-item">
			我的订单
		</a>
		<a href="{pboot:sitepath}/index.php/cart/index" class="list-group-item">
			购物车
		</a>

安装完毕,可以清楚缓存测试效果

说明:

(1)目前只支持简单购买和加入购物车,赞不支持多规格以及不同属性参数

(2)后台可以添加自己的支付,如果需要自定义字段,可以通过数据库ay_payment表的params表,通过json方式 添加自己的字段,例:{"mchid":"","apikey":"","appid":"","appsecret":""}

(3)暂不支持物流运费,可以通过后台“改价”方式,增加对应物流运费

效果如图:

Pbootcms商城插件安装使用教程_pbootcms商城_03

Pbootcms商城插件安装使用教程_pbootcms商城_04

Pbootcms商城插件安装使用教程_pbootcms插件_05

Pbootcms商城插件安装使用教程_pbootcms商城_06


标签:插件,菜单,admin,res,教程,购物车,添加,id,Pbootcms
From: https://blog.51cto.com/u_14519322/8558969

相关文章

  • 无涯教程-Tk - Bitmap部件函数
    位图小部件用于将位图添加到画布。位图小部件的语法如下所示-canvasNamecreatebitmapxyoptionsx和y设置位图的位置-Bitmap-参数下表在下面列出了可用于位图小部件的选项-Sr.No.Syntax&Remark1-anchorposition位图将相对于x和y位置定位。中心默认为默认值,其他......
  • 无涯教程-Tk - Polygon部件函数
    多边形小部件用于在画布中绘制多边形。多边形小部件的语法如下所示-canvasNamecreatepolygonx1y1x2y2...xnynoptionsx1y1和x2y2...xnyn用于确定多边形的端点。Polygon-参数下表列出了可用于多边形小部件的选项-Sr.No.Syntax&Remark1-outlinecolor......
  • 无涯教程-Tk - Text部件函数
    画布文本小部件用于在画布中绘制文本。画布文本小部件的语法如下所示-canvasNamecreatetextxyoptionsx和y用于确定文本的位置-Text-参数下表中列出了画布文本小部件可用的选项-Sr.No.Syntax&Remark1-anchorposition文本将相对于x和y位置定位。中心是默认设置......
  • Go语言开源跨平台GUI框架Fyne小教程|数据绑定篇
    入门数据绑定是在Fyne工具包v2.0.0版本中引入的的一个强大功能。通过使用数据绑定,我们可以避免手动管理许多标准对象,如标签、按钮和列表等,的数据内容。Fyne内置绑定支持许多基本数据类型(如Int、String、Float等),还有列表(如StringList、BoolList)以及Map和Struct绑定。这些类型中的每......
  • 开源小说站源码php+付费阅读小说网站系统源码附全自动采集和搭建教程
    随着互联网的普及,网络小说已成为现代人生活不可或缺的一部分。与此同时,越来越多的人开始关注小说网站源码的开发,希望通过开发自己的小说网站来满足读者的需求。本文将从小说网站源码的设计、开发、运维等方面进行探讨,以帮助读者更好地了解小说网站源码的相关知识。源码:xsymz.icu......
  • Calendar日历类型常见方法(保姆教程)【精选】
    根据日历规则,将指定的(有符号的)时间量添加到给定的日历字段中。boolean equals() 比较此GregorianCalendar与指定的Object。int getMinmum 返回此GregorianCalendar实例的给定日历字段的最小值。int getMaxmum 返回此GregorianCalendar实例的给定日历字段的最大......
  • Ubuntu20.04 美化教程
    之前写的Ubuntu18.04美化方法的文章已经不太适用,所以重新写一份关于Ubuntu20.04的美化方法,当然如下方法也适用于Ubuntu18.04。安装需要的软件安装gnome-tweak-tool:sudoaptinstallgnome-tweak-tool安装相应的插件:sudoapt-getinstallgnome-shell-extensions更......
  • 无涯教程-Tk - Arc部件函数
    弧小部件用于在画布中绘制弧。弧小部件的语法如下所示-canvasNamecreatearcx1y1x2y2optionsx1y1和x2y2是圆弧的端点。Arc-参数下表列出了弧小部件可用的选项-Sr.No.Syntax&Remark1-fillcolor填充颜​​色用该颜色填充弧。2-startangle此弧的起始位......
  • FreeRTOS深入教程(信号量源码分析)
    (文章目录)前言本篇文章将为大家讲解信号量,源码分析。在FreeRTOS中,信号量的实现基于队列。这种设计的思想是利用队列的特性来实现信号量,因为信号量可以被视为只能存储0或1个元素的特殊队列。在FreeRTOS中,二进制信号量(BinarySemaphore)通常由一个队列和一个计数器组成......
  • 无涯教程-Tk - Line部件函数
    线小部件用于在画布中绘制线。行小部件的语法如下所示-canvasNamecreatelinex1y1x2y2...xnynoptionsx1y1,x2y2...xnyn用于确定线段的终点。Line-参数下表在下面列出了可用于行小部件的选项-Sr.No.Syntax&Remark1-arrowend确定线是否在末端具有箭头......