仿京东购物车

最新推荐文章于 2021-09-04 21:57:55 发布
最新推荐文章于 2021-09-04 21:57:55 发布
阅读量171 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41927301/article/details/83384268
版权 
public interface CartView {
    void success(CartBean cartBean);
    void failure(String msg);
}

public class CartPresenter {
    CartView cartView;

    public CartPresenter(CartView cartView) {
        this.cartView = cartView;
    }

    public void getCartData(int uid) {
        Observable<CartBean> cart = HttpUtils.getHttpUtilsInstance().api.getCart(uid);
        cart.subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Observer<CartBean>() {
                    @Override
                    public void onSubscribe(Disposable d) {

                    }

                    @Override
                    public void onNext(CartBean cartBean) {
                        cartView.success(cartBean);
                    }

                    @Override
                    public void onError(Throwable e) {
                        Log.e("CartPresenter", "错误");
                    }

                    @Override
                    public void onComplete() {

                    }
                });
    }
}
public interface CartAllCheckLinstener {
    void notifyAllCheckboxStatus();
}

 

购物车布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#ccc"
        android:gravity="center">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="8"
            android:gravity="center_horizontal"
            android:text="购物车"
            android:textSize="25dp" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:gravity="center"
            android:text="编辑"
            android:textSize="18dp" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#909090" />

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

    <RelativeLayout
        android:id="@+id/cart_bottom_layout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.75"
        android:background="#CCCCCC"
        android:padding="5dp"
        android:textColor="#C0C0C0">

        <CheckBox
            android:id="@+id/allCheckbox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true" />

        <TextView
            android:id="@+id/totalpriceTv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/allCheckbox"
            android:text="总价:￥0.0" />

        <Button
            android:id="@+id/buy"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:background="#f70404"
            android:gravity="center"
            android:text="去结算"
            android:textColor="#fff"
            android:textSize="20dp" />
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#CCCCCC" />


</LinearLayout>

CartAdapter布局

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#999999" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <CheckBox
            android:id="@+id/checkBox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/sellerName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="商家" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#999999" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/cartYiRev"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class CartAdapter extends RecyclerView.Adapter<CartAdapter.ViewHolder> implements CheckListener, ItemTouchHelperAdapter {

    Context context;
    List<CartBean.DataBean> list;
    CheckListener checkListener;
    CartAllCheckLinstener cartAllCheckLinstener;
    private List<CartBean.DataBean.ListBean> listBeans;

    public void setCartAllCheckLinstener(CartAllCheckLinstener cartAllCheckLinstener) {
        this.cartAllCheckLinstener = cartAllCheckLinstener;
    }

    public CartAdapter(Context context, List<CartBean.DataBean> list) {
        this.context = context;
        this.list = list;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.cart_itemlayout, parent, false);
        return new ViewHolder(inflate);
    }

    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {
        final CartBean.DataBean dataBean = list.get(position);
        holder.sellerName.setText(list.get(position).getSellerName());
        holder.checkBox.setChecked(dataBean.isSelected());

        for (int i = 0; i < dataBean.getList().size(); i++) {
            if (!dataBean.getList().get(i).isSelected()) {
                holder.checkBox.setChecked(false);
                break;
            } else {
                holder.checkBox.setChecked(true);
            }
        }
        listBeans = this.list.get(position).getList();
        CartRevAdapter adapter = new CartRevAdapter(context, this.list.get(position).getList());
        holder.recyclerView.setAdapter(adapter);

        adapter.setOnItemClickListener(new CartRevAdapter.OnItemClickListener() {
            @Override
            public void onItemClicklistener(int ItemPosition) {
                boolean inCheck = listBeans.get(ItemPosition).isSelected();
                if (!inCheck){
                    list.get(position).setSelected(false);
                }else {
                    for (int i = 0; i < listBeans.size(); i++) {
                        if (listBeans.get(i).isSelected()){
                            list.get(position).setSelected(true);
                        }else {
                            list.get(position).setSelected(false);
                        }
                    }
                }
                notifyItemChanged(position);

            }
        });

        for (int i = 0; i < dataBean.getList().size(); i++) {
            if (!dataBean.getList().get(i).isSelected()) {
                holder.checkBox.setChecked(false);
                break;
            } else {
                holder.checkBox.setChecked(true);
            }
        }

        holder.checkBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (holder.checkBox.isChecked()) {
                    dataBean.setSelected(true);
                    for (int i = 0; i < dataBean.getList().size(); i++) {
                        dataBean.getList().get(i).setSelected(true);
                    }
                } else {
                    dataBean.setSelected(false);
                    for (int i = 0; i < dataBean.getList().size(); i++) {
                        dataBean.getList().get(i).setSelected(false);
                    }
                }
                notifyDataSetChanged();
                if (cartAllCheckLinstener != null) {
                    cartAllCheckLinstener.notifyAllCheckboxStatus();
                }
            }
        });
    }

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

    @Override
    public void notifyParpen() {
        notifyDataSetChanged();
        if (cartAllCheckLinstener != null) {
            cartAllCheckLinstener.notifyAllCheckboxStatus();
        }
    }

    @Override
    public void onItemMove(int fromPosition, int toPosition) {
        Collections.swap(list, fromPosition, toPosition);
        notifyItemMoved(fromPosition, toPosition);
    }

    @Override
    public void onItemDismiss(int position) {
        list.remove(position);
        notifyItemChanged(position);
    }

    public class ViewHolder extends RecyclerView.ViewHolder {

        CheckBox checkBox;
        RecyclerView recyclerView;
        TextView sellerName;

        public ViewHolder(View itemView) {
            super(itemView);

            sellerName = itemView.findViewById(R.id.sellerName);
            checkBox = itemView.findViewById(R.id.checkBox);
            recyclerView = itemView.findViewById(R.id.cartYiRev);
            recyclerView.setLayoutManager(new LinearLayoutManager(context));
        }
    }

    public List<CartBean.DataBean> getDate() {
        return list;
    }
}

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:background="@drawable/jia_jian_bg"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/jian"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="-"
        android:textSize="25sp" />

    <View
        android:layout_width="1px"
        android:layout_height="match_parent"
        android:background="#999999" />

    <EditText
        android:id="@+id/num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="#00000000"
        android:gravity="center"
        android:text="1" />

    <View
        android:layout_width="1px"
        android:layout_height="match_parent"
        android:background="#999999" />

    <TextView
        android:id="@+id/jia"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="+"
        android:textSize="25sp" />
</LinearLayout>





public class MyJiaJianView extends LinearLayout {

    private TextView jiaTv,jiantv;
    private EditText numEt;
    private int num = 1;
    public MyJiaJianView(Context context) {
        this(context,null);
    }

    public MyJiaJianView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public MyJiaJianView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }
    //初始化自定义的布局
    private void init(Context context) {
        View view = LayoutInflater.from(context).inflate(R.layout.my_jiajian,this,true);
        jiantv = view.findViewById(R.id.jian);
        jiaTv = view.findViewById(R.id.jia);
        numEt = view.findViewById(R.id.num);
        numEt.setText(num+"");

        jiaTv.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                num++;
                numEt.setText(num+"");
                if (jiaJianListener!=null){
                    jiaJianListener.getNum(num);
                }
            }
        });
        jiantv.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                num--;
                if (num<=0){
                    Toast.makeText(getContext(), "数量不能小于1", Toast.LENGTH_SHORT).show();
                    num = 1;
                }
                numEt.setText(num+"");

                if (jiaJianListener!=null){
                    jiaJianListener.getNum(num);
                }
            }
        });
    }
    public void setNumEt(int n) {
        numEt.setText(n+"");
        num = Integer.parseInt(numEt.getText().toString());
    }
    private JiaJianListener jiaJianListener;

    public void setJiaJianListener(JiaJianListener jiaJianListener) {
        this.jiaJianListener = jiaJianListener;
    }
    public interface JiaJianListener{
        void getNum(int num);
    }
}

 

 

cart_rev_item
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:gravity="center_vertical"
    android:orientation="horizontal">

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

    <CheckBox
        android:id="@+id/Rev_item_chekBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/Rev_item_sim"
        android:layout_width="80dp"
        android:background="@mipmap/ic_launcher"
        android:layout_marginLeft="15dp"
        android:layout_height="80dp" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/Rev_item_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="@string/app_name" />

        <RelativeLayout
            android:layout_marginTop="15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/Rev_item_product"
                android:layout_alignParentLeft="true"
                android:text="优惠价：¥99.99"
                android:textColor="@android:color/holo_red_light"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <com.example.jingd.app.MyJiaJianView
                android:id="@+id/jiajianqi"
                android:layout_alignParentRight="true"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        </RelativeLayout>
    </LinearLayout>


</LinearLayout>


public class CartRevAdapter extends RecyclerView.Adapter<CartRevAdapter.ViewHolder> {

    Context context;
    List<CartBean.DataBean.ListBean> list;
    CheckListener checkListener;
    CartAllCheckLinstener cartAllCheckLinstener;
    OnItemClickListener onItemClickListener;

    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }

    public void setCheckListener(CheckListener checkListener) {
        this.checkListener = checkListener;
    }

    public void setCartAllCheckLinstener(CartAllCheckLinstener cartAllCheckLinstener) {
        this.cartAllCheckLinstener = cartAllCheckLinstener;
    }

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

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.cart_rev_item, parent, false);
        return new ViewHolder(inflate);
    }

    @Override
    public void onBindViewHolder(final ViewHolder holder, final int position) {
        final CartBean.DataBean.ListBean listBean = list.get(position);
        holder.product.setText(list.get(position).getPrice() + "");
        holder.title.setText(list.get(position).getTitle());
        Uri uri = Uri.parse(list.get(position).getImages().split("\\|")[0]);
        holder.simpleDraweeView.setImageURI(uri);
        holder.checkBox.setChecked(list.get(position).isSelected());

        holder.checkBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (holder.checkBox.isChecked()) {
                    list.get(position).setSelected(true);
                } else {
                    list.get(position).setSelected(false);
                }
                notifyItemChanged(position);
                onItemClickListener.onItemClicklistener(position);
            }
        });

        holder.myJiaJianView.setNumEt(list.get(position).getNum());
        holder.myJiaJianView.setJiaJianListener(new MyJiaJianView.JiaJianListener() {
            @Override
            public void getNum(int num) {
                listBean.setNum(num);
                if (checkListener != null) {
                    checkListener.notifyParpen();
                }
            }
        });
        holder.myJiaJianView.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                if (holder.checkBox.isChecked()) {
                    listBean.setSelected(true);
                } else {
                    listBean.setSelected(false);
                }
                if (checkListener != null) {
                    checkListener.notifyParpen();
                }
            }
        });
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder {

        TextView product, title;
        CheckBox checkBox;
        SimpleDraweeView simpleDraweeView;
        MyJiaJianView myJiaJianView;

        public ViewHolder(View itemView) {
            super(itemView);
            checkBox = itemView.findViewById(R.id.Rev_item_chekBox);
            simpleDraweeView = itemView.findViewById(R.id.Rev_item_sim);
            title = itemView.findViewById(R.id.Rev_item_title);
            product = itemView.findViewById(R.id.Rev_item_product);
            myJiaJianView = itemView.findViewById(R.id.jiajianqi);
        }
    }

    interface OnItemClickListener {
        void onItemClicklistener(int position);
    }
}


public class CartFragment extends Fragment implements CartView, CartAllCheckLinstener {

    @BindView(R.id.carGV)
    RecyclerView carGV;
    @BindView(R.id.allCheckbox)
    CheckBox allCheckbox;
    @BindView(R.id.totalpriceTv)
    TextView totalpriceTv;
    @BindView(R.id.buy)
    Button buy;
    Unbinder unbinder;
    private CartAdapter adapter;
    private List<CartBean.DataBean> list;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View inflate = inflater.inflate(R.layout.cartfragment_layout, container, false);
        unbinder = ButterKnife.bind(this, inflate);
        CartPresenter cartPresenter = new CartPresenter(this);
        cartPresenter.getCartData(71);
        initView();
        initData();
        return inflate;
    }

    private void initData() {
        list = new ArrayList<>();
        allCheckbox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (allCheckbox.isChecked()) {
                    if (list != null && list.size() > 0) {
                        for (int i = 0; i < list.size(); i++) {
                            list.get(i).setSelected(true);
                            for (int i1 = 0; i1 < list.get(i).getList().size(); i1++) {
                                list.get(i).getList().get(i1).setSelected(true);
                            }
                        }
                    }
                } else {
                    for (int i = 0; i < list.size(); i++) {
                        list.get(i).setSelected(false);
                        for (int i1 = 0; i1 < list.get(i).getList().size(); i1++) {
                            list.get(i).getList().get(i1).setSelected(false);
                        }
                    }
                }
                adapter.notifyDataSetChanged();
                numm();
            }
        });
    }

    private void numm() {
        double product = 0;
        for (int i = 0; i < adapter.getDate().size(); i++) {
            for (int i1 = 0; i1 < adapter.getDate().get(i).getList().size(); i1++) {
                if (adapter.getDate().get(i).getList().get(i1).isSelected()) {
                    CartBean.DataBean.ListBean listBean = adapter.getDate().get(i).getList().get(i1);
                    product += listBean.getBargainPrice () * listBean.getTotalNum();
                }
            }
            totalpriceTv.setText("总价:￥" + product);

        }
    }

    private void initView() {
        carGV.setLayoutManager(new LinearLayoutManager(getActivity()));
    }

    @Override
    public void success(CartBean cartBean) {
        list = cartBean.getData();
        adapter = new CartAdapter(getActivity(), cartBean.getData());
        carGV.setAdapter(adapter);
        adapter.setCartAllCheckLinstener(this);

    }

    @Override
    public void failure(String msg) {

    }

    @Override
    public void notifyAllCheckboxStatus() {
        StringBuilder stringBuilder = new StringBuilder();
        if (adapter != null) {
            for (int i = 0; i < adapter.getDate().size(); i++) {
                stringBuilder.append(adapter.getDate().get(i).isSelected());
                for (int i1 = 0; i1 < adapter.getDate().get(i).getList().size(); i1++) {
                    stringBuilder.append(adapter.getDate().get(i).getList().get(i1).isSelected());
                }
            }
        }
        if (stringBuilder.toString().contains("false")) {
            allCheckbox.setChecked(false);
        } else {
            allCheckbox.setChecked(true);
        }
        numm();

    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        unbinder.unbind();
    }

}
临丶
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
仿京东购物车页面
04-18
仿京东购物车页面仿京东购物车页面仿京东购物车页面仿京东购物车页面仿京东购物车页面仿京东购物车页面
jQuery模仿京东商城购物车
09-13
jQuery模仿京东商城购物车，可查看购物车商品，删除商品，登录等功能。
电商 仿京东 购物车布局页面
qq_41917499的博客
07-30 1214
 ## activity_main &lt;RelativeLayout android:id="@+id/buttom_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" ...
仿京东购物车布局
cdGuoXianSheng的博客
01-18 507
//购物车主布局    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    andr
仿京东购物车网页页面.html
03-25
简单的网页还原，自己练习自写代码。实现了购物车静态页面的布局，样式等操作步骤。
ios-仿京东购物车.zip
07-11
在iOS开发领域，仿京东购物车的实现是一个常见的练习，旨在模拟京东购物车的功能和交互。这个项目"ios-仿京东购物车.zip"包含了开发者在短时间内构建的一个简易购物车模型，可能包含了一些基本的购物车功能，如商品...
iOS仿京东购物车demo
09-20
仿京东购物车demo，详情请看Git上的代码，会不断完善。
仿京东购物车数量加减控件
05-05
总结来说，仿京东购物车数量加减控件涉及前端UI设计、事件处理、数据验证和可能的前后端交互。通过这个控件，用户可以便捷地管理购物车中的商品数量，而开发者则需要考虑用户体验、功能完整性和系统性能。在实际开发...
HTML+CSS仿京东购物车页面静态页面
06-27
HTML和CSS是网页设计的基础，本项目以"HTML+CSS仿京东购物车页面静态页面"为主题，旨在通过实例教学帮助开发者掌握如何利用这两种语言构建一个类似京东购物车的交互式界面。下面将详细讲解其中涉及的关键知识点。 1...
jQuery京东右侧边栏购物车功能菜单代码
11-19
jQuery京东右侧边栏购物车功能菜单代码 jQuery京东右侧边栏购物车功能菜单代码 jQuery京东右侧边栏购物车功能菜单代码 jQuery京东右侧边栏购物车功能菜单代码
jquery仿京东鼠标悬浮购物车特效
09-07
jquery仿京东鼠标悬浮购物车特效，视觉特效，鼠标悬浮飞入购物车
ExpandableListView:仿京东购物车折叠listview列表
05-18
##一、简介在日常开发，有可能会遇到需要一些可以展开的列表，比如QQ的好友列表。但是，用Android的该怎么做呢？其实在我没有接触过ExpandableListView类之前，都是自定义控件继承于ListView或者ListView嵌套...
27 Flutter仿京东商城项目 购物车之 实现数量加减 以及获取加入购物车的数据29分13秒.rar
03-25
在本项目中，我们主要探讨的是如何使用Flutter框架来构建一个仿京东商城的购物车功能，特别是关于商品数量的加减以及如何获取并处理加入购物车的数据。Flutter是一款由Google开发的开源UI工具包，它允许开发者快速地...
jQuery实现仿京东防抖动菜单效果示例
10-18
主要介绍了jQuery实现仿京东防抖动菜单效果,结合实例形式分析了jQuery事件响应及页面属性动态操作相关实现技巧,需要的朋友可以参考下
使用js jquery去搭建完成京东购物车
这个名字没什么特点的博客
01-22 1512
使用js jquery去搭建完成京东购物车使用html css完成基本页面使用js完成动态效果使用jquery完成动态效果 使用html css完成基本页面 html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <link rel="stylesheet" type="text/css" hre
Flutter-防京东商城项目-编写购物车界面模拟数据-25
weixin_38716347的博客
09-04 146
一直觉得自己写的不是技术，而是情怀，一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的，希望我的这条路能让你们少走弯路，希望我能帮你们抹去知识的蒙尘，希望我能帮你们理清知识的脉络，希望未来技术之巅上有你们也有我。 在开始编写之前先把Tabs的导航栏去掉.然后在home,category,cart,user页面分别自定义自己的导航栏，因为cart(购物车)要自定义，其他页面将来可能要自定义。 1.首先先改tabs页面 删除 已有的导航栏。 Widget build(BuildConte
JQuery编写简易京东购物车功能
Ping_Pig的博客
01-10 2366
前天无意间看到有一位程序员的博客，有一篇名为无聊时编写的购物车，看了之后，只是觉得很垃圾，因为代码很臃肿，当然我写的也不咋地，当然我也是复习一下所学的js，再敲这个的期间遇到了如下问题,1:子元素父元素的混乱使用，层次没了解清楚就上手写！2：类型转换的问题，其中结算部分的ParesFloat和ParesInt以及.toFixed(2)的四舍五入,类型的把握，当然因为懒得弄，所以就直接写在了html
jquery 获取div下的span_使用jquery实现jd购物车
weixin_39759107的博客
11-23 266
首先实现我们还是把之前的html静态页面搭建好<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jd 购物车</title> <link rel="stylesheet" type="text/css" href="../css/gu...
jquery仿京东购物车
最新发布
12-29
以下是使用jQuery仿京东购物车的示例代码： ```html <!DOCTYPE html> <title>jQuery仿京东购物车 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> $(document).ready(function() { /...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值