echarts灵活加载的方式

最新推荐文章于 2024-08-29 14:13:37 发布
原创 最新推荐文章于 2024-08-29 14:13:37 发布 · 345 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用ECharts和Freemarker在前端动态生成图表，包括数据的动态加载、图表的实时更新及响应式设计。通过Ajax与后端交互，实现数据的动态展示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前端的写法，用的freemark的加载方式。

$(function () {
     	//控件初始化  main是div的ID
       worldMapContainer = document.getElementById('main');

       resizeWorldMapContainer = function () {
           worldMapContainer.style.width = window.innerWidth-300 + 'px';
           worldMapContainer.style.height = 400 + 'px';
       };
       ReportControl();

});

function ReportControl(){
		//设置容器高宽
        resizeWorldMapContainer();
        myChart = echarts.init(worldMapContainer);
        //参数设置
        var option = {
            title: {text: '这个是标题'},
            tooltip: {trigger: 'axis'},
            legend: {data: []},
            toolbox: {feature: {saveAsImage: {}}},
            grid: {
                left: '2%',
                right: '3%',
                bottom: '2%',
                containLabel: true
            },
            xAxis: [
                {
                    type: 'category',
                    boundaryGap: false,
                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
                }
            ],
            yAxis: [
                {
                    type: 'value'
                }
            ],
            series: [
            	<#list firstList as info>
            		<#if !info_has_next>
					{
						name: '${info}',
						type: 'line',
						stack: '${info}',
						areaStyle: {normal: {}},
						data: [0, 0, 0, 0, 0, 0, 0]

					}
					<#else>
					{
						name: '${info}',
						type: 'line',
						stack: '${info}',
						areaStyle: {normal: {}},
						data: [0, 0, 0, 0, 0, 0, 0]

					},
					</#if>
            	</#list>
            ]
        };

        myChart.setOption(option);   //参数设置方法
        myChart.hideLoading();
        getChartData('7', '','','firstList');//ajax后台交互
        window.onresize = function () {
            //重置容器高宽
            resizeWorldMapContainer();
            myChart.resize();
        };
	}

function getChartData(lastDay, startTime, endTime,divCode) {

		var url="${basePath}/activityStatement/getStatisticalStatement";

           //获得图表的options对象
           var options = myChart.getOption();
           //通过Ajax获取数据
           $.ajax({
               type: "POST",
               async: false, //同步执行
               url: url,
               data: {"lastDay": lastDay, "startTime": startTime, "endTime": endTime,"divCode":divCode},
               dataType: "json", //返回数据形式为json
               success: function (result) {
                   if (result) {
                       options.legend.data = result.dataTitle;
                       options.xAxis[0].data = result.dateString;
					   options.series = result.series;
                       myChart.hideLoading();
                       myChart.setOption(options, true);
                   }
               },
               error: function (errorMsg) {
                   console.log(errorMsg);
                   myChart.hideLoading();
               }
           });
       }

后台代码

package com.oruit.app.web.action;

import com.oruit.app.data.source.DbContextHolder;
import com.oruit.app.service.ActivityStatementService;
import com.oruit.app.util.DateUtil;
import com.oruit.app.util.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.*;

/**
 * Created by xuzhen on 8/13/19.
 * 活动报表
 */

@Controller
@RequestMapping("activityStatement")
public class ActivityStatementAction {

    @Autowired
    private ActivityStatementService activityStatementService;

    //首次收徒奖励
    static List<String> firstList = new ArrayList<>();
    //第二轮收徒奖励
    static List<String> secondList = new ArrayList<>();
    //第三轮收徒奖励
    static List<String> thirdList = new ArrayList<>();
    //用户抽奖总收入
    static List<String> totalDrawIncomeList = new ArrayList<>();
    //总抽奖人数
    static List<String> totalDrawNumberList = new ArrayList<>();
    //获得抽奖机会人数
    static List<String> opportunityList = new ArrayList<>();
    //中奖数据(页面加载再初始化)
    static List<String> winningDataList = new ArrayList();
    static List<String> winningViewList = new ArrayList();

    static String divCodeStatic = "";

    static {
        firstList.add("拜师用户");
        firstList.add("收徒首次奖励次数");

        secondList.add("拜师用户");
        secondList.add("第二轮礼包发放数");

        thirdList.add("拜师用户");
        thirdList.add("第三轮礼包发放数");

        totalDrawIncomeList.add("抽奖总次数");
        totalDrawIncomeList.add("抽奖总金额");

        totalDrawNumberList.add("可抽奖总人数");
        totalDrawNumberList.add("参与抽奖人数");

        opportunityList.add("获得机会人数");

    }


    /**
     * 活动报表
     *
     * @param request
     * @param model
     * @return
     */
    @RequestMapping("/activityStatementReport")
    public String activityStatementReport(HttpServletRequest request, Model model) {

        DbContextHolder.setDbType("dataRead"); //切换数据源到统计库

        //模块id
        String moduleid = request.getParameter("moduleid");
        model.addAttribute("moduleid", moduleid);

        //表格初始化
        //firstList secondList thirdList 使用 apprenticeDiv
        model.addAttribute("firstList", firstList);

        //totalDrawIncomeList totalDrawNumberList使用 luckdrawDiv1
        model.addAttribute("totalDrawIncomeList", totalDrawIncomeList);

        //opportunityList 使用luckdrawDiv2
        model.addAttribute("opportunityList", opportunityList);

        //winningDataList 使用luckdrawDiv3 页面加载再初始化动态表头
        winningDataList = activityStatementService.getWinningDataList();

        winningViewList = activityStatementService.getWinningViewList();

        model.addAttribute("winningDataList", winningDataList);

        return "report/activityStatement-report";
    }

    @RequestMapping("getStatisticalStatement")
    @ResponseBody
    public Object getStatisticalStatement(HttpServletRequest request, Model model) throws Exception {

        DbContextHolder.setDbType("analysis"); //切换数据源到统计库
        //返回总数据
        Map<String, Object> data = new HashMap<>();

        //用于查询的集合数据
        Map<String, Object> params = new HashMap<>();
        //返回数据头
        List<String> dataTitle = new ArrayList<>();
        //返回数据集合
        List<List<Integer>> datalist = new ArrayList<>();

        Integer lastDay = null;
        String lastDayString = request.getParameter("lastDay");
        if (!StringUtils.isEmpty(lastDayString)) {
            lastDay = Integer.parseInt(lastDayString);
        }

        String startTime = request.getParameter("startTime");
        String endTime = request.getParameter("endTime");

        DateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
        Date start = null;
        Date end = null;
        List<Date> dateList = null;
        if (lastDay != null) {  //选中过去多少天
            String seven = DateUtil.getYesterday(lastDay); //得到过去多少天的时间
            String yesterday = DateUtil.getYesterday(1);
            start = sdf.parse(seven);
            end = sdf.parse(yesterday);
            dateList = DateUtil.dateSplit(start, end);  //获取两个日期之间的日期
        } else { //自选时间
            start = sdf.parse(startTime);
            end = sdf.parse(endTime);
            dateList = DateUtil.dateSplit(start, end);
        }
        Collections.reverse(dateList); //使用Reverse方法可以根据元素的自然顺序 对指定列表按降序进行排序。

        List<String> dateString = new ArrayList<>();
        for (Date date : dateList) {
            dateString.add(sdf.format(date));
        }

        params.put("startTime", start);
        params.put("endTime", end);

        model.addAttribute("startTime", startTime);
        model.addAttribute("endTime", endTime);


        //调用过来需要获取的数据
        String divCode = request.getParameter("divCode");
        if (StringUtils.isEmpty(divCode)) {
            if (StringUtils.isEmpty(divCodeStatic)) {
                divCodeStatic = "firstList";
            }
            divCode = divCodeStatic;
        } else {
            divCodeStatic = divCode;
        }

        if ("firstList".equals(divCode)) {

            dataTitle = firstList;
            datalist = activityStatementService.getFirstListDiv(params, dateString);


        } else if ("secondList".equals(divCode)) {

            dataTitle = secondList;
            datalist = activityStatementService.getSecondListDiv(params, dateString);

        } else if ("thirdList".equals(divCode)) {

            dataTitle = thirdList;
            datalist = activityStatementService.getThirdListDiv(params, dateString);

        } else if ("totalDrawIncomeList".equals(divCode)) {

            dataTitle = totalDrawIncomeList;
            datalist = activityStatementService.getTotalDrawIncomeListDiv(params, dateString);

        } else if ("totalDrawNumberList".equals(divCode)) {

            dataTitle = totalDrawNumberList;
            datalist = activityStatementService.getTotalDrawNumberListDiv(params, dateString);

        } else if ("opportunityList".equals(divCode)) {

            dataTitle = opportunityList;
            datalist = activityStatementService.getOpportunityListDiv(params, dateString);

        } else if ("winningDataList".equals(divCode)) {

            dataTitle = winningDataList;
            datalist = activityStatementService.getWinningDataListDiv(params, dateString, winningViewList.toArray(new String[winningViewList.size()]));

        }


        //列表表头重构
        List<Map<String, Object>> series = new ArrayList<>();
        for (int i = 0; i < dataTitle.size(); i++) {
            Map<String, Object> item = new HashMap<>();
            item.put("name", dataTitle.get(i));
            item.put("type", "line");
            item.put("stack", dataTitle.get(i));
            //这个是数据
            item.put("data", datalist.get(i));
            series.add(item);
        }
        data.put("series", series);
        //时间
        data.put("dateString", dateString);
        //标题
        data.put("dataTitle", dataTitle);

        return data;
    }

}

service ，getDataList方法提供的是获取 每天一行数据，数据对应字段名显示

package com.oruit.app.service.impl;

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.oruit.app.common.cache.MemcacheUtil;
import com.oruit.app.dao.AnalysisApprenticeStatMapper;
import com.oruit.app.dao.AnalysisLotteryDrawStatMapper;
import com.oruit.app.service.ActivityStatementService;
import com.oruit.app.util.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

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

/**
 * Created by xuzhen on 8/13/19.
 */
@Service
public class ActivityStatementServiceImpl implements ActivityStatementService {

    @Autowired
    private AnalysisApprenticeStatMapper analysisApprenticeStatMapper;

    @Autowired
    private AnalysisLotteryDrawStatMapper analysisLotteryDrawStatMapper;

    @Override
    public List<String> getWinningDataList() {

        List<String> winningDataList = analysisLotteryDrawStatMapper.getWinningDataList();

        List<String> list = new ArrayList<>();
        for (String data : winningDataList) {
            list.add(data + "金币次数");
            list.add(data + "金币中奖(百分比)");
        }
        list.add("参与抽奖次数");
        return list;
    }

    @Override
    public List<String> getWinningViewList() {
        return analysisLotteryDrawStatMapper.getWinningDataList();
    }

    @Override
    public List<List<Integer>> getFirstListDiv(Map<String, Object> params, List<String> dateString) {

        List<Map<String, Object>> list = analysisApprenticeStatMapper.queryData(params);

        String[] viewArr = new String[]{"user_num", "first_reward_num"};

        return getDataList(dateString, list, viewArr);
    }

    @Override
    public List<List<Integer>> getSecondListDiv(Map<String, Object> params, List<String> dateString) {
        List<Map<String, Object>> list = analysisApprenticeStatMapper.queryData(params);

        String[] viewArr = new String[]{"user_num", "second_reward_num"};

        return getDataList(dateString, list, viewArr);
    }

    @Override
    public List<List<Integer>> getThirdListDiv(Map<String, Object> params, List<String> dateString) {
        List<Map<String, Object>> list = analysisApprenticeStatMapper.queryData(params);

        String[] viewArr = new String[]{"user_num", "third_reward_num"};

        return getDataList(dateString, list, viewArr);
    }

    @Override
    public List<List<Integer>> getTotalDrawIncomeListDiv(Map<String, Object> params, List<String> dateString) {
        List<Map<String, Object>> list = analysisApprenticeStatMapper.queryData(params);

        String[] viewArr = new String[]{"lottery_draw_num", "lottery_draw_gold"};

        return getDataList(dateString, list, viewArr);
    }

    @Override
    public List<List<Integer>> getTotalDrawNumberListDiv(Map<String, Object> params, List<String> dateString) {
        List<Map<String, Object>> list = analysisApprenticeStatMapper.queryData(params);

        String[] viewArr = new String[]{"lottery_draw_user_total", "join_lottery_draw_user_num"};

        return getDataList(dateString, list, viewArr);
    }

    @Override
    public List<List<Integer>> getOpportunityListDiv(Map<String, Object> params, List<String> dateString) {
        List<Map<String, Object>> list = analysisApprenticeStatMapper.queryData(params);

        String[] viewArr = new String[]{"get_lottery_draw_user_num"};

        return getDataList(dateString, list, viewArr);
    }

    @Override
    public List<List<Integer>> getWinningDataListDiv(Map<String, Object> params, List<String> dateString, String[] viewArr) {

        List<List<Integer>> datalist = new ArrayList<>();

        MemcacheUtil memcacheUtil = MemcacheUtil.getInstance();
        Object memcachelist = memcacheUtil.cacheGet("ActivityStatementService_getWinningDataListDiv");

        if (StringUtils.isEmpty(memcachelist + "")) {
            //读取缓存
            datalist = JSONObject.parseObject(memcachelist.toString(), List.class);
            return datalist;
        }


        //首次数据
        String firstDate = dateString.get(0);

        for (String date : dateString) {

            List<Map<String, Object>> list = analysisLotteryDrawStatMapper.queryData(date);
            Integer toDayNum = analysisLotteryDrawStatMapper.queryToDayNum(date);
            for (int i = 0; i < viewArr.length; i++) {

                //对应头数据（默认没有）
                boolean noDayHava = true;

                for (Map<String, Object> item : list) {
                    if (viewArr[i].equals(item.get("title"))) {
                        noDayHava = false;

                        Integer gold = Integer.parseInt(item.get("title").toString());
                        Integer num = Integer.parseInt(item.get("num").toString());

                        if (firstDate.equals(date)) {
                            //金币次数
                            List<Integer> rowlist = new ArrayList<>();
                            rowlist.add(num);
                            datalist.add(rowlist);
                            //中奖励百分比
                            rowlist = new ArrayList<>();
                            rowlist.add(num * 100 / toDayNum);
                            datalist.add(rowlist);
                        } else {
                            datalist.get(i * 2).add(num);
                            datalist.get(i * 2 + 1).add(num * 100 / toDayNum);
                        }
                        break;
                    }
                }
                if (noDayHava) {
                    if (firstDate.equals(date)) {
                        List<Integer> rowlist = new ArrayList<>();
                        rowlist.add(0);
                        //有两列数据，加两次
                        datalist.add(rowlist);

                        rowlist = new ArrayList<>();
                        rowlist.add(0);
                        datalist.add(rowlist);
                    } else {
                        datalist.get(i * 2).add(0);
                        datalist.get(i * 2 + 1).add(0);
                    }
                }
            }
            if (firstDate.equals(date)) {
                List<Integer> rowlist = new ArrayList<>();
                rowlist.add(toDayNum);
                datalist.add(rowlist);
            } else {
                datalist.get(viewArr.length * 2).add(toDayNum);
            }
        }

        memcacheUtil.cacheSet("ActivityStatementService_getWinningDataListDiv", 60, JSON.toJSONString(memcachelist));


        return datalist;
    }

    /**
     * 返回数据集合
     *
     * @param dateString 时间格式
     * @param list       数据集
     * @param viewArr    对应Key
     * @return
     */
    public List<List<Integer>> getDataList(List<String> dateString, List<Map<String, Object>> list, String[] viewArr) {

        List<List<Integer>> datalist = new ArrayList<>();

        for (String date : dateString) {
            //没有当天数据
            boolean noDayHava = true;
            for (Map<String, Object> item : list) {

                if (date.equals(item.get("statdates"))) {
                    //获取到某天的数据
                    noDayHava = false;
                    if (datalist.size() == 0) {
                        List<Integer> rowlist = new ArrayList<>();
                        for (int i = 0; i < viewArr.length; i++) {
                            rowlist.add(Integer.parseInt(item.get(viewArr[i]).toString()));
                        }
                        datalist.add(rowlist);
                    } else {
                        for (int i = 0; i < viewArr.length; i++) {
                            datalist.get(i).add(Integer.parseInt(item.get(viewArr[i]).toString()));
                        }
                    }
                    continue;
                }

            }
            //没有当天数据全部默认0
            if (noDayHava) {
                if (datalist.size() == 0) {
                    //这里代表首次就没得
                    for (int i = 0; i < viewArr.length; i++) {
                        List<Integer> rowlist = new ArrayList<>();
                        rowlist.add(0);
                        datalist.add(rowlist);
                    }
                } else {
                    for (List<Integer> data : datalist) {
                        data.add(0);
                    }
                }
            }
        }
        return datalist;
    }
}
Echarts - 延长图表加载动画时间
🏆 前端领域优质创作者
06-01 3257
前言 每当页面加载完毕后，图表会有一个动画效果，利用两个配置项即可延长加载动画。 实现方法 在 series 配置项里加入以下代码： // 时间越长动画越慢 animationDuration: 2800, animationEasing: "cubicInOut", ...
ECharts加载单独省份地图
11-14
这个方法可以加载单个省份地图。ECharts官方不再提供矢量地图数据，详见 http://echarts.baidu.com/download-map.html。使用方法：运行nginx.exe，访问 http://localhost:9005/index.html 即可
Echarts笔记——加载动画
XIATWO
03-31 698
Echarts笔记——加载动画 在数据加载前，设置加载动画 myChart.showLoading() 服务器数据取得成功之后，隐藏加载动画 myChart.hideLoading()
Echarts异步数据与动画加载
发财糕
04-24 1503
在这篇博客中，我将分享如何使用 Echarts 库来绘制咖啡店各年订单的饼图。通过直观的图表展示异步数据与动画加载，可以更清晰地了解不同年份的销售情况。使用了echarts.js以及jquery-3.3.1.js需自行下载这段代码是网页的头部和主体部分，包含了必要的元标签、Echarts 和 jQuery 库的引用，以及一个用于显示图表的 div 元素。
ECharts 一页多图加载方法
a406502972的专栏
05-22 946
ECharts   首先是使用方法， 这位网友写得已经很清楚了，转载了 ！     ECharts使用心得   大概的发一下一页多图的加载方法，这也是网上收集整理的，并非原创！ require.config({ paths: { echarts: '/js/echarts', ...
echarts数据加载说明
流风雨情的博客
05-19 2461
echarts简介 ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。 特性 丰富的图表类型 多个坐标系的支持 移动端的优化 深度的交互式数据探索
echarts动态加载series中的data
05-03
总的来说，ECharts的动态加载`series`中的`data`功能强大且灵活，能够帮助开发者构建出具有动态数据展示的高效图表。通过编写适当的JavaScript函数生成数据，并结合`setOption`方法，你可以轻松实现数据的动态加载和...
echarts3加载地图
08-16
加载地图文件有两种方式： - 动态加载：在初始化图表时，通过 `echarts.registerMap` 方法注册地图文件。例如，如果有一个名为 `china-counties.json` 的区县地图文件，可以这样加载： ```javascript require....
微信小程序中使用ECharts 异步加载数据实现图表功能
10-18
在微信小程序中，ECharts 是一个强大的数据可视化库，它允许开发者创建各种图表，如柱状图、折线图、饼图等。...通过这种方式，我们可以灵活地根据实际需求展示动态数据，为用户提供丰富的视觉体验。
echarts动态加载多组曲线实例.zip
07-11
ECharts是一个由百度开发的开源图表库，支持丰富的图表类型，如柱状图、折线图、饼图等，同时也提供了高度自定义的配置选项，使得开发者可以根据需求灵活地构建图表。 首先，让我们了解核心概念： 1. **ECharts...
Echarts通过Ajax实现动态数据加载
03-29
Echarts作为一款强大的JavaScript图表库，因其丰富的图表类型、灵活的配置选项以及良好的交互性而备受开发者青睐。但在实际应用中，我们往往需要从服务器端获取数据来动态展示图表，而不是使用预定义的静态数据。...
echarts重复加载解决办法
03-01
解决用百度echarts日历添加点击或双击事件后，会出现重复加载情况。
微信小程序中的ECharts动态加载
最新发布
qq_43844285的博客
08-29 763
因为个人工作需要，本人需要在微信小程序中插入图表，基于种种原因选择使用ECharts完成此功能。同时因为小程序中的图表需要根据后端传递数据进行动态加载或修正，或者在页面交互过程中发生变化，而若直接在开始便直接写定，则无法发生变化，或在重新加载选定元素时出现问题，因此本人采用了如下方式完成了个人需求，感兴趣的可以参考一下。
ECharts使用
danielinbiti的专栏
03-19 4706
读了一周的echarts代码。 1、总体来说，echarts里面的代码还是比较通俗易懂的。 2、程序中series的处理都是遵循循环的方式，这点在刚开始的时候很让人迷惑。不管有没有用，都是循环一遍进行比较。当然考虑到series不会太多，不至于影响到性能。 3、对于series中的一些点线等设置处理上能够做进一步改进就更好了。像tooltip，geoCoord等在一个serie中定义，所有的
Vue中ECharts入门使用
Hjdjdhg的博客
10-01 880
ECharts是一款基于JavaScript的开源可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表，提供了常规的折线图、柱状图、散点图、用于统计的盒形图，用于地理数据可视化的地图、线图，用于关系数据可视化的关系图、多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。下面写一下Vue中ECharts入门使用。
Echarts中的异步数据加载
2301_81170993的博客
04-25 1382
在Echarts中，异步数据加载是指通过Ajax或其他方式从服务器获取数据，并将数据动态地加载到图表中。这样可以实现实时更新和交互性。Echarts提供了多种方式来实现异步数据加载，以下是其中几种常用的方法：1.使用Ajax请求：可以使用JavaScript中的Ajax技术向服务器发送异步请求，获取数据后再将数据传递给Echarts进行渲染。例如，可以使用jQuery的$.ajax()方法或者原生的对象来发送请求。2.使用Echarts的异步加载模块：Echarts提供了。
Vue3 组件内使用echarts时出现重复挂载的问题
zb527129的博客
07-23 1865
在Vue3中遇到Echarts出现 a chart instance already initialized on the dom.的错误，解决的方案是在初始化之前先销毁chart对象就可以了。
Echarts加载地图的三种方式
wml00000的博客
11-27 9788
参考地址：http://www.echartsjs.com/option.html#geo.map ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。 下面是两种类型的使用示例： JavaScript 引入示例： &lt;script src...
Echarts使用心得总结——异步数据加载
热门推荐
lwpoor123的博客
07-16 2万+
异步加载Echarts的数据一般是在初始化后setOption中直接填入的，但是很多时候可能数据需要异步加载后再填入。ECharts 中实现异步数据的更新非常简单，在图表初始化后不管任何时候只要使用ajax等异步获取数据后通过 setOption 填入数据就行。<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值