购物车

最新推荐文章于 2023-05-26 14:36:40 发布
最新推荐文章于 2023-05-26 14:36:40 发布
阅读量189 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/F846368440/article/details/82799686
版权

//adapter

public class ShopCartAdapter extends RecyclerView.Adapter<ShopCartHolder> {
    List<ShopBean.DataBean.ListBean> list;
    Context context;

    public ShopCartAdapter(List<ShopBean.DataBean.ListBean> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @NonNull
    @Override
    public ShopCartHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new ShopCartHolder(LayoutInflater.from(context).inflate(R.layout.shop_cart_item,parent,false));
    }

    @Override
    public void onBindViewHolder(@NonNull ShopCartHolder holder, final int position) {
        Glide.with(context).load(list.get(position).getImages().split("\\|")[0]).into(holder.ivShopCartClothPic);
        holder.tvShopCartShopName.setText(list.get(position).getShopName());
        holder.tvShopCartClothPrice.setText("¥" + list.get(position).getPrice());
        holder.etShopCartClothNum.setText(list.get(position).getNum() + "");

        if(list.get(position).getSelected()==0){
            holder.ivShopCartShopSel.setImageDrawable(context.getResources().getDrawable(R.drawable.shopcart_selected));
        }else{
            holder.ivShopCartShopSel.setImageDrawable(context.getResources().getDrawable(R.drawable.shopcart_unselected));
        }
        if (list.get(position).getSelected() == 0) {
            holder.ivShopCartClothSel.setImageDrawable(context.getResources().getDrawable(R.drawable.shopcart_selected));
        } else {
            holder.ivShopCartClothSel.setImageDrawable(context.getResources().getDrawable(R.drawable.shopcart_unselected));
        }

        /* 判断是否显示商铺 */
        if (position > 0) {
            /* 判断是否是同一个商铺的商品 */
            if (list.get(position).getSellerid() == list.get(position - 1).getSellerid()) {
                holder.llShopCartHeader.setVisibility(View.GONE);
            } else {
                holder.llShopCartHeader.setVisibility(View.VISIBLE);
            }
        } else {
            holder.llShopCartHeader.setVisibility(View.VISIBLE);
        }

        // 计算逻辑 与操作
        /* 判断是否全选并计算 */
        if (mOnResfreshListener != null) {
            boolean isSelect = false;
            for (int i = 0; i < list.size(); i++) {
                if (list.get(i).getSelected() == 1) {
                    isSelect = false;
                    break;
                } else {
                    isSelect = true;
                }
            }
            mOnResfreshListener.onResfresh(isSelect);
        }

        /* 商品数量加 */
        holder.ivShopCartClothAdd.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                list.get(position).setNum(list.get(position).getNum() + 1);
                notifyDataSetChanged();
            }
        });

        /* 商品数量减 */
        holder.ivShopCartClothMinus.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (list.get(position).getNum() > 1) {
                    list.get(position).setNum(list.get(position).getNum() - 1);
                    notifyDataSetChanged();
                }
            }
        });

        /* 删除操作 */
        holder.ivShopCartClothDelete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                list.remove(position);
                //重新排序，标记所有商品不同商铺第一个的商品位置
                MainActivity.isSelectFirst(list);
                notifyDataSetChanged();
            }
        });

        /* 单个商品 选中状态 */
        holder.ivShopCartClothSel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                list.get(position).setSelected(list.get(position).getSelected() == 0 ? 1 : 0);
                //通过循环找出不同商铺的第一个商品的位置
                for (int i = 0; i < list.size(); i++) {
                    if (list.get(i).isFirst()) {
                        //遍历去找出同一家商铺的所有商品的勾选情况
                        for (int j = 0; j < list.size(); j++) {
                            //如果是同一家商铺的商品，并且其中一个商品是未选中，那么商铺的全选勾选取消
                            if (list.get(j).getSellerid() == list.get(i).getSellerid() && list.get(j).getSelected() == 1) {
                                list.get(i).setShopSelect(false);
                                break;
                            } else {
                                //如果是同一家商铺的商品，并且所有商品是选中，那么商铺的选中全选勾选
                                list.get(i).setShopSelect(true);
                            }
                        }
                    }
                }
                notifyDataSetChanged();
            }
        });

        /* 商铺选中状态 */
        holder.ivShopCartShopSel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (list.get(position).isFirst()) {
                    // 商铺选中状态执反
                    list.get(position).setShopSelect(!list.get(position).isShopSelect());
                    // 改变商品的选中状态和商铺一样
                    for (int i = 0; i < list.size(); i++) {
                        if (list.get(i).getSellerid() == list.get(position).getSellerid()) {
                            list.get(i).setSelected(list.get(position).isShopSelect() ? 0 : 1);
                        }
                    }
                    notifyDataSetChanged();
                }
            }
        });
    }



    @Override
    public int getItemCount() {
        return list.size();
    }

    // 刷新的接口
    private OnResfreshListener mOnResfreshListener;

    public void setOnResfreshListener(OnResfreshListener mOnResfreshListener) {
        this.mOnResfreshListener = mOnResfreshListener;
    }
}

//OnResfreshListener 结算总价

public interface OnResfreshListener {
    void onResfresh(boolean isSelect);
}

//holder

public class ShopCartHolder extends RecyclerView.ViewHolder {
    public ImageView ivShopCartShopSel;
    public TextView tvShopCartShopName;
    public TextView tvShopCartClothName;
    public TextView tvShopCartClothPrice;
    public TextView etShopCartClothNum;
    public TextView tvShopCartClothColor;
    public TextView tvShopCartClothSize;
    public ImageView ivShopCartClothSel;
    public ImageView ivShopCartClothMinus;
    public ImageView ivShopCartClothAdd;
    public ImageView ivShopCartClothDelete;
    public ImageView ivShopCartClothPic;
    public LinearLayout llShopCartHeader;
    public ShopCartHolder(View itemView) {
        super(itemView);
        llShopCartHeader = itemView.findViewById(R.id.ll_shopcart_header);
        ivShopCartShopSel = itemView.findViewById(R.id.iv_item_shopcart_shopselect);
        tvShopCartShopName = itemView.findViewById(R.id.tv_item_shopcart_shopname);
        tvShopCartClothName = itemView.findViewById(R.id.tv_item_shopcart_clothname);
        tvShopCartClothPrice = itemView.findViewById(R.id.tv_item_shopcart_cloth_price);
        etShopCartClothNum = itemView.findViewById(R.id.et_item_shopcart_cloth_num);
        tvShopCartClothColor = itemView.findViewById(R.id.tv_item_shopcart_cloth_color);
        tvShopCartClothSize = itemView.findViewById(R.id.tv_item_shopcart_cloth_size);
        ivShopCartClothSel = itemView.findViewById(R.id.tv_item_shopcart_clothselect);
        ivShopCartClothMinus = itemView.findViewById(R.id.iv_item_shopcart_cloth_minus);
        ivShopCartClothAdd = itemView.findViewById(R.id.iv_item_shopcart_cloth_add);
        ivShopCartClothPic = itemView.findViewById(R.id.iv_item_shopcart_cloth_pic);
        ivShopCartClothDelete = itemView.findViewById(R.id.iv_item_shopcart_cloth_delete);

    }
}

 

//main主页面

public class MainActivity extends AppCompatActivity {
    private static final String TAG = MainActivity.class.getSimpleName();
    private TextView tvShopCartSubmit, tvShopCartSelect, tvShopCartTotalNum;

    private RecyclerView rlvShopCart, rlvHotProducts;
    private ShopCartAdapter mShopCartAdapter;
    private LinearLayout llPay;
    private RelativeLayout rlHaveProduct;
    private List<ShopBean.DataBean.ListBean> mAllOrderList = new ArrayList<>();
    private ArrayList<ShopBean.DataBean.ListBean> mGoPayList = new ArrayList<>();
    private List<String> mHotProductsList = new ArrayList<>();
    private TextView tvShopCartTotalPrice;
    private int mCount, mPosition;
    private float mTotalPrice1;
    private boolean mSelect;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tvShopCartSelect = findViewById(R.id.tv_shopcart_addselect);
        tvShopCartTotalPrice = findViewById(R.id.tv_shopcart_totalprice);
        tvShopCartTotalNum = findViewById(R.id.tv_shopcart_totalnum);


        rlHaveProduct = findViewById(R.id.rl_shopcart_have);
        rlvShopCart = findViewById(R.id.rlv_shopcart);
        llPay = findViewById(R.id.ll_pay);

        tvShopCartSubmit = findViewById(R.id.tv_shopcart_submit);

        rlvShopCart.setLayoutManager(new LinearLayoutManager(this));
        mShopCartAdapter = new ShopCartAdapter(mAllOrderList,this);
        rlvShopCart.setAdapter(mShopCartAdapter);

        //实时监控全选按钮
        mShopCartAdapter.setOnResfreshListener(new OnResfreshListener() {
            @Override
            public void onResfresh(boolean isSelect) {
                mSelect = isSelect;
                if (isSelect) {
                    Drawable left = getResources().getDrawable(R.drawable.shopcart_selected);
                    tvShopCartSelect.setCompoundDrawablesWithIntrinsicBounds(left, null, null, null);
                } else {
                    Drawable left = getResources().getDrawable(R.drawable.shopcart_unselected);
                    tvShopCartSelect.setCompoundDrawablesWithIntrinsicBounds(left, null, null, null);
                }
                // 计算总价
                float mTotalPrice = 0;
                int mTotalNum = 0;
                mTotalPrice1 = 0;
                mGoPayList.clear();
                // 遍历所有商品 计算总价
                for (int i = 0; i < mAllOrderList.size(); i++)
                    if (mAllOrderList.get(i).getSelected() == 0) {
                        mTotalPrice += mAllOrderList.get(i).getPrice() * mAllOrderList.get(i).getNum();
                        mTotalNum += 1;
                        mGoPayList.add(mAllOrderList.get(i));
                    }
                mTotalPrice1 = mTotalPrice;
                tvShopCartTotalPrice.setText("总价：" + mTotalPrice);
                tvShopCartTotalNum.setText("共" + mTotalNum + "件商品");
            }
        });
        tvShopCartSelect.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mSelect=!mSelect;
                if(mSelect){
                    //全部选中
                    Drawable left = getResources().getDrawable(R.drawable.shopcart_selected);
                    tvShopCartSelect.setCompoundDrawablesWithIntrinsicBounds(left,null,null,null);
                    for(ShopBean.DataBean.ListBean listBean:mAllOrderList){
                        listBean.setSelected(0);
                        listBean.setShopSelect(true);
                    }
                }else{
                    // 全部取消
                    Drawable left = getResources().getDrawable(R.drawable.shopcart_unselected);
                    tvShopCartSelect.setCompoundDrawablesWithIntrinsicBounds(left, null, null, null);
                    for (ShopBean.DataBean.ListBean listBean : mAllOrderList) {
                        listBean.setSelected(1);
                        listBean.setShopSelect(false);
                    }
                }
                mShopCartAdapter.notifyDataSetChanged();
            }
        });
        initData();
    }

    private void initData() {
        OkHttpClient client=new OkHttpClient();
        client.newCall(new Request.
                Builder().
                url("https://www.zhaoapi.cn/product/getCarts?uid=71").
                build()).
                enqueue(new Callback() {
                    @Override
                    public void onFailure(Request request, IOException e) {

                    }

                    @Override
                    public void onResponse(Response response) throws IOException {
                        Gson gson=new Gson();
                        ShopBean bean = gson.fromJson(response.body().string(), ShopBean.class);
                        Log.i(TAG, "shopBean:" + bean.getMsg());
                        for(ShopBean.DataBean dataBean : bean.getData()){
                            for(ShopBean.DataBean.ListBean listBean: dataBean.getList()){
                                    listBean.setShopName(dataBean.getSellerName());
                                    mAllOrderList.add(listBean);
                            }
                        }
                        isSelectFirst(mAllOrderList);
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                mShopCartAdapter.notifyDataSetChanged();
                            }
                        });
                    }

                });
    }
    public static void isSelectFirst(List<ShopBean.DataBean.ListBean> list) {
        if(list.size()>0){
            list.get(0).setFirst(true);
            for(int i=1;i<list.size();i++){
                if(list.get(i).getSelected()==list.get(i-1).getSelected()){
                    list.get(i).setFirst(false);
                }else{
                    list.get(i).setFirst(true);
                }
            }
        }
    }
}

 

//主页面布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 购物车列表 -->
    <RelativeLayout
        android:id="@+id/rl_shopcart_have"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <android.support.v7.widget.RecyclerView
                android:id="@+id/rlv_shopcart"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <View
                android:layout_width="match_parent"
                android:layout_height="50dp" />
        </LinearLayout>

        <!-- 底部支付 -->
        <LinearLayout
            android:id="@+id/ll_pay"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="@color/main_white_text"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_shopcart_addselect"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/margin_10dp"
                android:drawableLeft="@drawable/shopcart_selected"
                android:drawablePadding="@dimen/padding_5dp"
                android:text="全选" />

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/tv_shopcart_totalprice"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="@dimen/padding_10dp"
                    android:paddingTop="@dimen/padding_10dp"
                    android:text="总价：¥0"
                    android:textColor="@color/main_red_text"
                    android:textSize="@dimen/common_font_size_16" />

                <TextView
                    android:id="@+id/tv_shopcart_totalnum"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="@dimen/padding_10dp"
                    android:paddingBottom="@dimen/padding_10dp"
                    android:text="共0件商品"
                    android:textSize="@dimen/common_font_size_14" />

            </LinearLayout>

            <TextView
                android:id="@+id/tv_shopcart_submit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="@dimen/margin_10dp"
                android:background="@drawable/shop_btn"
                android:paddingLeft="@dimen/margin_30dp"
                android:paddingTop="@dimen/padding_10dp"
                android:paddingRight="@dimen/margin_30dp"
                android:paddingBottom="@dimen/padding_10dp"
                android:text="去结算"
                android:textColor="@color/main_white_text" />
        </LinearLayout>
    </RelativeLayout>
</RelativeLayout>

//shop_cart_item

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/main_white_text"
    android:orientation="vertical">
    <LinearLayout
        android:id="@+id/ll_shopcart_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- 距离占位 -->
        <View
            android:id="@+id/view"
            android:layout_width="match_parent"
            android:layout_height="@dimen/margin_10dp"
            android:background="@color/background_color"></View>

        <!-- 商铺 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical">

            <ImageView
                android:id="@+id/iv_item_shopcart_shopselect"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="@dimen/margin_15dp"
                android:paddingTop="@dimen/margin_10dp"
                android:paddingRight="@dimen/margin_15dp"
                android:paddingBottom="@dimen/margin_10dp"
                android:src="@drawable/shopcart_selected" />

            <TextView
                android:id="@+id/tv_item_shopcart_shopname"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:drawableLeft="@drawable/shopcart_shop"
                android:drawablePadding="@dimen/padding_5dp"
                android:padding="@dimen/padding_10dp"
                android:text="宝儿家服装" />

        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <!-- 分隔商铺和商铺的线 -->
            <View
                android:layout_width="match_parent"
                android:layout_height="@dimen/margin_1dp"
                android:background="@color/background_color"></View>

            <!-- 商品名称 -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <!-- 图片占位 为了对其好看 -->
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="@dimen/margin_15dp"
                    android:layout_marginRight="@dimen/margin_15dp"
                    android:src="@drawable/shopcart_selected"
                    android:visibility="invisible" />

                <!-- 显示商品名称的 -->
                <TextView
                    android:id="@+id/tv_item_shopcart_clothname"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:paddingLeft="@dimen/padding_10dp"
                    android:paddingTop="@dimen/padding_10dp"
                    android:text="小米6" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <!-- 选中图片 -->
                <ImageView
                    android:id="@+id/tv_item_shopcart_clothselect"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="@dimen/margin_15dp"
                    android:src="@drawable/shopcart_selected" />

                <!-- 商品图片 -->
                <ImageView
                    android:id="@+id/iv_item_shopcart_cloth_pic"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_margin="@dimen/margin_10dp" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <!-- 商品价钱的TextView -->
                    <TextView
                        android:id="@+id/tv_item_shopcart_cloth_price"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="¥185"
                        android:textColor="@color/main_red_text"
                        android:textSize="@dimen/common_font_size_14" />

                    <!-- 商品的颜色和尺寸 -->
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/margin_5dp"
                        android:layout_marginBottom="@dimen/margin_5dp">

                        <TextView
                            android:id="@+id/tv_item_shopcart_cloth_color"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="颜色：黑色"
                            android:textSize="@dimen/common_font_size_12" />

                        <TextView
                            android:id="@+id/tv_item_shopcart_cloth_size"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="@dimen/margin_10dp"
                            android:text="尺寸：XL"
                            android:textSize="@dimen/common_font_size_12" />

                    </LinearLayout>

                    <!-- 加减键号 商品数量 -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center_vertical">

                        <ImageView
                            android:id="@+id/iv_item_shopcart_cloth_minus"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:src="@drawable/shopcart_minus_grey" />

                        <TextView
                            android:id="@+id/et_item_shopcart_cloth_num"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="@dimen/margin_5dp"
                            android:background="@drawable/shopcart_add_btn"
                            android:paddingLeft="@dimen/padding_20dp"
                            android:paddingTop="@dimen/padding_2dp"
                            android:paddingRight="@dimen/padding_20dp"
                            android:paddingBottom="@dimen/padding_2dp"
                            android:text="1" />

                        <ImageView
                            android:id="@+id/iv_item_shopcart_cloth_add"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="@dimen/margin_5dp"
                            android:src="@drawable/shopcart_add_red" />

                    </LinearLayout>


                </LinearLayout>

                <!-- 竖线 -->
                <View
                    android:layout_width="@dimen/margin_1dp"
                    android:layout_height="match_parent"
                    android:layout_marginTop="@dimen/padding_10dp"
                    android:layout_marginBottom="@dimen/padding_10dp"
                    android:background="@color/splitline_color"></View>

                <!-- 删除的图片 -->
                <ImageView
                    android:id="@+id/iv_item_shopcart_cloth_delete"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="@dimen/margin_20dp"
                    android:src="@drawable/shopcart_delete" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

    <!-- 底部的线 -->
    <View
        android:layout_width="match_parent"
        android:layout_height="@dimen/margin_1dp"
        android:background="@color/background_color"></View>
</LinearLayout>

//color

<!--背景颜色-->
<color name="background_color">#f6f6f6</color>

<!--分割线-->
<color name="splitline_color">#dddddd</color>

<!--文字-->
<color name="main_red_text">#e53e42</color>
<color name="main_white_text">#ffffff</color>

<!--图标-->
<color name="default_icon_color">#999999</color>
<color name="pressed_icon_color">#e53e42</color>

//go_pay

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="@android:color/holo_red_dark" />
    <corners android:radius="20dp" />
</shape>

 

//shop_box

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="@dimen/height_200dp"></corners>
    <stroke android:color="@color/default_icon_color" android:width="1dp"></stroke>
</shape>

//shop_btn

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="@dimen/height_200dp"></corners>
    <solid android:color="@color/pressed_icon_color"></solid>
</shape>

F846368440
关注
购物车实战案例
weixin_42454678的博客
10-26 1018
1. 创建ego-item-web购物车系统 (1) 谈谈购物车的实现过程 用户登录后点击要加入购物车的商品，前台会将商品的id返回给后台，根据商品的id查询数据库，将查询的数据存储到Redis数据库中，商品的id为key，商品的详细信息为value，存储，再将map集合储存到用户的map集合中，用户id为key，存储商品信息的map为value，存储到Redis中。 (2) 谈谈购物车的数据模型...
一个简单的当当网购物车页面，可以实现简单购物
05-29
【标题】：“一个简单的当当网购物车页面”是指一种基于网页技术实现的模拟当当网购物车功能的示例项目。这个项目旨在帮助初学者理解购物车逻辑以及相关前端和后端技术的运用。 【描述】：这个简单购物车页面能够...
学习——购物车设计
calm_encode的博客
08-14 1837
一 概述 对于电商类产品，购物车这个功能是必备的功能，它可以说是电商类产品设计的标配功能。作为平台交易转化最重要的环节之一，每一个细节的调整可能都会带来数据的波动。因此更需要我们对其有深入的思考、小心的求证。 二 购物车的产品结构 三 购物车的业务逻辑 1. 购物车解决什么问题 在前面 Pattern 划分的时候，购物车被归入到了业务类型。也就是说它的设计是分层的，除了基础（default）的设计之外，我们还需要叠加上一层业务的特性，它最终的呈现也与业务有着很强...
商城购物车流程演示
weixin_40964170的博客
07-27 1990
1、环境搭建 创建gulimall-cart模块 switchHost配置服务 cart.gulimall.com 将购物车的静态资源拷贝到nginx的html下 拷贝html文件到template模板下 将cartList.html下的href和src都加上static路径 配置nginx，保持现有 配置application.properties ...
MVC购物车
weixin_62332711的博客
03-27 2865
目录 1.什么是MVC? 2.MVC购物车案例 2.1.数据库的设计 2.2.需要开发的界面 2.3.购物车样式设计 2.4.购物车具体实现代码 第一步：进入购物首页页面绑定数据 第二步：点击加入购物车进入我的购物车页面 第三步：加入到我的购物车，对商品数量的更改以及商品总价的计算 第四步：实现删除我的购物车商品的方法 1.什么是MVC? MVC全名是Model（模型） View（视图） Controller（控制器）。是一种软件设计典范，用一种业务逻辑、数据、...
vue购物车
weixin_71454352的博客
05-26 1499
vue.js制作的一个小型的商品购物车
java购物车
weixin_61657652的博客
09-28 1826
java作业购物车
加入购物车
weixin_45427945的博客
01-26 1647
加入购物车 购物车-创建数据表 1.使用use命令先选中store数据库。 USE store; 2.在store数据库中创建t_cart用户数据表。 CREATE TABLE t_cart ( cid INT AUTO_INCREMENT COMMENT '购物车数据id', uid INT NOT NULL COMMENT '用户id', pid INT NOT NULL COMMENT '商品id', price BIGINT COMMENT '加入时商品单价', num INT COM
购物车系统设计
JavaEdge全是干货的技术号
12-13 4831
购物车系统的主要功能包括：加购、购物车列表页和结算下单核心实体：只有一个“购物车”实体至少包括：SKUID、数量、加购时间和勾选状态属性购物车内的数据在多端一致用户登录前后购物车内商品能无缝衔接除了每个用户的“用户购物车”，还要实现一个“暂存购物车”保存用户未登录时加购的商品，并在用户登录后自动合并“暂存购物车”和“用户购物车”。暂存购物车存储在客户端浏览器或App，可存放到Cookie或LocalStorage。Redis存储会有更高的性能，可以支撑更多的并发请求。
当当购物车页面_当当购物车页面_html网页购物车_js当当购物车_
10-01
下面将详细阐述这两个技术在实现购物车功能中的应用及其相关知识点。 1. HTML（超文本标记语言）：HTML是网页设计的基础，用于定义网页的结构和内容。在购物车页面中，HTML元素如`<table>`、`<tr>`、`<td>`用于创建...
微信小程序完美购物车抛物线（飞入效果）+ 回到顶部
12-24
在微信小程序开发中，创建一个引人入胜的用户体验至关重要，而购物车的动画效果是提升用户交互体验的重要组成部分。本教程将详细讲解如何实现"微信小程序完美购物车抛物线（飞入效果）+ 回到顶部"这一功能。 让我们...
微信小程序Demo-购物车-附完整源代码.rar
03-20
微信小程序Demo-购物车是一款专为微信小程序开发者打造的购物车功能示例项目。该项目包含了完整的购物车功能实现，包括商品的添加、删除、修改数量以及结算等功能。同时，该项目还提供了丰富的界面设计和用户体验...
javaWeb+servlet实现简单的购物车系统
12-30
javaWeb+servlet实现简单的购物车系统 1、技术栈 javaWeb + servlet + tomcat + html + css 2、需求说明 （1）设计一个商品展示html页面 （2）点击“添加到购物车”这一超链接后跳转到一个Servlet，在该Servlet中...
少儿编程scratch项目源代码文件案例素材-方形跑步者.zip
最新发布
05-03
少儿编程scratch项目源代码文件案例素材-方形跑步者.zip
Rust编译器诊断：友好的借用检查提示.pdf
05-03
文档支持目录章节跳转同时还支持阅读器左侧大纲显示和章节快速定位，文档内容完整、条理清晰。文档内所有文字、图表、函数、目录等元素均显示正常，无任何异常情况，敬请您放心查阅与使用。文档仅供学习参考，请勿用作商业用途。 Rust 以内存安全、零成本抽象和并发高效的特性，重塑编程体验。无需垃圾回收，却能通过所有权与借用检查机制杜绝空指针、数据竞争等隐患。从底层系统开发到 Web 服务构建，从物联网设备到高性能区块链，它凭借出色的性能和可靠性，成为开发者的全能利器。拥抱 Rust，解锁高效、安全编程新境界！
mmap高级用法：Rust内存映射文件性能优化.pdf
05-03
文档支持目录章节跳转同时还支持阅读器左侧大纲显示和章节快速定位，文档内容完整、条理清晰。文档内所有文字、图表、函数、目录等元素均显示正常，无任何异常情况，敬请您放心查阅与使用。文档仅供学习参考，请勿用作商业用途。 Rust 以内存安全、零成本抽象和并发高效的特性，重塑编程体验。无需垃圾回收，却能通过所有权与借用检查机制杜绝空指针、数据竞争等隐患。从底层系统开发到 Web 服务构建，从物联网设备到高性能区块链，它凭借出色的性能和可靠性，成为开发者的全能利器。拥抱 Rust，解锁高效、安全编程新境界！
三菱PLC5u与台达变频器Modbus RTU通讯全套方案：含PLC与触摸屏程序、接线定义及详细注释
05-03
内容概要：本文详细介绍了三菱PLC 5u与台达变频器通过Modbus RTU协议进行通讯的全过程。涵盖了硬件接线方法，确保RS-485接口正确连接；变频器参数设置，包括通讯地址、波特率、数据格式等关键参数的调整；PLC程序编写，利用Modbus RTU功能块实现数据读写；以及威纶通触摸屏程序配置，提供友好的人机交互界面。每一步骤均配有详尽解释和实例代码，确保实施过程顺畅。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是对PLC和变频器通讯有一定了解的基础用户。 使用场景及目标：适用于需要将三菱PLC 5u与台达变频器集成到同一系统中的工程项目，旨在建立稳定的通讯链路，实现高效的数据交换和远程控制。通过本文的学习，可以掌握完整的通讯解决方案，提高系统的可靠性和可控性。 其他说明：文中提供了丰富的调试技巧和常见问题解决方法，如通讯超时排查、CRC校验注意事项等，有助于快速定位并解决问题。同时附带了完整的程序包和接线图，便于实际应用。
网上购物车session实现示例
本篇文章将详细介绍购物车功能的实现机制，特别是通过Servlet技术在Java Web应用程序中构建购物车的示例。 **一、购物车概念与功能** 购物车是网上商店模拟现实生活中购物行为的重要组成部分，允许用户在浏览商品...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值