[回馈]ASP.NET Core MVC开发实战之商城系统(四)

最新推荐文章于 2024-05-23 18:46:55 发布
最新推荐文章于 2024-05-23 18:46:55 发布
阅读量676 收藏
点赞数 1
分类专栏： .Net技术 全栈开发 文章标签： asp.net mvc 后端 microsoft c#
本文版权归作者和CSDN共有，写文不易，支持原创，欢迎转载【点赞】，转载请保留此段声明，且在文章页面明显位置给出原文连接，谢谢。
本文链接：https://blog.csdn.net/fengershishe/article/details/132031669
版权

经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面等功能的开发，今天继续讲解商品详情功能开发，仅供学习分享使用，如有不足之处，还请指正。

商品详情功能说明

首页和商品列表，都是只展示商品的主要信息，如商品名称，商品价格，类型等内容，让人有一个先入为主的商品概念，当用户对商品有兴趣时，可以点击链接跳转商品详情页面，查看商品更全面的信息，如：颜色，尺寸等内容。

商品详情功能设计

根据商品详情页面功能说明，在此页面，用户可以查看商品的具体内容，如：图片，颜色，大小，类型，标签以及加入购物车，立即购买等功能，具体页面设计如下所示：

商品详情页面功能开发

商品详情主要展示商品信息和商品配置信息。

1. 数据表创建

关于商品表EB_Product和对应模型Product的创建，可参考第二篇文章。商品配置表EB_ProductConfig，主要配置商品的特殊属性，如：颜色，尺寸，缩略图等内容，如下所示：

创建表的语句，如下所示：

CREATE TABLE [dbo].[EB_ProductConfig](
	[Id] [bigint] IDENTITY(1,1) NOT NULL,
	[ProductId] [bigint] NULL,
	[ConfigType] [varchar](50) NULL,
	[ConfigName] [varchar](50) NULL,
	[ConfigValue] [varchar](150) NULL,
	[CreateTime] [datetime] NULL,
	[CreateUser] [varchar](50) NULL,
	[LastEditTime] [datetime] NULL,
	[LastEditUser] [varchar](50) NULL
) ON [PRIMARY]

 

2. 商品配置实体创建

商品配置表对应的项目模型实体，和数据表一一对应，如下所示：

namespace EasyBuyShop.Models
{
    /// <summary>
    /// 产品配置，主要配置颜色，大小，缩略图路径等
    /// </summary>
    [SqlSugar.SugarTable("EB_ProductConfig")]
    public class ProductConfig : EntityModel
    {
        public long ProductId { get; set; }
 
        public string ConfigType { get; set; }
 
        public string ConfigName { get; set; }
 
        public string ConfigValue { get; set; }
    }
}

 

3. 数据处理层DAL

商品详情页面主要根据商品ID获取商品的详细信息以及商品配置信息，如下所示：

商品详细信息在ProductDal中，如下所示：

public Product GetProduct(long Id)
{
    try
    {
        using (var db = this.GetDb(BaseDal.ConnStr))
        {
            return db.Queryable<Product>().First(r=>r.Id==Id);
        }
    }
    catch (Exception ex)
    {
        LogHelper.Fatal(ex.Message);
        return null;
    }
}

 

商品配置信息在ProductConfigDal中，获取配置信息如下所示：

using EasyBuyShop.Models;
using EasyBuyShop.Utils;
 
namespace EasyBuyShop.DAL
{
    public class ProductConfigDal : BaseDal
    {
        public ProductConfigDal()
        {
           
        }
 
        /// <summary>
        /// 获取产品配置
        /// </summary>
        /// <param name="productId"></param>
        /// <returns></returns>
        public List<ProductConfig> GetProductConfigListById(long productId)
        {
            try
            {
                using (var db = this.GetDb(BaseDal.ConnStr))
                {
                    return db.Queryable<ProductConfig>().Where(r => r.ProductId == productId).ToList();
                }
            }
            catch (Exception ex)
            {
                LogHelper.Fatal(ex.Message);
                return new List<ProductConfig>();
            }
        }
    }
}

 

4. 控制器获取

商品详细信息在ProductController的Detail方法中，根据传入的ID进行读取，如下所示：

public IActionResult Detail(int Id)
{
    var username = HttpContext.Session.GetString("username");
    var realName = HttpContext.Session.GetString("realname");
    ViewData["Username"] = username;
    ViewData["RealName"] = realName;
    ProductDal productDal = new ProductDal();
    ProductConfigDal productConfigDal = new ProductConfigDal();
    var product = productDal.GetProduct(Id);
    var productConfigList = productConfigDal.GetProductConfigListById(Id);
    ViewData["ProductConfigList"]=productConfigList;
    ViewData["Product"] = product;
    return View();
}

 

将获取到的Product对象和ProductConfigList列表对象通过ViewData传递到View视图层中进行展示。

5. 视图层展示

在Views/Product/Detail.cshtml中，接收控制器方法传递的数据，并进行展示。如下所示：

@{
    ViewData["Title"] = "商品详情";
}
@{
    var product = ViewData["Product"] as Product;
    var productConfigList = ViewData["ProductConfigList"] as List<ProductConfig>;
}
<div class="">
    <form method="post" id="detailForm">
        <input type="hidden" name="productId" value="@(product.Id)" />
        <input type="hidden" name="color" id="color" value="" />
        <input type="hidden" name="size" id="size" value="" />
        <!-- quick view start -->
        <div class="container">
            <div class="row">
                <div id="view-gallery">
                    <div class="col-xs-12">
                        <div class="d-table" style="width:100%">
                            <div class="d-tablecell">
                                <div class="main-view modal-content">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-5">
                                            <div class="quick-image">
                                                <div class="single-quick-image tab-content text-center">
                                                    @{
                                                        var productConfigImages = productConfigList.Where(r => r.ConfigType == "Image").ToList();
                                                        for (int i = 0; i < productConfigImages.Count; i++)
                                                        {
                                                            var productConfigImage = productConfigImages[i];
                                                            <div class="tab-pane  fade in @(i==0?"active":"")" id="sin-pro-@(i)">
                                                                <img src="@(productConfigImage.ConfigValue)" alt="">
                                                            </div>
                                                        }
                                                    }
                                                </div>
                                                <div class="quick-thumb">
                                                    <div class="nav nav-tabs">
                                                        <ul style="padding-left:0px;">
                                                            @{
                                                                for (int i = 0; i < productConfigImages.Count; i++)
                                                                {
                                                                    var productConfigImage = productConfigImages[i];
                                                                    <li><a data-toggle="tab" href="##" onclick="javascript:tabProductImage('sin-pro-@(i)',this);"> <img src="@(productConfigImage.ConfigName)" alt="quick view" style="width:90px;height:90px;"> </a></li>
                                                                }
                                                            }
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-7">
                                            <div class="quick-right">
                                                <div class="quick-right-text">
                                                    <h3><strong>@product.Name</strong></h3>
                                                    <div class="rating">
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star"></i>
                                                        <i class="fa fa-star-half-o"></i>
                                                        <i class="fa fa-star-o"></i>
                                                    </div>
                                                    <div class="amount">
                                                        <h4>$@product.PreferentialPrice</h4>
                                                    </div>
                                                    <p>@product.Description</p>
                                                    <div class="row m-p-b">
                                                        <div class="col-sm-12">
                                                            <div class="por-dse responsive-strok clearfix">
                                                                <ul>
                                                                    <li><span>是否现货</span><strong>:</strong> 现货</li>
                                                                    <li><span>是否新品</span><strong>:</strong> 新品</li>
                                                                    <li>
                                                                        <span>商品类型</span><strong>:</strong>
                                                                        <a href="">@product.BasicStyle</a>
                                                                        <a href="">@product.ProductStyle</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row m-p-b">
                                                        <div class="col-sm-12">
                                                            <div class="por-dse color">
                                                                <ul>
                                                                    <li>
                                                                        <span>颜色分类</span><strong>:</strong>
                                                                        <div class="por-dsc-div">
                                                                            @{
                                                                                var productColors = productConfigList.Where(r => r.ConfigType == "Color").ToList();
                                                                                for (int i = 0; i < productColors.Count; i++)
                                                                                {
                                                                                    <span class="por-dsc-span" onclick="javascript:checkActive(this,'color');">@(productColors[i].ConfigValue)</span>
                                                                                }
                                                                            }
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <span>大小</span><strong>:</strong>
                                                                        <div class="por-dsc-div">
                                                                            @{
                                                                                var productSizes = productConfigList.Where(r => r.ConfigType == "Size").ToList();
                                                                                for (int i = 0; i < productSizes.Count; i++)
                                                                                {
                                                                                    <span class="por-dsc-span" onclick="javascript:checkActive(this,'size');">@(productSizes[i].ConfigValue)</span>
                                                                                }
                                                                            }
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <span>标签</span><strong>:</strong>
                                                                        <a href="">@product.BasicStyle</a>
                                                                        <a href="">@product.ProductStyle</a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="dse-btn">
                                                        <div class="row">
                                                            <div class="col-sm-12 col-md-12">
                                                                <div class="por-dse clearfix">
                                                                    <ul>
                                                                        <li class="share-btn clearfix">
                                                                            <span>数量</span>
                                                                            <input class="input-text qty" name="quantity" maxlength="12" value="1" title="数量" type="text">
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-md-12">
                                                                <div class="por-dse add-to" style="display:inline-block">
                                                                    <a href="##" onclick="javascript:addCartByForm();">加入购物车</a>
                                                                </div>
                                                                <div class="por-dse add-to" style="display:inline-block">
                                                                    <a href="##" onclick="javascript:addPurchaseByForm();">立即购买</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- quick view end -->
    </form>
</div>
<script src="~/js/shop.js"></script>

 

商品详情页面展示

运行程序，在首页或商品列表页面，点击商品链接，进入商品详情页面，如下所示：

以上就是ASP.NET Core MVC开发实战之商城系统第四部分内容，后续将继续介绍其他模块，敬请期待。

老码识途呀
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
dotnet-core-mvc-react:有关如何将React添加到.NET Core MVC App的教程的资源库
05-14
带有React的.NET Core MVC 有关如何将React应用程序添加到.NET Core MVC应用程序的教程的随附存储库。 教程链接： : 回馈如果您想支持我的工作以及我投入的时间来制作教程，请考虑通过单击下面的图片为我喝咖啡。 我...
[回馈]ASP.NET Core MVC开发实战之商城系统(一)
绳锯木断，水滴石穿，专心写文，无问西东！！！
07-21 1062
经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，今天着重讲解布局设计，环境搭建，系统配置，及首页商品类型，banner条，友情链接等功能的开发。首先每一个商品有类型，类型分为大类【Category】，中类，小类【SubCategory】，细类等，本文为了简化，只分为大类，小类两种。商品类型只是首页【/Home/Index】的一小部分，首页的控制器获取到商品类型信息，然后传递到视图层即可。注意：数据表中的分类内容，是从某宝抄下来的，然后整理好后，导入数据库。
[回馈]ASP.NET Core MVC开发实战之商城系统(开篇)
绳锯木断，水滴石穿，专心写文，无问西东！！！
07-18 1250
大家平常购物，对商城系统接触最多的主要是淘宝，京东，拼夕夕，天猫等购物网站，各大商城网站各有特色与侧重点，但也有共同点，本次商城实战开发，仅仅用于练手，所以不求面面俱到，但也需要具备基本功能。然后有粉丝留言咨询是否可以出一期【商城系统开发实战】。经过最近一段时间的准备，商城系统雏形已经初步具备，现整理成文，分享给大家。首先创建一个ASP.NET Core MVC项目，具体创建步骤可参考其他文章，本文不再赘述。在编程方面，从来都是实践出真知，书读百遍其义自见，所以实战是最好的提升自己编程能力的方式。
[回馈]ASP.NET Core MVC开发实战之商城系统(二)
绳锯木断，水滴石穿，专心写文，无问西东！！！
07-24 683
经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页商品类型，banner条，友情链接等功能的开发，今天继续讲解首页的。注意：控制器方法中，往视图层传递数据采用ViewData和ViewBag实现，也可采用其他方式实现。注意：其中视图层代码，采用Razor表达式for循环，展示列表中的内容。等内容，仅供学习分享使用，如有不足之处，还请指正。关于Razor表达式的使用可参考其他文章。
[回馈]ASP.NET Core MVC开发实战之商城系统(六)
绳锯木断，水滴石穿，专心写文，无问西东！！！
08-27 1639
经过一段时间的准备，新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始，在之前的文章中，讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面，商品详情，购物车等功能的开发，今天继续讲解。订单表【EB_Purchase】，主要保存用户的订单信息，包括订单ID，商品ID，用户ID，物流ID，收货地址，商品备注等信息。下单页面主要功能是展示商品列表，下单按钮，以及用户的选择，备注，价格等信息。
[回馈]ASP.NET Core MVC开发实战之商城系统(完:内附源码)
绳锯木断，水滴石穿，专心写文，无问西东！！！
08-28 653
本系列文章主要讲解了商城系统的整体功能设计，页面布局设计，环境搭建，系统配置，及首页【商品类型，banner条，友情链接，降价促销，新品爆款】，商品列表页面，商品详情，购物车，下单页面，订单管理等功能的开发。学习编程，从关注【老码识途】开始！经过一段时间的准备，【ASP.NET Core MVC开发实战之商城系统】已经完成，目前代码已开发完成，先将全部内容整理分享，如有不足之处，还请指正。商品类型管理：主要管理商品的类型，如大类型，小类型等。商品管理：商家可以新增商品，下架商品等。1. 公众号关键词回复。
asp.net 枚举文件里面的数字绑定到DropDownList里面去
01-02
代码如下:public class AppEnum { public enum PointLogType : int { /// <summary> /// Email确认 /// </summary> [Description(“Email确认”)] Recruit = 1, //新客户激活+ /// <summary> /// 老客户回馈 /// ...
最新商城自动抢单系统源码 可封装app
07-12
最新商城自动抢单系统源码 可封装app 这款价值800元的淘B京东拼多多唯品会商城自动抢单系统源码 带抢单、接单返利、封装app、资金盘等系统功能。 平台每天都会将需要提高曝光度的商家产品放到平台上，提供给 平台...
C#+asp.net_会员积分系统
03-21
会员积分系统： SQL Server2003源代码：数据库是SQL Server2003时的会员积分系统源代码。 SQL Server2005源代码：数据库是SQL Server2005时的会员积分系统源代码。 数据库脚本：可以拷贝到数据库的查询分析文件中...
一个用asp.net2.0+sql server2005做的会员积分系统
04-21
会员积分系统流程说明 系统默认的打开页面是“Default.aspx”，如果是第一次打开，则会先要求用户进行登录和注册。注册完毕后，系统自动跳转到默认页。浏览左侧导航功能列表。 从办卡到查询积分的流程是： （1）在...
软件下载系统asp.net
最新发布
05-23 378
系统设置 系统探针显示系统环境。本项目实现电子书下载网站的功能，实现文章、管理员分类，友情连接的管理以及对前台页面的静态化。添加文章信息，对文章信息执行查询、删除、编辑，前台网页呈现文章标题列表和文章内容。友情连接 创建友情链接，对友情链接执行编辑、删除管理，在前台网页中呈现友情链接。网站功能基本包括：用户管理，文章管理，友情连接，前台首页和系统设置5个模块。首页按分类呈现文章，设置文章分类之后，可以在首页看到分类的展示效果。实现用户登录、软件下载、后台管理、软件上传、用户管理和查询软件软件下载系统a
asp.net编译提示__o变量不存在错误
qq_31042143的博客
05-18 147
如果看到这些错误提示很烦，可以在Code Behind代码中增加已给__o变量。据说是编译器生成的临时变量，编译器会报错，但运行没有任何问题。在aspx页面文件中用if或者for逻辑运算代码。编译器则会提示以下错误。
asp.net结课作业中遇到的问题解决6
m0_62263513的博客
05-17 964
asp.net结课作业中遇到的问题解决6
ASP.NET作业审阅系统的设计与实现
大叔_爱编程 的博客
05-17 840
系统包括教师模块和短消息模块，教师模块主要是实现教师布置作业、批改作业、发布成绩等。短信息主要是实现信息的发送、编写、查看。论文详细阐述了系统的开发背景、研究意义，开发环境以及系统的需求分析，详细说明了数据库的设计，以及系统各功能的实现。 在线作业批改系统有着很好的应用前景，用来代替传统的作业批改方式，实现在线作业批改方式的网络化管理。随着计算机技术和网络技术的发展，它的功能将会得到不断的发展和完善。
前后端联调
weixin_43390711的博客
05-19 215
如果前端传递的是json类型参数，后端是去解析的json；如果前端传递的是form类型的参数，后端就需要去分割字符串解析。
韵搜坊 -- 聚合接口开发
诨号无敌鸭的博客
05-17 368
wtf,还慢了，并发不一定快，短板效应，要以实际测试为准。怎么样，变化大吧，前端代码是不是显得很整洁。
浅谈后端整合Springboot框架后操作基础配置
多多的博客
05-20 383
现在不访问端口8080可以吗我们在默认启动的时候访问的是端口号8080基于属性配置的现在boot整合导致Tomcat服务器的配置文件没了我们怎么去修改Tomcat服务器的配置信息呢配置文件中的配置信息是很多很多的...
接口自动化测试工具-----pytest
adru的博客
05-17 233
以上代码的逻辑就是 根据用户传过来的name字段查询数据库，之后拿到用户信息之后和password字段作对比，如果密码正确就返回success 失败就是 error。首先确保安装了Python环境，首先，你需要确保已安装 Python 和 Pip。如果还没有安装，可以从。下载并安装最新版本的 Python。安装过程中请确保选中“Add Python to PATH”选项。之后搭建一个后端项目，以springboot项目为例。编写一个简单的模拟登录的接口，之后启动项目。之后查看是否安装成功。
商品属性组管理
Sun的个人博客
05-17 749
/ 点击树形节点，获取数据，如果是第三级就进行条件分页查询this.getDataList() // 进行条件分页查询/*** 根据id来获取该id对应的所有父id的数组* @return。
能量回馈系统控制有哪些不足之处
08-26
### 回答1： 能量回馈系统（Energy Feedback System）是一种能源节约技术，它可以将一些设备或系统中的能量回收利用，从而减少能源的浪费。然而，能量回馈系统控制也存在一些不足之处，包括： 1. 控制精度不高：能量回馈系统需要对能量进行精确的控制和管理，但是系统控制精度不高时，会导致能量回馈效果不佳，甚至会浪费更多的能源。 2. 设备兼容性问题：不同的设备和系统在能量回馈方面的特性和要求不同，因此，在控制能量回馈系统时，需要考虑设备的兼容性问题，否则可能会导致设备损坏或能量回馈效果不佳。 3. 系统稳定性差：能量回馈系统需要稳定运行才能达到最佳效果，但是，系统稳定性差时，容易出现故障，导致能量回馈效果不佳或者系统无法正常工作。 4. 维护成本高：能量回馈系统需要定期进行维护和保养，否则可能会导致系统故障或能量回馈效果不佳。而且，维护成本较高，需要投入大量的人力和物力。 因此，在实际应用中，需要对能量回馈系统进行科学合理的控制和管理，以达到最佳的能源节约效果。 ### 回答2： 能量回馈系统是一种常见的控制技术，广泛应用于多个领域。然而，它也存在一些不足之处。 首先，能量回馈系统在实际应用中需要较高的成本。该系统需要使用能量传感器和控制器来监测和调节系统的能量输出，这增加了系统的成本和复杂性。此外，系统的安装和维护也需要一定的费用。 其次，能量回馈系统的精度受到一些因素的影响。系统的精确性依赖于传感器的测量和控制器的准确性。如果这些组件存在误差或故障，系统的性能将受到影响。此外，能量回馈系统也受到外部环境条件的影响，如温度、湿度等，这可能导致系统运行不稳定或失灵。 另外，能量回馈系统的响应速度有限。由于能量的产生、传输和控制存在一定的延迟，系统在对不同输入信号的快速响应上存在局限性。这对于某些要求快速响应的应用场景可能不够理想。 此外，能量回馈系统还受到能量储存和传输能力的限制。如果能量的储存和传输能力不足，系统将无法满足某些高功率需求或远距离传输能量的应用。 最后，能量回馈系统对环境的严厉要求也是其不足之处之一。由于系统中涉及到能量的传输和转换过程，对于一些特殊环境条件，如高温、高压、腐蚀性环境等，系统可能无法正常运行。 综上所述，能量回馈系统的成本、精度、响应速度、能量传输能力以及对环境的要求是其存在的不足之处。随着技术的发展和进步，这些不足之处可能会逐步得到解决和改进。 ### 回答3： 能量回馈系统是一种利用能量回收的技术，用于控制电力设备的能量消耗。然而，能量回馈系统也存在一些不足之处： 首先，能量回馈系统在工作效率上存在问题。回馈系统需要将设备产生的能量回收并再利用，但这个过程并非完全高效。在能量回收和再利用的过程中，会有能量损失，这导致了系统整体的能量效率较低。 其次，能量回馈系统的成本较高。为了实现能量回收和再利用，需要引入额外的设备和技术，这增加了系统的设计和建设成本。对于一些规模较小或经济条件较差的企业或个人来说，能量回馈系统的投资可能不划算。 此外，能量回馈系统的可靠性也是一个问题。回馈系统的稳定性和可靠性对于设备的正常运行非常重要。如果回馈系统出现故障或运行不稳定，可能导致电力设备的损坏或无法正常工作，增加了维修和替换成本。 最后，能量回馈系统的适用范围有限。这种系统适用于某些需要频繁启动和停止的设备，如电梯或地铁。然而，对于稳定运行的设备，如发电机或供暖系统，能量回馈系统的功效相对有限。因此，在选择是否采用能量回馈系统时，需要综合考虑设备的特点和实际需求。 综上所述，虽然能量回馈系统能够实现能量的回收和再利用，但其效率、成本、可靠性和适用范围等方面还存在不足之处。随着技术的不断推进，相信这些问题将得到进一步改善和解决。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老码识途呀

写作不易，多谢支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值