微擎模块开发-微擎小程序商城购物车功能详解（后端篇）

最新推荐文章于 2023-08-10 10:46:40 发布
最新推荐文章于 2023-08-10 10:46:40 发布
阅读量518 收藏
点赞数
分类专栏： 前端 后端 文章标签： 小程序 php javascript 经验分享 程序人生
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dgtgihtyyvii/article/details/107604969
版权

购物车是商城系统的重要组成部分之一，也是本次课程的难点之一。

设计思路

  1. 用户在商品详情页点击“加入购物车”按钮，添加商品至购物车；
  2. 当用户点击购物车底部菜单时，获取用户购物车商品数据，若用户没有登录则跳转至会员登陆界面；
  3. 修改购物车商品选中状态；
  4. 购物车全选功能和反选功能，当有一个商品不处于选中状态，全选也取消选中状态；
  5. 获取用户第一次打开购物车时的商品数据的结算总价，购物车中的商品是随时更新的，不能在onload()中执行，只能在onshow()中执行；
  6. 用户在购物车界面，修改购物车商品选中状态，结算总价也会跟着改变；
创建cart购物车数据表
CREATE TABLE `shancloudy`.`ims_shangcheng_xk_cart` ( 
	`id` INT UNSIGNED NOT NULL AUTO_INCREMENT , 
	`goods_name` VARCHAR(100) NOT NULL COMMENT '商品名称' , 
	`price` DECIMAL(10,2) NOT NULL DEFAULT '0' COMMENT '商品价格' , 
	`member_id` MEDIUMINT NOT NULL COMMENT '会员ID' , 
	`goods_id` MEDIUMINT NOT NULL COMMENT '商品ID' , 
	`goods_num` MEDIUMINT NOT NULL DEFAULT '0' COMMENT '购买商品数量' , 
	`selected` TINYINT(1) NOT NULL DEFAULT '1' COMMENT '是否被选中' , 
PRIMARY KEY (`id`)) ENGINE = InnoDB;

微擎模块开发-微擎小程序商城购物车功能详解(小康课堂)

购物车cart.wxml文件
<!--shangcheng_xk/pages/cart/cart.wxml-->
<view class="container">
	<view class="cart">
		<view class="cart-title">
			<view class="sendfree">
				<text>满包邮</text>
				<text>全场满88元包邮，还差15.8元</text>
			</view>
			<view class="collage">去凑单></view>
		</view>	
		<scroll-view scroll-y="true" style="height: {{screenHeight}}px;" >
			<view class="cart-list">
				<view class="cart-item" wx:for="{{ cartGoods }}" wx:key="id">
					<view class="left" >
						<icon type="success" size="18" color="#ff6700" wx:if="{{ item.selected==1 }}" data-index="{{ index }}" bindtap="modifyStatus"></icon>
						<icon type="circle" size="18" wx:else data-index="{{ index }}" bindtap="modifyStatus"></icon>
					</view>
					<view class="center">
						<image src="{{ item.image }}" mode="widthFix"></image>
					</view>
					<view class="right">
						<view class="goods-info">
							<text class="goods-title">{{ item.goods_name }}</text>
							<text class="goods-desc">{{ item.goods_desc}}</text>
						</view>
						<view class="goods-saleinfo">
							<view class="goods-price">
								<text>￥</text>
								<text>{{ item.now_price}}</text>
								<text>{{ item.original_price}}</text>
							</view>
							<!-- <view class="goods-num">
								<text>-</text>
								<input type="number" maxlength="3" value="1"></input>
								<text>+</text>
							</view> -->
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
	<view class="buy">
		<view class="buy-left">
			<view class="choose" bindtap="checkAll" wx:if="{{ checkAlltype }}">
				<icon type="success" size="20" color="#ff6700"></icon>
				<text>全选</text>
			</view>
			<view class="choose" bindtap="checkAll" wx:else>
				<icon type="circle" size="20" color="#ff6700"></icon>
				<text>全选</text>
			</view>
			<view class="price">
				<view>
					<text class="total">总计：</text>
					<text class="total-price">￥{{ goodsTotalPrice }}</text>
				</view>
				<view>
					<text class="send">配送费：￥5.00</text>
				</view>
			</view>
		</view>
		<view class="buy-right">
			结算
		</view>
	</view>
</view>
购物车cart.js文件
// shangcheng_xk/pages/cart/cart.js
var app = getApp();
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		screenHeight: '',
		cartGoods: '',
		checkAlltype: false,
		goodsTotalPrice: ''
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		var goodsId = options.goodsId
		var that = this
		// 获取屏幕滚动区域的高度
		wx.getSystemInfo({
			success: function (res) {
				var screenHeight = res.windowHeight - 55 - 60
				that.setData({
					screenHeight: screenHeight
				})
			},
		})

		this.getCartInfo()
	},
	// 获取购物车商品数据
	getCartInfo: function () {
		var that = this
		var memberInfo = wx.getStorageSync('member')
		if (memberInfo) {
			var memberId = memberInfo.id
			app.util.request({
				url: 'entry/wxapp/cart',
				data: {
					m: 'shangcheng_xk',
					memberId: memberId
				},
				success(res) {
					that.setData({
						cartGoods: res.data.data
					})
				}
			});
		} else {
			wx.showToast({
				title: '您还有没登录...',
				icon: 'success',
				duration: 2000
			})
			setTimeout(function () {
				wx.switchTab({
					url: '/shangcheng_xk/pages/member/member',
				})
			}, 2000)
		}
	},

	// 修改购物车选中状态
	modifyStatus: function (e) {
		var that = this
		var cartGoods = that.data.cartGoods
		var memberInfo = wx.getStorageSync('member')
		var goodsIndex = e.currentTarget.dataset.index
		var goodsInfo = cartGoods[goodsIndex]
		if (goodsInfo['selected'] == 1) {
			goodsInfo['selected'] = 0
		} else {
			goodsInfo['selected'] = 1
		}
		that.setData({
			cartGoods: cartGoods
		})
		var member_id = memberInfo.id
		var goods_id = goodsInfo.id
		var selected = goodsInfo.selected
		that.modifyCartStatus(member_id, goods_id, selected)

	},
	modifyCartStatus: function (member_id, goods_id, selected) {
		var that = this
		app.util.request({
			url: 'entry/wxapp/modifyCartStatus',
			data: {
				m: 'shangcheng_xk',
				member_id: member_id,
				goods_id: goods_id,
				selected: selected
			},
			success(res) {
				if (res.data.data.status == 1) {
					that.setData({
						checkAlltype: true
					})
				} else {
					that.setData({
						checkAlltype: false
					})
				}
				wx.showToast({
					title: '修改成功',
					icon: 'success',
					duration: 2000
				})
			}
		})

		this.getGoodsTotalPrice()
	},

	// 购物车全选功能
	checkAll: function () {
		var that = this
		var checkAlltype = !that.data.checkAlltype
		var cartGoods = that.data.cartGoods
		if (checkAlltype) {
			for (var i = 0; i < cartGoods.length; i++) {
				cartGoods[i]['selected'] = 1;
			}
		} else {
			for (var i = 0; i < cartGoods.length; i++) {
				cartGoods[i]['selected'] = 0;
			}
		}
		that.setData({
			cartGoods: cartGoods,
			checkAlltype: checkAlltype
		})
		that.modifyCheckAll()
		that.getGoodsTotalPrice()
	},
	modifyCheckAll: function () {
		var that = this
		var status = that.data.checkAlltype
		var memberInfo = wx.getStorageSync('member')
		var memberId = memberInfo.id
		if (status) {
			var selected = 1
		} else {
			var selected = 0
		}
		app.util.request({
			url: 'entry/wxapp/modifyCheckAll',
			data: {
				m: 'shangcheng_xk',
				selected: selected,
				member_id: memberId
			},
			success(res) {}
		});
	},

	// 获取第一次打开购物车界面商品总价
	getFirstGoodsTotalPrice: function () {
		var that = this
		var memberInfo = wx.getStorageSync('member')
		var memberId = memberInfo.id
		app.util.request({
			url: 'entry/wxapp/getFirstGoodsTotalPrice',
			data: {
				m: 'shangcheng_xk',
				member_id: memberId
			},
			success(res) {
				// console.log(res.data.data)
				that.setData({
					goodsTotalPrice: res.data.data
				})
			}
		});
	},

	// 获取修改购物车商品状态时购物车界面商品总价
	getGoodsTotalPrice: function () {
		var that = this
		var cartGoods = that.data.cartGoods
		var goodsTotalPrice = 0
		for (var i = 0; i < cartGoods.length; i++) {
			if (cartGoods[i]['selected'] == 1) {
				goodsTotalPrice = Number(goodsTotalPrice) + Number(cartGoods[i]['now_price'])
			}
		}
		that.setData({
			goodsTotalPrice: goodsTotalPrice
		})
	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady: function () {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: function () {
		this.getCartInfo()
		this.getFirstGoodsTotalPrice()
	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide: function () {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload: function () {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh: function () {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom: function () {

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage: function () {

	}
})
购物车wxapp.php文件
	// 添加购物车数据
	public function doPageCartAdd(){
		global $_W,$_GPC;
        $errno = 0;
		$message = '返回消息';
		$data = array();
		$memberId = $_GPC['memberId'];
		$goodsId = $_GPC['goodsId'];
		$goodsRes = pdo_get('shangcheng_xk_goods',['id'=>$goodsId]);
		if($goodsRes){
			$data = [
			    'goods_id'		=>$goodsRes['id'],
				'member_id'		=>$memberId
			];
			$cartData = pdo_get('shangcheng_xk_cart',$data);
			if(!$cartData){
				$cartRes = pdo_insert('shangcheng_xk_cart',$data);
				if($cartRes){
					$data['status'] = 1;
					return $this->result($errno, '加入购物车成功', $data);
				}else{
					$data['status'] = 0;
					return $this->result($errno, '加入购物车失败', $data);
				}
			}else{
				$data['status'] = 3;
				return $this->result($errno, '商品已添加至购物车', $data);
			}
		}
		
		return $this->result($errno, $message, $data);
	}

	// 获取用户购物车列表数据
	public function doPageCart(){
		global $_W,$_GPC;
        $errno = 0;
		$message = '返回消息';
		$data = array();
		$memberId = $_GPC['memberId'];
		$cartRes = pdo_getall('shangcheng_xk_cart',['member_id'=>$memberId]);
		if($cartRes){
			foreach ($cartRes as $k => $v) {
				$goodsRes[] = pdo_get('shangcheng_xk_goods',['id'=>$v['goods_id']]);
				$goodsRes[$k]['selected'] = $v['selected'];
			}
			foreach ($goodsRes as $k1 => $v1) {
		        $goodsRes[$k1]['goods_name']	= cutstr($v1['goods_name'],22,true);
		        $goodsRes[$k1]['goods_desc']	= cutstr($v1['goods_desc'],22,true);
				$goodsImg[] = pdo_get('shangcheng_xk_goodsimages',['goodsid'=>$v1['id']]);
				foreach ($goodsImg as $k2 => $v2) {
					$goodsRes[$k1]['image'] = $_W['attachurl'].$v2['image'];
				}
			}
			if($goodsRes){
				return $this->result($errno, $message, $goodsRes);
			}
		}
	}

	// 修改购物车选中状态
	public function doPageModifyCartStatus(){
		global $_W,$_GPC;
        $errno = 0;
		$message = '返回消息';
		$data = array();
		$selected = $_GPC['selected'];
		$data = [
			'member_id'	=>$_GPC['member_id'],
			'goods_id'	=>$_GPC['goods_id']
		];
		$modifyRes = pdo_update('shangcheng_xk_cart',['selected'=>$selected],$data);
		$selectednum = pdo_fetchcolumn("SELECT COUNT(*) FROM ".tablename('shangcheng_xk_cart')."WHERE member_id = ".$_GPC['member_id']." and selected = 1");
		
		$allnum = pdo_fetchcolumn("SELECT COUNT(*) FROM ".tablename('shangcheng_xk_cart')."WHERE member_id = ".$_GPC['member_id']);
		if($selectednum == $allnum){
			$data['status'] = 1;
		}else{
			$data['status'] = 0;
		}
		return $this->result($errno, '修改成功', $data);
	}

	// 修改购物车全选状态
	public function doPageModifyCheckAll(){
		global $_W,$_GPC;
        $errno = 0;
		$message = '返回消息';
		$data = array();
		$selected = $_GPC['selected'];
		$member_id = $_GPC['member_id'];
		$modifyRes = pdo_update('shangcheng_xk_cart',['selected'=>$selected],['member_id'=>$member_id]);
		if($modifyRes){
			return $this->result($errno, '全选修改成功', ['res'=>1]);
		}else{
			return $this->result($errno, '全选修改失败', ['res'=>0]);
		}
		
	}

	// 获取第一次打开购物车界面商品总价
	public function doPageGetFirstGoodsTotalPrice(){
		global $_W,$_GPC;
        $errno = 0;
		$message = '返回消息';
		$data = array();
		$data = [
			'member_id'	=>$_GPC['member_id'],
			'selected'	=>1
		];
		$goodsRes = pdo_getall('shangcheng_xk_cart',$data);
		if($goodsRes){
			foreach ($goodsRes as $k => $v) {
				$goodsPrice = pdo_getcolumn('shangcheng_xk_goods',['id'=>$v['goods_id']],'now_price');
				$goodsTotalPrice += $goodsPrice;
			}

			return $this->result($errno, '获取商品成功', $goodsTotalPrice);
		}else{
			return $this->result($errno, '获取商品失败', ['res'=>0]);
		}
	}

以上就是本节课的主要内容，如果有看不懂的同学可以联系小编，还有一个好消息，就是如果文字教程大家看着比较费劲的话，可以关注小编，在8月份小编录制的视频教程就要正式上线了，到时候会对微擎框架进行更有深度的解析，与大家一起交流学习心得。

小康课堂
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
15、wxapp - 小程序登录以及全局参数 - 微擎小程序模块应用开发
X.Maker 技术博客
03-22 2562
通过对 app.js 文件的调整建立，我们接下来要将对应的 微信小程序登录方法，以及全局参数的获取方法对应编写出来。 接口的文件位于PC后端管理目录下/addons/sx_haodian/wxapp.php在当前文件新增微信登录方法的接口代码： public function doPageLogin(){ global $_GPC, $_W; $code = ...
25、login.wxml 小程序登录 - 微擎小程序模块应用开发
X.Maker 技术博客
03-23 679
登录调用文件位于小程序端 sx_haodian\sx_haodian\components 文件夹内，起名为 login.wxml <view class="go-login" wx:if="{{is_login}}"> <view class="layout" id="gologin" style="{{gologin}}"> <view...
使用Taro实现小程序商城的购物车功能模块的实例代码
11-20
Taro 是一套遵循 React 语法规范的 多端开发 解决方案。 现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ/京东小程序、快应用、H5、React-Native 等）运行的代码。 官方文档：https://nervjs.github.io/taro/ 项目已上传
微擎模块开发-微擎小程序商城商品分类前端与后端通信详解（后端篇）
dgtgihtyyvii的博客
07-22 588
本节课主要完成了小程序首页顶级分类展示，和分类页面数据展示以及切换分类的数据展示； 微擎小程序商城商品分类页面category.wxml <!--shangcheng_xk/pages/category/category.wxml--> <view class="container"> <view class="left"> <view class="cate-left"> <block wx:for=.
购物车-前后端分离版
吴小恒的博客
03-30 4455
前言 看了很多网上关于购物车的内容，感觉没一个可以用的。现在用到购物车的场景太多了，各种APP，小程序，网站都有。 先说一下前后端分离问题。 在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。这种应用模式比较适合纯网页应用，但是当后端对接App时，App可...
UNIAPP实战项目笔记67 加入购物车的前端和后端交互
Ggome的博客
05-11 488
前端代码 shopcart.js details.vue 目录结构 前端目录结构 manifest.json 配置文件： appid、logo…pages.json 配置文件： 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置：样式、全局监视static 静态资源：图片、字体图标page 页面components 组件common 公共文件：全局css文件 || 全局js
微擎模块开发-微擎小程序商城全部订单功能详解（后端篇）
dgtgihtyyvii的博客
08-02 1162
在用户中心，点击全部订单，可以看到待付款、待发货、待收货、待评价等各个状态下的订单。 我的订单设计思路 获取用户订单中心订单信息； 支付成功后修改订单为代发货； 点击订单商品后，跳转至订单详情； 获取待付款、待发货、待评价等订单状态数据 我的订单myorder.wxml <!--shangcheng_xk/pages/order/myorder/myorder.wxml--> <view class="container"> <view class="order-ti.
PHP工程改成微擎的步骤_15 分钟，用微擎快速开发一个毒鸡汤小程序
weixin_39541844的博客
01-03 1357
1. 创建微擎模块前往微擎(w7.cc)开发者控制台，点击 应用管理->应用列表->创建应用，填写信息后得到一个应用模块 ID(标识)创建完毕后返回进入，点击新建版本->设计新版本->完成创建版本成功后，点击编辑，然后下拉到底部，首先我们下载 modulezip 文件(后端程序)下载后，上传到你的微擎网站目录的 addons 目录，解压成如下格式，如图所示：至此...
手把手教你搭建微擎小程序模块安装教程
软希网分享源码的博客
03-03 8048
最近很多网友都在问站长微擎小程序如何配置使用，微擎小程序配置 查看更多关于 微擎小程序配置 的文章 主要分几类，之前已经写过人人商城小程序的配置教程了，大家反响非常好，简单就学会了配置人人商城小程序。今天站长编写一篇关于擎小程序通用配置图文教程，教会你怎么配置微擎小程序！ 1、先安装微擎系统 2、去下载微擎小程序，这里以微同城小程序为列，教大家如何配置微擎小程序。和谐的小程序必须和谐的微擎系统 3、将对应的步数兑换小程序后端文件夹wys_tongcheng上传到微擎的addons目录下
Json 编写 PoC&EXP 遇到的那些坑
Innocence_0的博客
08-10 166
.- 编写过程中还是遇到了很多问题，大部分算是解决了，当然一些需求还是需要用 go 写，希望能帮助还不会 go 语言的小伙伴们通过 json 去编写 PoC/EXP。文章来自Goby社区成员：HuaiNian，转载请注明出处。Params 不是当做输出信息来用的，而是为了给 EXP 传参用的。最后问了 Goby 的师傅说目前使用 json编写要想在 output 处实现这样的需求是不行的，想要实现的话只能使用 go 来编写了。
微擎模块开发-微擎小程序商城商品订单功能详解（后端篇）
dgtgihtyyvii的博客
08-02 819
CREATE TABLE `shancloudy`.`ims_shangcheng_xk_order` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `out_trade_no` VARCHAR(18) NOT NULL COMMENT '交易订单号' , `total_price` DECIMAL(10,2) NOT NULL DEFAULT '0' COMMENT '总价格' , `member_id` MEDIUMINT NOT NULL COMMENT
微擎模块开发-微擎小程序商城购物车页面布局详解（前端篇）
dgtgihtyyvii的博客
07-19 532
主要分类三大部分，满包邮标题、购物车列表、总结结算 本节课程就稍微有点难度了，主要用到了scroll-view组件，还有一个就是微擎小程序的一个函数wx.getsysteminfo()获取屏幕的高度，然后减去满包邮和总价结算的高度就是中间滚动区域的高度，第一次接触到小程序函数，具体的介绍，大家可以到“微信小程序官方文档”查一下，有问题可在文章底部留言，小编看到了回及时回复。 微擎小程序商城购物车cart.wxml文件 <!--shangcheng_xk/pages/cart/cart.wxml-.
萤火微信小程序商城源码 前后端.zip
07-10
微信小程序开发源码，有前后台系统，单独分开，可以学习借鉴
微信小程序商城+java后台
12-13
用户： 最下方导航栏模块（首页 购物车 我的订单 用户中心(只查看个人信息) 商城信息） 1.首页的轮播图写死4张 2.购物车列表（只有删除和购买功能） 3.订单：列表（删除，修改）//订单提交的时候选择用户姓名、联系方式、收获地址）、总金额 4.在商品详情页加一个 打电话的功能 联系客服 客服电话不用后台维护。写死就可以 给一个打电话图标(学生要求点击可以打电话) 普通用户：可以将商品加入购物车、然后可以在订单页面删除订单、修改订单和结算订单； （订单信息：选中的商品的信息、用户的信息（用户姓名、联系方式、收获地址）、总金额。） 后台管理： 1、可以查看普通用户的信息，并且有权限删除普通用户信息。 2、对产品管理（比如某个产品下架(删除)，产品价格的更改等管理），增删改查。
get_tbk_goods_info.php(根据淘宝客地址获取商品信息)
01-21
根据淘宝客地址获取商品详情信息
THINKPHP多商户商城小程序源码独立版前端后端
最新发布
05-09
多商户商城小程序源码（独立版）+前端+后端，功能完整；后端PHP（THINKPHP框架）开源代码，前端UNIAPP开源代码，小程序+H5+PC三端。 可灵活接入微信、支付宝、抖音和头条等应用，适合99%行业，多端统一管理，后台...
微信小程序-购物车功能示例.zip
04-14
微信小程序-购物车功能示例.zip # wechat-weapp-demo 一个简单的微信小程序购物车DEMO ![](./demo1.png) ![](./demo2.png) ### 展示的数据为纯静态数据，只为熟悉组件和基本用法。 注：仅【堂食】这个类别下...
Python笔记_78_购物车实现_配置_后端API_前端提交数据_vuex组件_购物车列表页
OldBoy Python学习笔记
08-23 607
- 购物车实现_配置 - 后端API - 前端提交数据 - vuex组件 - 购物车列表页
狮子鱼社区团购系统CMS任意文件2处上传漏洞
赵一舟的博客
06-09 3439
漏洞复现 FOFA语句 "/seller.php?s=/Public/login" POC1 POST /Common/ckeditor/plugins/multiimg/dialogs/image_upload.php HTTP/1.1 Host: xxx.xxx.xxx.xxx Content-Length: 213 Cache-Control: max-age=0 Upgrade-Insecure-Requests: 1 Origin: null Content-Type: mul.
微信小程序开发中购物车和后端数据库怎么交互的方式
05-24
在微信小程序开发中，购物车与后端数据库交互的方式可以使用以下几种： 1. 使用微信小程序提供的云开发服务，将购物车数据存储在云数据库中，并使用云函数进行数据的增删改查等操作。 2. 使用 RESTful API，前端...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值