首页 > 编程语言 > 详细

springboot+thymeleaf+mybatis逆向工程和pageHelper(3)

时间:2020-02-06 09:44:31      阅读:82      评论:0      收藏:0      [点我收藏+]

thymeleaf-+按钮:

  前端:

技术分享图片

  html:

                                        <td  style="vertical-align:middle" th:text="${product.price}"></td>
                                        <td  style="vertical-align:middle">
                                            <span style="margin:5px;padding-left:5px;padding-right: 5px;border:1.5px solid #ccc;" th:onclick="|javascript:jian(this,${product.id})|">-</span>
                                            <span th:text="${product.quantity}"></span>
                                            <span style="margin:5px;padding-left:5px;padding-right: 5px;border:1.5px solid #ccc;" th:onclick="|javascript:jia(this,${product.id})|">+</span>
                                        </td>

  js:

    //增加:
    function jia(obj,productId) {
        var button =$(obj);//表示当前按钮
        var numButton=button.prev();
        //获取购物车商品总额:
        var sumPricePre = button.parent().parent().children("td").eq(3);
        var sumPrice = sumPricePre[0].textContent;
        sumPrice = parseInt(sumPrice);
        var num=numButton.text();
        num=parseInt(num);
        //与数据库通信:
        //发送‘+‘的请求
        $.ajax({
            url:"/addShop/"+productId,
            success:function(data){
                if(data.trim()=="failed"){
                    alert("操作失败!");
                }else{
                    num++;
                    data = parseInt(data);
                    sumPrice+=data;
                    sumPricePre[0].textContent = sumPrice;
                    numButton.text(num);
                }
            }
        });
    }
    //减少:
    function jian(obj,productId){
        var button=$(obj);
        var numButton=button.next();
        var num=numButton.text();
        num=parseInt(num);

        //获取购物车商品总额:
        var sumPricePre = button.parent().parent().children("td").eq(3);
        var sumPrice = sumPricePre[0].textContent;
        sumPrice=parseInt(sumPrice);
        //得到单件商品的价格:
        var price = sumPrice/num;

        if(num==1){
            return;
        }

        $.ajax({
            url:"/reduceShop/"+productId,
            success:function(data){
                if(data.trim()=="failed"){
                    alert("操作失败!");
                }else{
                    num--;
                    sumPrice-=price;
                    sumPricePre[0].textContent = sumPrice;
                    numButton.text(num);
                }
            }
        });

    }

springboot+thymeleaf+mybatis逆向工程和pageHelper(3)

原文:https://www.cnblogs.com/lyjblogg/p/12230607.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!