（电商类）上拉加载下拉刷新产品列表页

最新推荐文章于 2020-08-24 19:45:56 发布
最新推荐文章于 2020-08-24 19:45:56 发布
阅读量534 收藏
点赞数
分类专栏： android移动端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33560481/article/details/81171789
版权

在现在很多的电商类购物APP上都会有产品列表模块，

用到的技术点：

ListVIew 和 RecyclerView二选一. （目前android5.0推出的RecyclerView 目前使用更广泛）

SmartRefreshLayout智能刷新

fresco图片加载 不去占用App的堆内存，是用的手机上的虚拟内存。不会造成图片的OOM.fresco还是渐进式加载图片。提高用户体验效果。缺点就是打包的时候占的比较多。

上代码↓

package pers.zhangguoqiang.demo.productlist;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DividerItemDecoration;
import android.support.v7.widget.RecyclerView;

import com.google.gson.Gson;
import com.scwang.smartrefresh.layout.SmartRefreshLayout;
import com.scwang.smartrefresh.layout.api.RefreshLayout;
import com.scwang.smartrefresh.layout.listener.OnLoadMoreListener;
import com.scwang.smartrefresh.layout.listener.OnRefreshListener;

import org.xutils.view.annotation.ContentView;
import org.xutils.view.annotation.ViewInject;
import org.xutils.x;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.UnsupportedEncodingException;
import java.util.ArrayList;
import java.util.List;

import cn.pedant.SweetAlert.SweetAlertDialog;
import pers.zhangguoqiang.demo.order_recyclerview.MyLinerLayoutManager;
import zhang.guo.qiang.R;

/**
 * Created by zhangguoqiang on 2018/7/24.
 * 用到技术 xutils  Fresco RecyclerView
 * Fresco初始化和xutils类似 先添加依赖关系  再初始化到application中
 */
//先上下文 然后初始化recyclerview 初始化 集合，初始化刷新控件SmartRefreshLayout  加载数据
@ContentView(R.layout.productlist_activity)
public class ProductListActivity extends AppCompatActivity {
    private RefreshLayout smartRefresh;
    @ViewInject(R.id.recyclerview)
    private RecyclerView recyclerview;
    private Context con;
    private List<OroductListBean> mList;
    private AdapterProductList adapter;
    private OroductListBean olb;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        con = this;
        x.view().inject(this);
        init();

    }

    private void init() {
        smartRefresh = (RefreshLayout) findViewById(R.id.smartrefresh);
        initData();//数据有关
        initView();//布局有关

    }

    private void initView() {
        mList = new ArrayList<OroductListBean>();
        adapter = new AdapterProductList(con);
        recyclerview.setLayoutManager(new MyLinerLayoutManager(con));//默认水平的布局
        recyclerview.setAdapter(adapter);
        recyclerview.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL));
        mList.addAll(initData());
        adapter.addData(mList);
        setListener();//设置监听
    }

    /**
     * @return assest 文件转成 对象
     */
    private ArrayList<OroductListBean> initData() {
        InputStream is = null;
        try {
            is = getResources().getAssets().open("test.json");
        } catch (IOException e) {
            e.printStackTrace();
        }
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        byte[] bytes = new byte[1024];
        int length;
        try {
            while ((length = is.read(bytes)) != -1) {
                baos.write(bytes, 0, length);
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        try {
            Gson gson = new Gson();
            Root root = gson.fromJson(new String(baos.toByteArray(), "UTF-8"), Root.class);
            mList = root.getDynamic();
            return (ArrayList<OroductListBean>) mList;
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        return null;
    }


    private void setListener() {
        adapter.setOnClick(new AdapterProductList.OnClick() {
            @Override
            public void itmeClicl(int pos) {
                new SweetAlertDialog(con)
                        .setTitleText("跳往订单详情页面!")
                        .show();
            }
        });

        smartRefresh.setOnRefreshListener(new OnRefreshListener() {
            @Override
            public void onRefresh(RefreshLayout refreshLayout) {
                //添加条件 设置下拉刷新 具体的自己定
                initData();
                smartRefresh.finishRefresh(2000);
            }
        });
        smartRefresh.setOnLoadMoreListener(new OnLoadMoreListener() {
            @Override
            public void onLoadMore(RefreshLayout refreshLayout) {
                //添加条件 设置上拉加载 具体的自己定
                initData();
                smartRefresh.finishLoadMore();
            }
        });
    }

}

布局文件↓

productlist_activity.xml

<?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:background="@color/bg_color"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:padding="@dimen/dp_10">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/left_one" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="我的产品列表"
            android:textSize="21sp" />
    </RelativeLayout>
    <!--上拉下拉-->
    <com.scwang.smartrefresh.layout.SmartRefreshLayout
        android:id="@+id/smartrefresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--列表-->
        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerview"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </android.support.v7.widget.RecyclerView>

    </com.scwang.smartrefresh.layout.SmartRefreshLayout>

</LinearLayout>

 

Adapter↓

import android.content.Context;
import android.net.Uri;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import org.xutils.view.annotation.ViewInject;
import org.xutils.x;

import java.util.ArrayList;
import java.util.List;

import zhang.guo.qiang.R;

/**
 * Created by zgq on 2018/7/24.
 * <p>
 * 产品类表的adapter
 */

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

    //    上下文 data集合 打气筒
    private Context con;
    private LayoutInflater inflater;
    private List<OroductListBean> datas;
    public OnClick onClick;

    public void setOnClick(OnClick onClick) {
        this.onClick = onClick;
    }

    public AdapterProductList(Context con) {
        this.con = con;
        datas = new ArrayList();
        inflater = LayoutInflater.from(con);
    }

    //recyclerView 的类调用 传进来数据
    public void addData(List<OroductListBean> datas) {
        this.datas = datas;
        AdapterProductList.this.notifyDataSetChanged();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        return new ProductViewHolder(inflater.inflate(R.layout.productdetail_activity, null));
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int pos) {
        if (holder instanceof ProductViewHolder) {
            ((ProductViewHolder) holder).mProductName.setText(datas.get(pos).getUsername());//名称
            ((ProductViewHolder) holder).mProductPrice.setText(datas.get(pos).getPrice());//价格
            ((ProductViewHolder) holder).mProductSize.setText(datas.get(pos).getFldsize() + "号");//规格
            ((ProductViewHolder) holder).mProductcolor.setText(datas.get(pos).getFldcolor());//颜色
            ((ProductViewHolder) holder).mProductImg.setImageURI(Uri.parse(datas.get(pos).getImages()));//图片
            ((ProductViewHolder) holder).mProductNumber.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    onClick.itmeClicl(pos);
                }
            });

        }
    }

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


    public interface OnClick {
        void itmeClicl(int pos);
    }

    private class ProductViewHolder extends RecyclerView.ViewHolder {
        @ViewInject(R.id.layout_order_item)
        private LinearLayout mOrderItemLayout;
        @ViewInject(R.id.iv_order_product_img)
        private ImageView mProductImg;
        @ViewInject(R.id.tv_order_product_name)
        private TextView mProductName;
        @ViewInject(R.id.tv_order_product_price)
        private TextView mProductPrice;
        @ViewInject(R.id.tv_order_product_size)
        private TextView mProductSize;
        @ViewInject(R.id.tv_order_product_color)
        private TextView mProductcolor;
        @ViewInject(R.id.tv_order_product_number)
        private TextView mProductNumber;

        public ProductViewHolder(View itemView) {
            super(itemView);
            x.view().inject(this, itemView);

        }
    }
}

布局文件↓

productdetail_activity

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout_order_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="1dp"
    android:background="@drawable/recycler_item_selector"
    android:orientation="horizontal">


    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/iv_order_product_img"
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:layout_margin="@dimen/dp_10"
        android:scaleType="center" />

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

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp">

            <TextView
                android:id="@+id/tv_order_product_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_marginTop="10dp"
                android:layout_toLeftOf="@+id/tv_order_product_price"
                android:ellipsize="end"
                android:maxLength="15"
                android:singleLine="true"
                android:text="名称"
                android:textColor="@color/black"
                android:textSize="14dp" />

            <TextView
                android:id="@+id/tv_order_product_price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBaseline="@+id/tv_order_product_name"
                android:layout_alignParentRight="true"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="@dimen/dp_10"
                android:text="价格"
                android:textColor="@color/black"
                android:textSize="14dp"
                android:visibility="gone" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/tv_order_p"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="颜色:"
                android:textColor="@color/common_text_color"
                android:textSize="11sp" />

            <TextView
                android:id="@+id/tv_order_product_color"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBaseline="@+id/tv_order_p"
                android:layout_marginLeft="5dp"
                android:layout_toRightOf="@+id/tv_order_p"
                android:text="m号"
                android:textColor="@color/common_text_color"
                android:textSize="11sp" />

            <TextView
                android:id="@+id/tv_order_product"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/tv_order_p"
                android:layout_marginTop="5dp"
                android:text="规格:"
                android:textColor="@color/common_text_color"
                android:textSize="11sp" />

            <TextView
                android:id="@+id/tv_order_product_size"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/tv_order_product"
                android:layout_marginLeft="5dp"
                android:layout_toRightOf="@+id/tv_order_product"
                android:text="m号"
                android:textColor="@color/common_text_color"
                android:textSize="11sp" />

            <TextView
                android:id="@+id/tv_order_product_number"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_below="@+id/tv_order_product"
                android:layout_marginBottom="@dimen/dp_5"
                android:background="@drawable/button_bg"
                android:paddingBottom="@dimen/dp_5"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="@dimen/dp_5"
                android:text="购买"
                android:layout_marginRight="@dimen/dp_10"
                android:textColor="@android:color/white"
                android:textSize="16sp" />
        </RelativeLayout>
    </LinearLayout>
</LinearLayout>

实体类↓

OroductListBean

package pers.zhangguoqiang.demo.productlist;

/**
 * Created by zhangguoqiang on 2018/7/24.
 * <p>
 * 产品列表实体类
 */

public class OroductListBean {
    private String username;

    private String createTime;

    private String fldsize;

    private String fldcolor;

    private String count;

    private String images;

    private String priseNum;

    private String price;

    public String getPrice() {
        return price;
    }

    public void setPrice(String price) {
        this.price = price;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getCreateTime() {
        return createTime;
    }

    public void setCreateTime(String createTime) {
        this.createTime = createTime;
    }

    public String getFldsize() {
        return fldsize;
    }

    public void setFldsize(String fldsize) {
        this.fldsize = fldsize;
    }

    public String getFldcolor() {
        return fldcolor;
    }

    public void setFldcolor(String fldcolor) {
        this.fldcolor = fldcolor;
    }

    public String getCount() {
        return count;
    }

    public void setCount(String count) {
        this.count = count;
    }

    public String getImages() {
        return images;
    }

    public void setImages(String images) {
        this.images = images;
    }

    public String getPriseNum() {
        return priseNum;
    }

    public void setPriseNum(String priseNum) {
        this.priseNum = priseNum;
    }
}

在main文件夹下建一个assets文件夹。创建资源文件  test.json

{
  "dynamic": [
    {
      "username": "生态棉纯棉婴儿尿布",
      "createTime": "08-07 13:12",
      "fldsize": "45",
      "fldcolor": "白色",
      "count": "10片装",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/29/img2018629155713392.jpg",
      "priseNum": "23",
      "price": "30"
    },
    {
      "username": "草本防蚊贴",
      "createTime": "08-07 13:12",
      "fldsize": "45",
      "fldcolor": "白色",
      "count": "5",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img2018630104911897.jpg",
      "priseNum": "43",
      "price": "20"
    },
    {
      "username": "儿童水壶",
      "createTime": "08-07 13:12",
      "fldsize": "23",
      "fldcolor": "迷彩色",
      "count": "10",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img201863015111215.jpg",
      "priseNum": "12",
      "price": "25"
    },
    {
      "username": "婴儿夏季薄款抱被",
      "createTime": "08-07 13:12",
      "fldsize": "450",
      "fldcolor": "米黄色",
      "count": "2",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/29/img201862915632714.jpg",
      "priseNum": "345",
      "price": "150"
    },
    {
      "username": "企鹅硅胶磨牙棒(2个装",
      "createTime": "08-07 13:12",
      "fldsize": "333",
      "fldcolor": "玉米色",
      "count": "6",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/29/img2018629165750874.jpg",
      "priseNum": "323",
      "price": "15"
    },
    {
      "username": "洗发沐浴露",
      "createTime": "08-07 13:12",
      "fldsize": "322",
      "fldcolor": "白色",
      "count": "9",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img2018630171640839.jpg",
      "level": "重要",
      "priseNum": "222",
      "price": "40"
    },
    {
      "username": "钻石积木 拼插玩具",
      "createTime": "08-07 13:12",
      "fldsize": "12",
      "fldcolor": "彩色",
      "count": "8",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img201863017252896.png",
      "priseNum": "4",
      "price": "130"
    },
    {
      "username": "宝宝护理套装",
      "createTime": "08-07 13:12",
      "fldsize": "23",
      "fldcolor": "粉色",
      "count": "45",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img2018630175253388.jpg",
      "priseNum": "12",
      "price": "100"
    },
    {
      "username": "绿豆蛙儿童亲润面霜",
      "createTime": "08-07 13:12",
      "fldsize": "12",
      "fldcolor": "乳白色",
      "count": "79",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img2018630173946206.jpg",
      "priseNum": "1"
    },
    {
      "username": "小颗粒积木",
      "createTime": "08-07 13:12",
      "fldsize": "22",
      "fldcolor": "彩色",
      "count": "35",
      "images": "http://110.249.209.151:5005/YLImages/2018/6/30/img2018630173111113.png",
      "priseNum": "23",
      "price": "110"
    }
  ]
}

主项目Moudle build.gradle下添加依赖

compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.5.1'<!--刷新控件-->compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'<!--列表 -->
compile 'com.facebook.fresco:fresco:0.12.0'<!--/图片加载库 缺点就是会增大apk的大小-->

 

 

 

 

 

国强张
关注
专栏目录
jquery手机端上拉刷新下拉加载更多数据
01-12
jquery手机端上拉刷新下拉加载更多数据，滚动、滑动加载数据
购物车 上拉加载 下拉刷新
puLiQingbopu的博客
08-11 383
首页 <template> <div> <van-row> <van-col span="6"> <van-sidebar v-model="activeKey"> <van-sidebar-item v-for="item in cate" :key="item.cid" :title="item.cname"
Gridview上拉加载更多动态商品数据
12-13
Gridview上拉加载更多动态商品数据
jQuery上拉刷新下拉加载效果代码
02-18
jQuery上拉刷新下拉加载效果代码
jquery 下拉刷新上拉加载
05-04
jquery iscroll下拉刷新
上拉加载下拉刷新源码
12-18
上拉加载和下拉刷新是移动应用开发中常见的功能，特别是在数据流滚动界面，如新闻、社交媒体或电商应用中。这两个特性使得用户可以方便地获取更多数据或更新现有信息，而无需离开当前页面。本代码分享主要探讨了实现...
pulltorefresh上拉加载下拉刷新
05-17
标题中的“PullToRefresh”通常指的是Android和iOS应用开发中的一种常见交互设计，即“上拉加载/下拉刷新”功能。这个功能允许用户通过在屏幕底部向上滑动（上拉加载更多内容）或在顶部向下滑动（下拉刷新当前内容）...
Android下拉刷新上拉加载更多
09-30
在Android应用开发中，"下拉刷新"和"上拉加载更多"是常见的用户体验功能，尤其是在数据列表场景中，如新闻、社交媒体或者电商应用。这两个功能使得用户可以方便地获取新内容或者查看历史数据，无需离开当前页面。...
listview gridview 上拉加载 下拉刷新 包含6个demo
11-11
为了提升用户体验，"上拉加载"和"下拉刷新"功能应运而生。这些功能使得用户在接近列表顶部时可以刷新数据，在接近底部时可以加载更多内容，无需手动滚动到列表的起始或结束位置。 "上拉加载"通常称为"无限滚动"或...
上拉加载下拉刷新
01-18
在前端开发中，“上拉加载下拉刷新”是一种常见的用户交互设计，主要用于数据量较大、需要分页显示的场景。这种设计能够提升用户体验，让用户在滚动页面时无需手动翻页，即可自动加载更多内容或者更新数据。以下是...
jQuery移动端下拉刷新、上拉加载更多插件
08-16
jQuery移动端下拉刷新、上拉加载更多插件，实现移动端常见的下拉刷新和上拉加载更多功能。
自定义上拉加载更多的ListView配合SwipeRefreshLayout实现列表刷新加载
04-01
自定义上拉加载更多的ListView配合SwipeRefreshLayout实现列表刷新加载 详见:http://blog.csdn.net/u012080791/article/details/68941684
页面下拉显示更多加载内容的代码
10-22
页面下拉显示更多加载内容的代码，包括手指向上拖动，下面显示更多的条目内容
移动电商——Flutter-列表页_上拉加载功能的制作
aming小老弟
08-24 260
QQ 1274510382 Wechat JNZ_aming 商业联盟 QQ群538250800 技术搞事 QQ群599020441 解决方案 QQ群152889761 加入我们 QQ群649347320 共享学习 QQ群674240731 纪年科技aming 网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。 ...
仿美团商品选购下拉菜单实现
u014486880的博客
03-09 3925
感觉自己还是很少写实际应用实现的博客。最近在找实习，写博客时间少了，但还是要坚持。今天这篇博客来讲下电商应用中常见的选择类别下拉列表的实现。先看下效果图： 一、下拉列表的实现 其实实现方法有很多，这时实现的也没有什么技术含量，只是总结下自己在项目中的做法，也提供一个思路。 首先是列表的数据，一般数据都是从后台读过来，这里因为没有后台，所以写死在客户端： private void i
jQuery+Asp.net 实现简单的下拉加载更多功能
weixin_30871293的博客
04-13 306
原来做过的商城项目现在需要增加下拉加载的功能，简单的实现了一下。大概可以整理一下思路跟代码。 把需要下拉加载的内容进行转为JSON处理存在当前页面： <script type="text/javascript">var objson = eval([{"Id":"5991","product_name":"正品璐瑶颈肩按摩器 披肩颈椎按摩","order_by":"98569...
asp.net 仿百度动态加载下拉菜单
生如夏花之灿烂！
01-11 2597
最近要做一个仿百度动态下拉菜单的功能。网上资料挺多，不过本人较笨，弄了很久才搞定，分享给需要的朋友。   页面Js代码如下： 当然txtEmpno就是页面上的文本框了，我要做的是根据入职的信息动态在列表中显示用户编号和用户名。   <!-- $(document).ready(function() { readyForEdit(false);
安卓 跳转淘宝、京东app,并打开商品详情页
热门推荐
LiSiFeng19的博客
01-12 7万+
网上很多关于跳转淘宝商品详情页的代码，找了很久没有找到京东跳转方法，尝试仿照淘宝的方法，报错java.lang.SecurityException: Permission Denial: starting Intent { act=android.intent.action.VIEW dat=https://item.jd.com/... cmp=com.jingdong.app.mall/com.jd.lib.productdetail.ProductDetailActivity } from Proce
微信小程序电商实战：列表加载与flex布局
在接下来的内容中，教程可能会详细介绍如何使用flex和rpx来创建列表，包括下拉刷新、上拉加载更多等常见功能的实现，以及如何优化性能和处理数据分页。掌握这些技术，开发者将能够构建出更加高效和用户友好的电商类...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值