前后端分离 ---购物车

购物车不仅仅可以存在服务端的rredis中和MySQL中

也可以存在前端的cookie中

 

//购物车

    var Cart = function () {

什么是前后端分离开发，        this.Count = 0;

        this.Total = 0;

        this.Items = new Array();

    };

    //购物车集合对象

    var CartItem = function () {

java前后端分离用什么技术、        this.Id = 0;

        this.Name = "";

        this.Count = 0;

        this.Price = 0;

    };

 

如何实现前后端完全分离、    //购物车操作

    var CartHelper = function () {

        this.cookieName = "{$member_id}_repast_cart";

        this.Clear = function () {

            var cart = new Cart();

            this.Save(cart);

如何理解前后端分离。            return cart;

        };

 

        //向购物车添加

        this.Add = function (id, name, count, price) {

            var cart = this.Read();

前后端分离概念？            var index = this.Find(id);

 

            if(count==0){

                this.Del(id);

 

            }else{

java购物车实现流程，                //如果ID已存在，覆盖数量

                if (index > -1) {

                    cart.Total -= (((cart.Items[index].Count * 100) * (cart.Items[index].Price * 100)) / 10000);

                    cart.Items[index].Count = count;

                    cart.Total += (((cart.Items[index].Count * 100) * (cart.Items[index].Price * 100)) / 10000);

 

web前后端分离？                } else {

                    var item = new CartItem();

                    item.Id = id;

                    item.Name = name;

                    item.Count = count;

                    item.Price = price;

javaweb购物车系统。                    cart.Items.push(item);

                    cart.Count++;

                    cart.Total += (((item.Count * 100) * (item.Price * 100)) / 10000);

                    // console.log(cart);

                    // cart.Total += (((cart.Items[index].Count * 100) * (cart.Items[index].Price * 100)) / 10000);

                }

为什么要前后端分离、                cart.Total=Math.round(cart.Total * 100) / 100;

                this.Save(cart);

            }

 

            return cart;

        };

前后端分离模式。        //改变数量

        this.Change = function (id, count) {

            var cart = this.Read();

            var index = this.Find(id);

            cart.Items[index].Count = count;

            this.Save(cart);

flask前后端分离，            return cart;

        };

        //移出购物车

        this.Del = function (id) {

            var cart = this.Read();

            var index = this.Find(id);

什么叫前后端分离。            if (index > -1) {

                var item = cart.Items[index];

                cart.Count--;

                cart.Total = cart.Total - (((item.Count * 100) * (item.Price * 100)) / 10000);

                cart.Items.splice(index, 1);

                this.Save(cart);

web前端添加购物车功能，            }

 

            return cart;

 

        };

        //根据ID查找

前后端分离是什么意思，        this.Find = function (id) {

            var cart = this.Read();

            var index = -1;

            for (var i = 0; i < cart.Items.length; i++) {

                if (cart.Items[i].Id == id) {

                    index = i;

前后端分离后怎么交互，                }

            }

            return index;

        };

        //COOKIE操作

        this.Save = function (cart) {

            var source = "";

            for (var i = 0; i < cart.Items.length; i++) {

                if (source != "") { source += "|$|"; }

                source += this.ItemToString(cart.Items[i]);

            }

            $.cookie(this.cookieName, source);

        };

        this.Read = function () {

            //读取COOKIE中的集合

            var source = $.cookie(this.cookieName);

            var cart = new Cart();

            if (source == null || source == "") {

                return cart;

            }

            var arr = source.split("|$|");

            cart.Count = arr.length;

            for (var i = 0; i < arr.length; i++) {

                var item = this.ItemToObject(arr[i]);

                cart.Items.push(item);

                cart.Total += (((item.Count * 100) * (item.Price * 100)) / 10000);

            }

            return cart;

        };

        this.ItemToString = function (item) {

            return item.Id + "||" + escape(item.Name) + "||" + item.Count + "||" + item.Price;

        };

        this.ItemToObject = function (str) {

            var arr = str.split('||');

            var item = new CartItem();

            item.Id = arr[0];

            item.Name = unescape(arr[1]);

            item.Count = arr[2];

            item.Price = arr[3];

            return item;

        };

    };

    //调用

    var xc=new CartHelper();

    //id,名称,数量，价格    数量为0的话直接删除

    xc.Add(id,c_name,num,price);

 

这个方法会用的话非常简单~·