使用Springboot+MybatisPlus+Echarts+Mysql从0-1完成中国地图可视化动态展示

已于 2022-05-17 09:12:07 修改
阅读量5.9k 收藏 54
点赞数 5
分类专栏： Html SpringBoot Mybatis MybatisPlus 文章标签： echarts mysql spring boot
于 2022-05-13 15:22:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46713508/article/details/124750821
版权

前言:用到的技术栈:Springboot+MybatisPlus+Echarts+Mysql

1 创建数据库表和新增基本的数据

在这里插入图片描述
方便大家使用我直接导出了.直接运行即可

/*
 Navicat Premium Data Transfer

 Source Server         : 本地库
 Source Server Type    : MySQL
 Source Server Version : 80017
 Source Host           : localhost:3306
 Source Schema         : novc

 Target Server Type    : MySQL
 Target Server Version : 80017
 File Encoding         : 65001

 Date: 13/05/2022 14:11:21
*/

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for novc_data
-- ----------------------------
DROP TABLE IF EXISTS `novc_data`;
CREATE TABLE `novc_data`  (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'id',
  `name` varchar(32) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL DEFAULT NULL COMMENT '省区名称',
  `value` varchar(32) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL DEFAULT NULL COMMENT '确诊人数',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

-- ----------------------------
-- Records of novc_data
-- ----------------------------
INSERT INTO `novc_data` VALUES (1, '北京', '212');
INSERT INTO `novc_data` VALUES (2, '天津', '233');
INSERT INTO `novc_data` VALUES (3, '上海', '32');
INSERT INTO `novc_data` VALUES (4, '重庆', '34');
INSERT INTO `novc_data` VALUES (5, '河北', '126');
INSERT INTO `novc_data` VALUES (6, '河南', '12');
INSERT INTO `novc_data` VALUES (7, '云南', '113');
INSERT INTO `novc_data` VALUES (8, '辽宁', '45');
INSERT INTO `novc_data` VALUES (9, '黑龙江', '156');
INSERT INTO `novc_data` VALUES (10, '湖南', '600');
INSERT INTO `novc_data` VALUES (11, '安徽', '400');
INSERT INTO `novc_data` VALUES (12, '山东', '270');
INSERT INTO `novc_data` VALUES (13, '新疆', '45');
INSERT INTO `novc_data` VALUES (14, '江苏', '308');
INSERT INTO `novc_data` VALUES (15, '浙江', '865');
INSERT INTO `novc_data` VALUES (16, '江西', '476');
INSERT INTO `novc_data` VALUES (17, '湖北', '13522');
INSERT INTO `novc_data` VALUES (18, '广西', '139');
INSERT INTO `novc_data` VALUES (19, '甘肃', '55');
INSERT INTO `novc_data` VALUES (20, '山西', '75');
INSERT INTO `novc_data` VALUES (21, '内蒙古', '34');
INSERT INTO `novc_data` VALUES (22, '陕西', '142');
INSERT INTO `novc_data` VALUES (23, '吉林', '42');
INSERT INTO `novc_data` VALUES (24, '福建', '179');
INSERT INTO `novc_data` VALUES (25, '贵州', '56');
INSERT INTO `novc_data` VALUES (26, '广东', '800');
INSERT INTO `novc_data` VALUES (27, '青海', '15');
INSERT INTO `novc_data` VALUES (28, '西藏', '1');
INSERT INTO `novc_data` VALUES (29, '四川', '134');
INSERT INTO `novc_data` VALUES (30, '宁夏', '34');
INSERT INTO `novc_data` VALUES (31, '海南', '80');
INSERT INTO `novc_data` VALUES (32, '台湾', '13');
INSERT INTO `novc_data` VALUES (33, '香港', '13');
INSERT INTO `novc_data` VALUES (34, '澳门', '65');

SET FOREIGN_KEY_CHECKS = 1;

2 新建项目并且引入相关依赖和相关js

相关依赖

  <dependencies>
        <!--spring web-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
          <!--thymeleaf-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <!--mysql-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.11</version>
        </dependency>
        <!--lombok-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <!--mybatisPlus-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.1.1</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

相关js(注:china.js目前无法从echarts获取,大家可以通过一下链接获取.或者私聊我)

China.js链接：https://pan.baidu.com/s/1QLnaI0UZAi1WI9TRZuTSbw?pwd=2000
提取码：2000

在这里插入图片描述

3 编写基本的模块代码

配置

spring:
    datasource:
        #mysql
        driver-class-name: com.mysql.cj.jdbc.Driver
        password: root
        url: jdbc:mysql:///novc?serverTimezone=GMT&allowPublicKeyRetrieval=true&useSSL=false&characterEncoding=utf8
        username: root

index配置
我们的页面叫index,所以不用配置直接访问localhost:8080即可访问到,如果其他名称就需要写个映射

4 静态页面(echarts写死数据)

推荐一个echarts网址:https://www.isqqw.com
我参考的是这个:https://www.isqqw.com/echartsdetail?id=23968

spring:
    datasource:
        #mysql
        driver-class-name: com.mysql.cj.jdbc.Driver
        password: root
        url: jdbc:mysql:///novc?serverTimezone=GMT&allowPublicKeyRetrieval=true&useSSL=false&characterEncoding=utf8
        username: root
    #web
    web:
        resources:
            static-locations: classpath:/META-INF/resources/, classpath:/resources/, classpath:/static/, classpath:/public/, classpath:/templates/

index页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--引入相关js文件-->
    <script src="../echarts/echarts.js"></script>
    <script src="/echarts/china.js"></script>
    <script src="/echarts/jquery.js"></script>
    <title>中国疫情图</title>
</head>
<body>
    <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
    <div id="main" style="width: 900px;height:700px"></div>
</body>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    window.dataList = [
        {name: '澳门', value: 18},
        {name: '香港', value: 273},
        {name: '台湾', value: 153},
        {name: '新疆', value: 76},
        {name: '宁夏', value: 75},
        {name: '青海', value: 18},
        {name: '甘肃', value: 134},
        {name: '陕西', value: 248},
        {name: '西藏', value: 1},
        {name: '云南', value: 176},
        {name: '贵州', value: 146},
        {name: '四川', value: 543},
        {name: '重庆', value: 576},
        {name: '海南', value: 168},
        {name: '广西', value: 254},
        {name: '广东', value: 1407},
        {name: '湖南', value: 1018},
        {name: '湖北', value: 67800},
        {name: '河南', value: 1273},
        {name: '山东', value: 765},
        {name: '江西', value: 936},
        {name: '福建', value: 307},
        {name: '安徽', value: 990},
        {name: '浙江', value: 1237},
        {name: '江苏', value: 633},
        {name: '上海', value: 394},
        {name: '黑龙江', value: 484},
        {name: '吉林', value: 93},
        {name: '辽宁', value: 126},
        {name: '内蒙古', value: 75},
        {name: '山西', value: 133},
        {name: '河北', value: 319},
        {name: '天津', value: 137},
        {name: '北京', value: 512}
    ];
    option = {
        tooltip: {
            triggerOn: "click",
            formatter: function(e, t, n) {
                return '.5' == e.value ? e.name + "：有疑似病例" : e.seriesName + "<br />" + e.name + "：" + e.value
            }
        },
        toolbox: {
            show: true,
            orient: 'vertical',
            left: 'right',
            top: 'center',
            feature: {
                dataView: {readOnly: false},
                restore: {},
                saveAsImage: {}
            }
        }, // 提供下载工具
        visualMap: {
            min: 0,
            max: 100000,
            left: 26,
            bottom: 40,
            showLabel: !0,
            text: ["高", "低"],
            pieces: [{
                gt: 10000,
                label: "> 10000人",
                color: "#7f1100"
            }, {
                gte: 1000,
                lte: 10000,
                label: "1000 - 10000人",
                color: "#ff5428"
            }, {
                gte: 100,
                lt: 1000,
                label: "100 - 1000人",
                color: "#ff8c71"
            }, {
                gt: 10,
                lt: 100,
                label: "10 - 100人",
                color: "#ffd768"
            }, {
                gt: 1,
                lt: 10,
                label: "1 - 10人",
                color: "#ffffff"
            }],
            show: !0
        },
        geo: {
            map: "china",
            roam: !1,
            scaleLimit: {
                min: 1,
                max: 2
            },
            zoom: 1.23,
            top: 120,
            label: {
                normal: {
                    show: !0,
                    fontSize: "14",
                    color: "rgba(0,0,0,0.7)"
                }
            },
            itemStyle: {
                normal: {
                    //shadowBlur: 50,
                    //shadowColor: 'rgba(0, 0, 0, 0.2)',
                    borderColor: "rgba(0, 0, 0, 0.2)"
                },
                emphasis: {
                    areaColor: "#f2d5ad",
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    borderWidth: 0
                }
            }
        },
        series: [{
            name: "确诊病例",
            type: "map",
            geoIndex: 0,
            data: window.dataList
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</html>

访问 http://localhost:8080 出现地图说明完成,接下来进行改动,数据动态从数据库获取
在这里插入图片描述
在这里插入图片描述

5 动态页面(数据从数据库查询进行展示)

6 后端业务编写

entity

package com.wyh.entity;

import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;

/**
 * @program: SpringBoot_ChinaNocv
 * @description: novc实体类
 * @author: 魏一鹤
 * @createDate: 2022-05-13 14:36
 **/
@Data
@TableName("novc_data")
public class NovcData {
    //id
    private Integer id;
    //省
    private String name;
    //确诊人数
    private Integer value;
}

mapper

package com.wyh.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.wyh.entity.NovcData;
import org.apache.ibatis.annotations.Mapper;

/**
 * @program: SpringBoot_ChinaNocv
 * @description: index mapper
 * @author: 魏一鹤
 * @createDate: 2022-05-13 14:31
 **/
@Mapper
//在mapper需要使用mybatisPlus需要继承BaseMapper<实体类>
public interface NovcMapper extends BaseMapper<NovcData> {
}

service

package com.wyh.service;

import com.baomidou.mybatisplus.extension.service.IService;
import com.wyh.entity.NovcData;

/**
 * @program: SpringBoot_ChinaNocv
 * @description: novc service
 * @author: 魏一鹤
 * @createDate: 2022-05-13 14:41
 **/

//在service需要使用mybatisPlus需要继承IService<实体类>
public interface NovcService extends IService<NovcData> {
}

serviceImpl

package com.wyh.service.impl;

import com.baomidou.mybatisplus.extension.service.IService;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.wyh.entity.NovcData;
import com.wyh.mapper.NovcMapper;
import com.wyh.service.NovcService;
import org.springframework.stereotype.Service;

/**
 * @program: SpringBoot_ChinaNocv
 * @description: novc service接口实现
 * @author: 魏一鹤
 * @createDate: 2022-05-13 14:42
 **/
@Service
//实现类使用mybatisPlus需要继承extends ServiceImpl<实体mapper,实体类>
public class NovcServiceImpl extends ServiceImpl<NovcMapper, NovcData> implements NovcService {
}

controller

package com.wyh.controller;

import com.wyh.entity.NovcData;
import com.wyh.service.NovcService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

/**
 * @program: SpringBoot_ChinaNocv
 * @description: 控制器
 * @author: 魏一鹤
 * @createDate: 2022-05-13 12:14
 **/

@RestController
public class NovcController {
   @Autowired
   private NovcService novcService;
   @RequestMapping("/query")
   public List<NovcData> queryData() {
      //通过数据库 查询全部数据并且返回
      return novcService.list();
   }
}

写到这里,后端就完成了,测试下接口
访问http://localhost:8080/query
在这里插入图片描述

7 前台ajax请求渲染数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--引入相关js文件-->
    <script src="../echarts/echarts.js"></script>
    <script src="/echarts/china.js"></script>
    <script src="/echarts/jquery.js"></script>
    <title>中国疫情图</title>
</head>
<body>
    <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
    <div id="main" style="width: 900px;height:700px"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        //数据容器
        var dataList = [];
        option = {
            tooltip: {
                triggerOn: "click",
                formatter: function(e, t, n) {
                    return '.5' == e.value ? e.name + "：有疑似病例" : e.seriesName + "<br />" + e.name + "：" + e.value
                }
            },
            toolbox: {
                show: true,
                orient: 'vertical',
                left: 'right',
                top: 'center',
                feature: {
                    dataView: {readOnly: false},
                    restore: {},
                    saveAsImage: {}
                }
            }, // 提供下载工具
            visualMap: {
                min: 0,
                max: 100000,
                left: 26,
                bottom: 40,
                showLabel: !0,
                text: ["高", "低"],
                pieces: [{
                    gt: 10000,
                    label: "> 10000人",
                    color: "#7f1100"
                }, {
                    gte: 1000,
                    lte: 10000,
                    label: "1000 - 10000人",
                    color: "#ff5428"
                }, {
                    gte: 100,
                    lt: 1000,
                    label: "100 - 1000人",
                    color: "#ff8c71"
                }, {
                    gt: 10,
                    lt: 100,
                    label: "10 - 100人",
                    color: "#ffd768"
                }, {
                    gt: 1,
                    lt: 10,
                    label: "1 - 10人",
                    color: "#ffffff"
                }],
                show: !0
            },
            geo: {
                map: "china",
                roam: !1,
                scaleLimit: {
                    min: 1,
                    max: 2
                },
                zoom: 1.23,
                top: 120,
                label: {
                    normal: {
                        show: !0,
                        fontSize: "14",
                        color: "rgba(0,0,0,0.7)"
                    }
                },
                itemStyle: {
                    normal: {
                        //shadowBlur: 50,
                        //shadowColor: 'rgba(0, 0, 0, 0.2)',
                        borderColor: "rgba(0, 0, 0, 0.2)"
                    },
                    emphasis: {
                        areaColor: "#f2d5ad",
                        shadowOffsetX: 0,
                        shadowOffsetY: 0,
                        borderWidth: 0
                    }
                }
            }
        };
        //ajax请求后端接口数据
        $.ajax({
            url: "/query",
            dataType: "json",
            //成功回调
            success:function(data) {
                //把请求到的数据渲染到echarts数据容器中
                for (var i in data) {
                    dataList[i]=data[i];
                }
                myChart.setOption({
                    series:[{
                        name:"确诊病例",
                        type:"map",
                        geoIndex:0,
                        data:dataList
                    }]
                })
            }

        });

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>

最终就是这样的
在这里插入图片描述

小花皮猪
关注
  • 5
    点赞
  • 踩
  • 54
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
专栏目录
将数据库里面的数据导入到地图界面
qq_43541507的博客
04-20 838
目录数据生成(请自己随机生成数据并将数据导入到数据库中)数据导入完成后进行查询语句编写修改jsp内容达到省级人数统计:修改jsp页面的内容达到市级页面的统计:1:打开需要统计的市级: 数据生成(请自己随机生成数据并将数据导入到数据库中) 注意:需要我们把数据库的名字定位test2 表的名字定为t1 否则这条语句不通过,查出来的值为空,后面就可能出现空指针异常之类的情况!!1 这里我们以Excel的数据为例 这个是我随机写的数据: 然后将数据导入数据库 按照你自己装的数据库点导入,我这里装的是Navic
vue使用echarts显示中国地图
热门推荐
一入前端深似海
09-11 2万+
到这就完成了中国地图绘制，就可以看到文章顶部效果图，具体参数配置根据个人可以更改。引入一个公共js文件（下面这段代码就是china.js文件）下面介绍一个方法如何用echarts画一个中国地图，如图。左侧图例加上单位的写法，替换掉原有的 splitList。项目引入echarts以后，在页面创建canvas标签。使用地图的页面引入上面的公用Js！2022/5/5 特别补充，2022/5/5 追加补充。
Springboot+mybatis+echarts实现数据可视化 折线图饼图柱状图
06-22
Springboot+mybatis+echarts实现数据可视化 可实现折线图饼图柱状图
ECharts——绘制柱状图
娓娓道来
08-28 1174
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></sc...
vue+springboot实现echarts数据图统计
最新发布
m0_74924621的博客
05-22 395
springboot项目中创建Orders实体类。Charts.vue:动态版。Charts.vue：静态版。
SpringBoot，ECharts(动态实现)
m0_47073109的博客
09-08 2469
SpringBoot项目对数据进行可视化(动态实现) 效果展示 这里用到Echarts图,可以借鉴https://echarts.apache.org/examples/zh/index.html Apache官网 首先要创建SpringBoot-mybatis项目,导入依赖,写application.yml,写mapper从数据库查询数据 大致结构 ...
Java项目（SpringBoot+MyBatis-Plus）：国内新冠肺炎疫情大数据可视化平台+疫情数据后台管理系统
小透明的博客
06-27 2375
项目框架：SpringBoot + MyBatis-Plus + MySQL + Echarts 首先运行Covid-19-Data.exe输入MySQL数据库的相关信息将关于新冠肺炎疫情的数据从腾讯新闻或者百度新闻的实时疫情动态中直接爬取下来存储入MySQL数据库中，然后运行SpringBoot 项目进入到登录界面，输入正确的登录账号和密码过后通过Echarts进行绘制图表来进行大屏显示，并且可点击右上角进入后台管理查看以及维护数据信息。........................
基于Springboot + Mybatis-Plus + echarts + Layui 的校园疫情防控系统源码.zip
06-23
【标题】中的“基于Springboot + Mybatis-Plus + echarts + Layui 的校园疫情防控系统源码”揭示了这个项目采用的技术栈，主要用于构建一套校园疫情防控的后台管理系统。以下是这些技术的相关知识点： **Spring ...
基于SpringBoot+Vue的学生选课管理系统的毕业设计，Vue+SpringBoot+MybatisPlus+MySQL
03-24
后端使用SpringBoot+MybatisPlus+MySQL实现,主要包括CourseController、StudentController、CourseService、StudentService等,实现课程CRUD、学生CRUD等接口。 前端使用Vue+ElementUI实现,主要包括Course.vue、...
本科毕业设计+基于Springboot+mybatisplus+Layui+mysql开发的图书管理系统（源码+数据库文件）
06-20
本科毕业设计+基于Springboot+mybatisplus+Layui+mysql开发的图书管理系统（源码+数据库文件），代码亲测，无需任何修改，可直接运行！ 本科毕业设计+基于Springboot+mybatisplus+Layui+mysql开发的图书管理系统...
SpringBoot+MybatisPlus+代码生成器整合示例
08-19
本示例项目主要展示了如何使用SpringBoot和MybatisPlus来快速构建一个数据库操作的应用程序，并使用代码生成器来生成相关的数据库访问代码。 在这个示例项目中，我们使用了SpringBoot作为基础框架，MybatisPlus作为...
springBoot2.1做的大屏数据展示
11-16
基于springboot2.1，oracle，mybitas，themeleaf做的大屏数据展示，拿来修改sql内容就可以使用，doc中有实际应用截图。也可以做学习springboot使用。
碎片知识-03 如何使用SpringBoot+Echarts+Mybatis Plus +Mysql 开发一个数据分析功能
u014157897的博客
09-24 365
Echart 数据分析 基础： 需要了解Html+CSS+JS 了解Echarts 技术 官网 开发思路，需要将数据从数据库查出来之后通过Echart的数据格式进行反馈 开发步骤： 1、新建数据库，选择需要查询的数据 新建一张数据表，通过查询语句获取需要查询的数据，如下： SELECT project_name,pingtime from bussiness_message WHERE pingtime>0 GROUP BY pingtime 2、编写两个VO 类，用于存储从数据库取出的数据，并重
Echarts 实现动态地图
java_zhaoyanli的专栏
08-24 7496
&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;地图分布动画特效&lt;/title&gt; &lt;style&gt; *{ margin: 0; padding: 0; } &lt;/style&gt; &lt;/head
可视化大屏设计BI平台【SpringBoot+MyBatisPlus】【开源】【分享】
小透明的博客
04-24 1871
AJ-Report是一个完全开源的BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。多数据源支持，内置mysql、elasticsearch、kudu等多种驱动，支持自定义数据集省去数据接口开发，目前已支持20种大屏组件/图表，不会开发，照着设计稿也可以制作大屏。大屏设计（AJ-Report）是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。
springboot整合echarts的树状图饼状图
l411723的博客
11-29 457
Springboot+echarts树状图饼状图
数据可视化：基于 Echarts + SpringBoot 的动态实时大屏银行监管系统【源码】
架构文摘
05-20 541
数据可视化大屏的出现，掀起一番又一番的浪潮，众多企业主纷纷想要打造属于自己的“酷炫吊炸天”的霸道总裁大屏驾驶舱。一、效果图展示1、动态实时更新数据效果图2、鼠标右键切换主题二、 确定需求方案1、确定产品上线部署的屏幕LED分辨率本案例基于16:9 屏宽比，F11全屏显示。2、部署方式基于免安装可执行程序：支持Windows、Linux、Mac等各种操作系统；将程序复制到服务器上即可，无需其它环境依...
springboot+echarts+mybatis实现动态图表
m0_69064503的博客
07-12 471
springboot-echarts-mybatis动态图表。整理了一下柱状图、折线图、饼图、散点图、漏斗图、仪表图。动态演示在b站上传了视频进行演示。连接操作数据库，前端动态展现。
基于 SpringBoot + Echarts 实现的动态实时大屏
方志朋的博客
06-18 255
欢迎关注方志朋的博客，回复”666“获面试宝典来源：https://yydatav.blog.csdn.net/?type=blog效果图展示一、确定需求方案1、确定产品上线部署的屏幕LED分辨率本案例基于16:9 屏宽比，F11全屏显示。2、部署方式基于免安装可执行程序：支持Windows、Linux、Mac等各种操作系统；将程序复制到服务器上即可，无需其它...
springboot+vue+mysql+echarts
12-06
Spring Boot是一个基于Spring框架的快速开发Web应用程序的框架，Vue是一种流行的JavaScript框架，用于构建用户界面，MySQL是一种流行的关系型数据库，Echarts是一个基于JavaScript的图表库，用于可视化数据。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小花皮猪

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值