php 商品多规格的实现,sku实现

最新推荐文章于 2024-06-30 11:15:00 发布
最新推荐文章于 2024-06-30 11:15:00 发布
阅读量1.8w 收藏 32
点赞数 5
分类专栏： php html 文章标签： 商品sku
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nextvary/article/details/81869761
版权
php 同时被 2 个专栏收录
19 篇文章 1 订阅
订阅专栏
html
1 篇文章 0 订阅
订阅专栏 
1,规格名称表
CREATE TABLE `fa_item_attr_key` (
  `attr_key_id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `item_id` int(10) unsigned DEFAULT '0',
  `attr_name` varchar(50) NOT NULL,
  PRIMARY KEY (`attr_key_id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8

 2,规格属性表

CREATE TABLE `fa_item_attr_val` (
  `symbol` int(10) NOT NULL AUTO_INCREMENT,
  `attr_key_id` int(10) unsigned DEFAULT NULL,
  `item_id` int(10) unsigned DEFAULT '0',
  `attr_value` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`symbol`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8
3,商品sku表

CREATE TABLE `fa_item_sku` (
  `sku_id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `item_id` int(10) unsigned DEFAULT '0',
  `attr_symbol_path` varchar(255) NOT NULL,
  `price` double(15,2) NOT NULL DEFAULT '0.00' COMMENT '价格',
  `freight` double(15,2) DEFAULT '0.00' COMMENT '运费',
  `stock` int(10) unsigned NOT NULL DEFAULT '0',
  `original_price` double(15,2) DEFAULT NULL COMMENT '原始价格',
  PRIMARY KEY (`sku_id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8




1,前端样式(参考资料:https://www.cnblogs.com/moumou0213/p/7233357.html    https://wenku.baidu.com/view/12fc20e10740be1e640e9ae5.html)



2,添加页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
</head>
<body>
<div class="control-group">
    <label class="control-label"> </label>
    <div class="controls" >
        <button id="add_lv1" class="btn btn-primary" type="button">添加规格项</button>
        <button id="update_table" class="btn btn-success" type="button">生成规格项目表</button>
    </div>
</div>
<div>
    <button id="save_product" style="display: none;">保存商品</button>
</div>
<div id="lv_table_con" class="control-group" style="display: none;">
    <label class="control-label">规格项目表</label>
    <div class="controls">
        <div id="lv_table">

        </div>
    </div>

</div>
<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    var lv1HTML = '<div class="control-group lv1 item-attr">' +
            '<label class="control-label">规格名称</label>' +
            '<div class="controls">' +
            '<input type="text" name="lv1" placeholder="规格名称">' +
            '<button class="btn btn-primary add_lv2" type="button">添加参数</button>' +
            '<button class="btn btn-danger remove_lv1" type="button">删除规格</button>' +
            '</div>' +
            '<div class="controls lv2s"></div>' +
            '</div>';

    var lv2HTML = '<div style="margin-top: 5px;">' +
            '<input type="text" name="lv2" placeholder="参数名称">' +
            '<button class="btn btn-danger remove_lv2" type="button">删除参数</button>' +
            '</div>';

    $(document).ready(function() {
        $('#add_lv1').on('click', function() {
            var last = $('.control-group.lv1:last');
            if (!last || last.length == 0) {
                $(this).parents('.control-group').eq(0).after(lv1HTML);
            } else {
                last.after(lv1HTML);
            }
        });

        $(document).on('click', '.remove_lv1', function() {
            $(this).parents('.lv1').remove();
        });

        $(document).on('click', '.add_lv2', function() {
            $(this).parents('.lv1').find('.lv2s').append(lv2HTML);
        });

        $(document).on('click', '.remove_lv2', function() {
            $(this).parent().remove();
        });
        $(document).on('click', '#save_product', function () {

            var obj = {};
            var i = 0;
            var first = '';
            var tmp = {};
            $('#lv_table input').each(function (index, e) {
                var name = $(e).attr('name');
                var value = $(e).val();
                symbol = name.split('|')[0];
                key = name.split('|')[1];
                if (index == 0) {
                    first = symbol;
                    tmp = {symbol: symbol, item_id: 1};
                } else if (first != symbol) {
                    first = symbol;
                    i++;
                    tmp = {symbol: symbol, item_id: 1};
                }
                tmp[key] = value;
                obj[i] = tmp;

            });
            $.ajax({
                'url': '/api/test/test/save_sku',
                'method': 'post',
                'data': obj,
                'success': function (e) {

                }
            });
            console.log(obj);
        });


        $(document).on('click', '#save_attr', function() {
            save_attr();
        });
        $('#update_table').on('click', function() {
            save_attr();
//            update_table();
        });

        function update_table() {
            var lv1Arr = $('input[name="lv1"]');
            if (!lv1Arr || lv1Arr.length == 0) {
                $('#lv_table_con').hide();
                $('#lv_table').html('');
                return;
            }
            for (var i = 0; i < lv1Arr.length; i++) {
                var lv2Arr = $(lv1Arr[i]).parents('.lv1').find('input[name="lv2"]');
                if (!lv2Arr || lv2Arr.length == 0) {
                    alert('请先删除无参数的规格项！');
                    return;
                }
            }

            var tableHTML = '';
            tableHTML += '<table class="table table-bordered">';
            tableHTML += '    <thead>';
            tableHTML += '        <tr>';
            for (var i = 0; i < lv1Arr.length; i++) {
                tableHTML += '<th width="50">' + $(lv1Arr[i]).val() + '</th>';
            }
            tableHTML += '            <th width="20">现价</th>';
            tableHTML += '            <th width="20">原价</th>';
            tableHTML += '            <th width="20">库存</th>';
            tableHTML += '        </tr>';
            tableHTML += '    </thead>';
            tableHTML += '    <tbody>';

            var numsArr = new Array();
            var idxArr = new Array();
            for (var i = 0; i < lv1Arr.length; i++) {
                numsArr.push($(lv1Arr[i]).parents('.lv1').find('input[name="lv2"]').length);
                idxArr[i] = 0;
            }

            var len = 1;
            var rowsArr = new Array();
            for (var i = 0; i < numsArr.length; i++) {
                len = len * numsArr[i];

                var tmpnum = 1;
                for (var j = numsArr.length - 1; j > i; j--) {
                    tmpnum = tmpnum * numsArr[j];
                }
                rowsArr.push(tmpnum);
            }
            key='test';

            for (var i = 0; i < len; i++) {
                tableHTML += '        <tr data-row="' + (i+1) + '">';

                var name = '';
                var value = '';
                for (var j = 0; j < lv1Arr.length; j++) {
                    var n = parseInt(i / rowsArr[j]);
                    if (j == 0) {
                    } else if (j == lv1Arr.length - 1) {
                        n = idxArr[j];
                        if (idxArr[j] + 1 >= numsArr[j]) {
                            idxArr[j] = 0;
                        } else {
                            idxArr[j]++;
                        }
                    } else {
                        var m = parseInt(i / rowsArr[j]);
                        n = m % numsArr[j];
                    }

                    var text = $(lv1Arr[j]).parents('.lv1').find('input[name="lv2"]').eq(n).val();
                    var id = $(lv1Arr[j]).parents('.lv1').find('input[name="lv2"]').eq(n).attr('data-id');
                    if (j != lv1Arr.length - 1) {
                        value += id + ',';
                        name += text + ',';
                    } else {
                        name += text;
                        value += id;

                    }

                    if (i % rowsArr[j] == 0) {
                        tableHTML += '<td width="50" rowspan="' + rowsArr[j] + '" data-rc="' + (i+1) + ',' + (j+1) + '">' + text + '</td>';
                    }
//                    key=$(lv1Arr[j]).val();
//                    key=$(lv1Arr[j]).attr('data-id');
                }
                tableHTML += '<td width="20"><input type="text" name="'+ value + '|price" value="'+ '"/></td>';
                tableHTML += '<td width="20"><input type="text" name="' + value + '|original_price"  value="'+ '" /></td>';
                tableHTML += '<td width="20"><input type="text" name="' +  value + '|stock"  value="'+ '" /></td>';
                tableHTML += '</tr>';
            }
            tableHTML += '</tbody>';
            tableHTML += '</table>';

            $('#lv_table_con').show();
            $('#lv_table').html(tableHTML);

        }
        function save_attr() {
            //生成key
            var key=[];
            $('.item-attr input[name=lv1]').each(function (index,ele) {
                key.push($(ele).val());
            });
            //生成值
            var need=[];
            for ( j=0;j<key.length;j++){
                need[j]=[];
            }
            i=0;
            $('.item-attr input').each(function (index,ele) {
                if($(ele).attr('name')=='lv1' && index!=0){
                    i++;
                }else if(index!=0){
                    need[i].push($(ele).val());
                }
            });


            $.ajax({
                'url':'/api/test/test/save_attr',
                'method':'post',
                'data':{key:JSON.stringify(key),'value':JSON.stringify(need)},
                'sync':0,
                'success':function (e) {
                    key=e.data.key;
                    value=e.data.value;
                    create_attr_id(key,value);
                }
            });
        }

        function create_attr_id(key,value) {
            console.log(key,value);
            $('.item-attr input[name=lv1]').each(function (index,ele) {
              $(ele).attr('data-id',key[index]);
            });
            $('.item-attr input[name=lv2]').each(function (index,ele) {
               $(ele).attr('data-id',value[index]);
            });
            update_table();
            $('#save_product').show();
        }


    });
</script>
</body>
</html>
3,编辑页代码


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
</head>
<body>
<div class="control-group">
    <label class="control-label"> </label>
    <div class="controls">
        <button id="add_lv1" class="btn btn-primary" type="button">添加规格项</button>
        <button id="update_table" class="btn btn-success" type="button">生成规格项目表</button>
    </div>
</div>
{foreach $itemAttr as $key=> $item}
<div class="control-group lv1 item-attr"><label class="control-label">规格名称</label>
    <div class="controls"><input type="text" name="lv1" data-id="{$item.attr_key_id}" value="{$item.attr_name}" placeholder="规格名称">
        <button class="btn btn-primary add_lv2" type="button">添加参数</button>
        <button class="btn btn-danger remove_lv1" type="button">删除规格</button>
    </div>
    <div class="controls lv2s">
        {foreach $item.itemattrval as $value}
        <div style="margin-top: 5px;"><input type="text" name="lv2" data-id="{$value.symbol}" value="{$value.attr_value}" placeholder="参数名称">
            <button class="btn btn-danger remove_lv2" type="button">删除参数</button>
        </div>
        {/foreach}
    </div>
</div>
{/foreach}


<div>
    <button id="save_product" style="display: none;">保存商品</button>
</div>
<div id="lv_table_con" class="control-group" style="display: none;">
    <label class="control-label">规格项目表</label>
    <div class="controls">
        <div id="lv_table">

        </div>
    </div>
</div>
<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    var lv1HTML = '<div class="control-group lv1 item-attr">' +
            '<label class="control-label">规格名称</label>' +
            '<div class="controls">' +
            '<input type="text" name="lv1" placeholder="规格名称">' +
            '<button class="btn btn-primary add_lv2" type="button">添加参数</button>' +
            '<button class="btn btn-danger remove_lv1" type="button">删除规格</button>' +
            '</div>' +
            '<div class="controls lv2s"></div>' +
            '</div>';

    var lv2HTML = '<div style="margin-top: 5px;">' +
            '<input type="text" name="lv2" placeholder="参数名称">' +
            '<button class="btn btn-danger remove_lv2" type="button">删除参数</button>' +
            '</div>';



    $(document).ready(function () {


        $('#add_lv1').on('click', function () {
            var last = $('.control-group.lv1:last');
            if (!last || last.length == 0) {
                $(this).parents('.control-group').eq(0).after(lv1HTML);
            } else {
                last.after(lv1HTML);
            }
        });

        $(document).on('click', '.remove_lv1', function () {
            $(this).parents('.lv1').remove();
        });

        $(document).on('click', '.add_lv2', function () {
            $(this).parents('.lv1').find('.lv2s').append(lv2HTML);
        });

        $(document).on('click', '.remove_lv2', function () {
            $(this).parent().remove();
        });
        $(document).on('click', '#save_product', function () {
            var obj = {};
            var i = 0;
            var first = '';
            var tmp = {};
            $('#lv_table input').each(function (index, e) {
                var name = $(e).attr('name');
                var value = $(e).val();
                symbol = name.split('|')[0];
                key = name.split('|')[1];
                if (index == 0) {
                    first = symbol;
                    tmp = {symbol: symbol, item_id: 1};
                } else if (first != symbol) {
                    first = symbol;
                    i++;
                    tmp = {symbol: symbol, item_id: 1};
                }
                tmp[key] = value;
                obj[i] = tmp;


            });
            $.ajax({
                'url': '/api/test/test/save_sku',
                'method': 'post',
                'data': obj,
                'success': function (e) {

                }
            });
            console.log(obj);
        });


        $('#update_table').on('click', function () {
            save_attr();

        });

        function save_attr() {
            //生成key
            var key = [];
            $('.item-attr input[name=lv1]').each(function (index, ele) {
                key.push($(ele).val());
            });
            //生成值
            var need = [];
            for (j = 0; j < key.length; j++) {
                need[j] = [];
            }
            i = 0;
            $('.item-attr input').each(function (index, ele) {
                if ($(ele).attr('name') == 'lv1' && index != 0) {
                    i++;
                } else if (index != 0) {
                    need[i].push($(ele).val());
                }
            });
            $.ajax({
                'url': '/api/test/test/save_attr',
                'method': 'post',
                'data': {key: JSON.stringify(key), 'value': JSON.stringify(need)},
                'sync': 0,
                'success': function (e) {
                    key = e.data.key;
                    value = e.data.value;
                    create_attr_id(key, value);
                }
            });
        }

        function create_attr_id(key,value) {
            console.log(key,value);
            $('.item-attr input[name=lv1]').each(function (index,ele) {
                $(ele).attr('data-id',key[index]);
            });
            $('.item-attr input[name=lv2]').each(function (index,ele) {
                $(ele).attr('data-id',value[index]);
            });
            update_table();
            $('#save_product').show();
        }

        function update_table() {
            var lv1Arr = $('input[name="lv1"]');
            if (!lv1Arr || lv1Arr.length == 0) {
                $('#lv_table_con').hide();
                $('#lv_table').html('');
                return;
            }
            for (var i = 0; i < lv1Arr.length; i++) {
                var lv2Arr = $(lv1Arr[i]).parents('.lv1').find('input[name="lv2"]');
                if (!lv2Arr || lv2Arr.length == 0) {
                    alert('请先删除无参数的规格项！');
                    return;
                }
            }

            var tableHTML = '';
            tableHTML += '<table class="table table-bordered">';
            tableHTML += '    <thead>';
            tableHTML += '        <tr>';
            for (var i = 0; i < lv1Arr.length; i++) {
                tableHTML += '<th width="50">' + $(lv1Arr[i]).val() + '</th>';
            }
            tableHTML += '            <th width="20">现价</th>';
            tableHTML += '            <th width="20">原价</th>';
            tableHTML += '            <th width="20">库存</th>';
            tableHTML += '        </tr>';
            tableHTML += '    </thead>';
            tableHTML += '    <tbody>';

            var numsArr = new Array();
            var idxArr = new Array();
            for (var i = 0; i < lv1Arr.length; i++) {
                numsArr.push($(lv1Arr[i]).parents('.lv1').find('input[name="lv2"]').length);
                idxArr[i] = 0;
            }

            var len = 1;
            var rowsArr = new Array();
            for (var i = 0; i < numsArr.length; i++) {
                len = len * numsArr[i];

                var tmpnum = 1;
                for (var j = numsArr.length - 1; j > i; j--) {
                    tmpnum = tmpnum * numsArr[j];
                }
                rowsArr.push(tmpnum);
            }
            key='test';

            for (var i = 0; i < len; i++) {
                tableHTML += '        <tr data-row="' + (i+1) + '">';

                var name = '';
                var value = '';
                for (var j = 0; j < lv1Arr.length; j++) {
                    var n = parseInt(i / rowsArr[j]);
                    if (j == 0) {
                    } else if (j == lv1Arr.length - 1) {
                        n = idxArr[j];
                        if (idxArr[j] + 1 >= numsArr[j]) {
                            idxArr[j] = 0;
                        } else {
                            idxArr[j]++;
                        }
                    } else {
                        var m = parseInt(i / rowsArr[j]);
                        n = m % numsArr[j];
                    }

                    var text = $(lv1Arr[j]).parents('.lv1').find('input[name="lv2"]').eq(n).val();
                    var id = $(lv1Arr[j]).parents('.lv1').find('input[name="lv2"]').eq(n).attr('data-id');
                    if (j != lv1Arr.length - 1) {
                        value += id + ',';
                        name += text + ',';
                    } else {
                        name += text;
                        value += id;

                    }

                    if (i % rowsArr[j] == 0) {
                        tableHTML += '<td width="50" rowspan="' + rowsArr[j] + '" data-rc="' + (i+1) + ',' + (j+1) + '">' + text + '</td>';
                    }
//                    key=$(lv1Arr[j]).val();
//                    key=$(lv1Arr[j]).attr('data-id');
                }
                tableHTML += '<td width="20"><input type="text" name="'+ value + '|price" value="'+ '"/></td>';
                tableHTML += '<td width="20"><input type="text" name="' + value + '|original_price"  value="'+ '" /></td>';
                tableHTML += '<td width="20"><input type="text" name="' +  value + '|stock"  value="'+ '" /></td>';
                tableHTML += '</tr>';
            }
            tableHTML += '</tbody>';
            tableHTML += '</table>';

            $('#lv_table_con').show();
            $('#lv_table').html(tableHTML);

        }
        function edit() {
            var attr=JSON.parse('{$itemSku}');
//            $('#update_table').trigger('click');
            update_table();
            $('#lv_table tbody tr').each(function (index,ele) {
               for (i=0;i<attr.length;i++){
                   if(index==i){
                       attr_symbol_path=attr[i].attr_symbol_path;
                       $(ele).find('input[name="'+attr_symbol_path+'|price"]').val(attr[i].price);
                       $(ele).find('input[name="'+attr_symbol_path+'|original_price"]').val(attr[i].original_price);
                       $(ele).find('input[name="'+attr_symbol_path+'|stock"]').val(attr[i].stock);
                   }
               }
            });
        }
        edit();
    });
</script>
</body>
</html>
4,后台代码
首页 ,编辑页

public function index(){

        return $this->view->fetch();
    }


    public function edit(){
        $item_id=1;
        $data=ItemAttrKey::where(['item_id'=>$item_id])->with(['itemattrval'])->select();
        $need=[];
        foreach ($data as $item) {
            $need[]=$item->toArray();
        }

        $sku=ItemSku::where(['item_id'=>$item_id])->select();
        $skus=[];
        foreach ($sku as $item) {
            $skus[]=$item->toarray();
        }

        $this->view->assign('itemAttr',$need);
        $this->view->assign('itemSku',json_encode($skus,320));
        return $this->view->fetch();
    }
5,api接口


   public function save_sku(){
        if(request()->isPost()){
            $data=request()->post();
            $bool=ItemSku::where(['item_id'=>$data[0]['item_id']])->delete();
            console($bool);

            foreach ($data as $item) {
                $sku=new ItemSku();
                $sku->item_id=$item['item_id'];
                $sku->original_price=$item['original_price'];
                $sku->price=$item['price'];
                $sku->stock=$item['stock'];
                $sku->attr_symbol_path=$item['symbol'];
                $sku->save();
            }

        }

    }

    public function save_attr()
    {
        if(request()->isPost()){
            $data=request()->post();
            $key=json_decode($data['key'],true);
            $value=json_decode($data['value'],true);
            $item_id=1;
            $key_id=[];
            ItemAttrKey::where(['item_id'=>$item_id])->delete();
            foreach ($key as $k) {
                $attr_key=ItemAttrKey::where(['attr_name'=>$k,'item_id'=>$item_id])->find();
                if(!$attr_key){
                    $attr_key=new ItemAttrKey();
                    $attr_key->attr_name=$k;
                    $attr_key->item_id=$item_id;
                    $attr_key->save();
                }
                $key_id[]=$attr_key->attr_key_id;
            }
            $tm_v_in=[];
            $tm_v=[];
            ItemAttrVal::where(['item_id'=>$item_id])->delete();
            foreach ($value as $key=>$v){
                $attr_key_id=$key_id[$key];
                foreach ($v as $v1){
                    $attr_value=ItemAttrVal::where(['attr_value'=>$v1,'attr_key_id'=>$attr_key_id])->find();
                    if(!$attr_value){
                        $attr_value=new ItemAttrVal();
                        $attr_value->attr_key_id=$attr_key_id;
                        $attr_value->attr_value=$v1;
                        $attr_value->item_id=$item_id;
                        $attr_value->save();
                    }
                    $tm_v[]=$attr_value->symbol;

                }
//                $tm_v[]=$tm_v_in;
            }

            $this->success('请求成功',['key'=>$key_id,'value'=>$tm_v]);

        }

        $this->success('请求成功');
    }
6,使用方法:
1,点击生成规格选项,首先调用后台,保存规格属性接口
2,点击保存商品,会将sku信息插入数据库
nextvary
关注
  • 5
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
PHP实现商品规格sku算法（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
04-26 72
PHP实现商品规格sku算法（附完整源码）
php生成商品sku的两种方法
小栋的奇妙乐园
10-12 915
//生成的是字符拼接出来的sku function Skujson($data){ $len = count($data); for ($i = 0; $i< $len-1; $i++) { if ($i === 0) { // 数组第一个值 $result = $data[0]; } $temp = []; // 数组第一个值和第二个值组合 foreach
php商品规格sku,SKU商品规格选择
weixin_31980019的博客
03-28 1545
SKU商品规格选择在线demo地址Github代码地址可选属性实现思路当用户点击某选项(如"黑色")时，拿到此时所有规格的选项( { color: "黑色" })根据商品数据、用户当前选择规格，查找匹配商品。如果找到了，就返回商品标识(商品为数组则返回数组索引 index)；如果没找到，则返回 undefined 。(this.find(option))拿到所有支持的商品的选项(如["iPhone...
php 多规格设置,规格模式（Specification）
weixin_39840235的博客
03-18 313
3.8.1. 目的构建一个清晰的业务规则规范，其中每条规则都能被针对性地检查。每个规范类中都有一个称为isSatisfiedBy的方法，方法判断给定的规则是否满足规范从而返回 true 或 false。3.8.2. 例子3.8.3. UML Diagram3.8.4. Code你可以在GitHub 中找到这段代码。Item.phpnamespace DesignPatterns\Behavior...
快团团团长如何添加多规格商品？免费教程教你怎么做！
最新发布
2401_83280681的博客
06-30 579
同一产品，不同规格对应不同价格，我们可以通过设置多规格商品来实现第一步：在团购商品中，点击“添加多规格”，可以添加新的规格，也可以选择常用的规格。第二步：设置详细规格的价格、成本和库存，点击完成即可在“团购商品”中点击“编辑”，可以自由选择不同的规格，进行分批设置。（小程序里的批量设置是全部规格的批量设置，不可以对部分规格进行批量设置）
php sku属性,jquery特效 商品SKU属性规格选择实时联动
weixin_32228501的博客
03-10 448
功能：各种属性的值选中后，SKU填写表格进行变动，对属性、属性值的数量自适应，编辑时不因去掉勾选导致原有值不显示所有代码均属原创，现在共享，如果有更好的实现方式，希望互相交流最终实现效果图 HTML代码属性选择：属性内存：无内存4GB8GB16GB颜色：黄色蓝色粉色紫色银色蓝色粉色紫色银色版本：标准版增强版JAVASCRIPT代码//如为编辑页面，HTML代码的Input需设置为checked，J...
php多规格多价格,不同规格的不同价格是怎么实现的呢？？ 看这里
weixin_32409707的博客
03-20 536
处理点击商品规格的时候 显示不同的价格 不知到从何下手？？ 看这里效果如下： 业务逻辑分析：html页面元素：{$spec.name}：{$value.label}用户点击属性规格，发送了什么呢？？$('button').click(function(){spec_arr ='';// 点击button的时候我们需要做二件事情：1 给当前button 添加样式 2 给当前button的// 兄弟清...
商品sku规格选择效果.html
03-25
商品格式为 var sku_list = [ {'sku_key': '10额;20;30;40', 'id': 120, 'store_nums': 100, 'sell_price': '10.7'}, {'sku_key': '10额;21;30;40', 'id': 10, 'store_nums': 1540, 'sell_price': '45.7'}, {'sku...
多规格商城插件.zip
08-14
【标题】"多规格商城插件.zip"是一个专门为FastAdmin框架设计的插件，用于实现电商平台上商品的多规格管理。FastAdmin是一款基于ThinkPHP5.1开发的后台管理系统，其核心特性是快速开发和易用性。这个插件旨在解决在...
php laravel商品sku功能
qq_15572715的博客
08-23 1657
商品sku设计 sku是什么？ 是一种表示库存进出计量的单位，例如，盒，件。如今的sku被广泛引申为某款产品的统一编号的简称，每一个产品都有它独一无二的sku号。sku号包括其商品的品牌、型号、等级、配置、单位、用途、产地、价格、生产日期、保质期等等一系列属性，每一件商品的这些属性与其他任何商品都不一样，这样的商品称为一个单品，其sku号是独一无二的。 从货品角度来讲，sku是指单独的一个商品，商品所有的属性都已经被确定。这可以这么说，只要商品的属性不一样，那么两者的sku就不一样。商品是属性包括：品牌、型
php电子商品无限规格,php实现商品的无限规格实现思路.docx
weixin_40001372的博客
03-10 133
php实现商品的无限规格实现思路.docx 在电子商城项目开发中,会存在同一种商品存在不同规格的情况,如图某型号手机在售卖时用户可以选择的不同规格这里商品的库存量单位SKU便不再是该商品,而是到具体属性组合出的规格,每种规格可能会有不同的售价、运费与库存剩余情况,所以用户在购买时,不仅需要记录所购买的商品ID,同时也需要记录购买的该商品的具体规格。直观分析图示中的规格情况,网络类型、机身颜色、机身...
thinkphp 5开发案例，多维商品属性
10-21
基于thinkphp 5.0开发的多用户商城，支持多维商品属性，支持独立超市（商超一体商城）
phpweb商品页面 仿淘宝 可选择颜色和尺码
07-13
可实现phpweb商品页面 仿淘宝可选择颜色与尺码功能 附有安装说明，安装前请注意备份数据库和文件
thinkphp 5.0多商户商城，支持分销，支持支付宝微信支付，支持多规格
02-09
thinkphp 5.0开发，支持分销，支持支付宝微信支付，支持多规格。 电商系统功能： 系统管理：菜单权限、前台菜单、角色管理、职员管理、登录日志、操作日志、图片空间、商城消息、风格设置 基础设置：商城配置、导航管理、广告管理、广告位置、银行管理、支付管理、地区管理、友情链接、快递管理 会员管理：会员等级、会员管理、账号管理 文章管理：文章管理、文章分类 运营管理：推荐管理、商品推荐、店铺推荐、品牌推荐、财务管理、提现申请、结算管理、商家结算 订单管理：订单管理、订单管理、投诉管理、退款管理 店铺管理：店铺管理、店铺认证、开店申请、店铺管理、停用店铺 商品管理：商品管理、已上架商品、待审核商品、违规商品、商品分类、商品属性、品牌管理、商品规格、评价管理 扩展管理：插件管理、钩子管理 分销管理：分销管理菜单、分销商家列表、分销商品列表、佣金分成列表、推广用户列表 短信接口：中国网建、阿里大于 支付管理：支付宝支付，微信支付、货到付款
电商平台商品属性多规格选择实现
09-21
类似淘宝多属性规格与对应价格功能分析与实现，除此之外，商品分类属性实现，品牌与分类的关系，属性与规格的关系
thinkphp6+layui 实现商品多规格添加编辑
weixin_41965172的博客
04-30 2632
单规格和多规格两种选择 html部分 <div class="more hide"> {include file="../app/admin/view/platform/goods/spec_add.ht </div> 规格部分代码 <div class="layuimini-container"> <div class="layui-fo...
商品sku算法php,笛卡尔乘积-电商网站商品sku组合算法应用
weixin_34329963的博客
03-28 354
笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尓积(Cartesian product)，又称直积，表示为X × Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员。利用笛卡尔乘积算法很方便的应用在电商网站商品sku组合上面，应用实例如下：$data=[['红色','黄色','黑色'],['8G','12G','64G'],['标准','套餐1','套餐2'],//...];...
php多规格处理
dj1540225203的博客
04-25 530
/** * 获取门店规格 * name:caiwh */ public function getShopAttr($shop_id, $onsale=1){ $map = [ 'goods_id' => $this->id, 'shop_id' => $shop_id, 'store_id' => $t...
PHP 实现商品的无限规格实现思路
热门推荐
快乐de馒头
07-22 1万+
在电子商城项目开发中, 会存在同一种商品存在不同规格的情况, 如图某型号手机在售卖时用户可以选择的不同规格: 这里商品的库存量单位(SKU)便不再是该商品, 而是到具体属性组合出的规格, 每种规格可能会有不同的售价、运费与库存剩余情况, 所以用户在购买时, 不仅需要记录所购买的商品 ID, 同时也需要记录购买的该商品的具体规格。 直观分析图示中的规格情况, 网络类型、机身颜
前端sku算法（商品多规格选择）react代码实现
06-01
以下是一个React组件的代码实现，用于实现前端SKU算法的商品多规格选择功能： ```jsx import React, { useState, useEffect } from "react"; const SKUSelector = ({ skuList }) => { const [selectedValues, ...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值