Springboot+Vue+echatrs下拉框实现_如何在echarts的工具栏中添加一个下拉框-程序员宅基地

技术标签: java  vue.js  Echart  

Springboot+Vue+echatrs下拉框实现

一、创建数据库

二、创建springboot项目

在pom.xml添加相应的依赖,在application.yml连接数据库和配置文件路径。

1、pom.xml文件:
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>only</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>only</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.3</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>

        <!-- 整合JSP -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
        </dependency>

        <dependency>
            <groupId>com.oracle.database.jdbc</groupId>
            <artifactId>ojdbc8</
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_49898212/article/details/109571913

智能推荐

5,ORM组件XCode(动手)-程序员宅基地

文章浏览阅读53次。本篇才真正是XCode教程第一篇。《速览》是为了以最简洁的语言最短小的篇幅去吸引开发者;《简介》则是对XCode组件和XCode开发模式的一个整体介绍,让开发者从宏观的角度去理解XCode;《共舞》把XCode提到了一个新的高度,让开发者感受到它的贵族血统! 先抛出三篇来吸引人,再出《动手》,其实就是吊人胃口。如果到这里你还没有想试一试XC...

NGUI之按钮置灰_ngui 按钮变灰-程序员宅基地

文章浏览阅读2.4k次。转载自:http://www.cnblogs.com/U-tansuo/p/NGUI_Button_disable.html传统按钮置灰,需要使用另外一张纹理。本例通过修改shader和NGUI sprite的r值来实现按钮的置灰。优势:节省纹理,操作简单只需将NGUI的Resource/Shaders目录下Unlit - Transparent Colored的shader修改部分代_ngui 按钮变灰

Android下动态获取View的高度或宽度_android 动态高度的view需要高度相同的line-程序员宅基地

文章浏览阅读8.7k次。Android下View必须实现onMeasure,onLayout(ViewGroup实现),onDraw(View实现,ViewGroup调用子View的onDraw)三个方法,要动态获取View的高度(或宽度)就必须要理解这三个方法的调用的时间。原创文章,欢迎转载,请保留出处。有任何错误、疑问或者建议,欢迎指出。我的邮箱:[email protected]_android 动态高度的view需要高度相同的line

Codeforces 中文题解(持续更新)_codeforces中文-程序员宅基地

文章浏览阅读2.1k次,点赞4次,收藏11次。Codeforces近期比赛中文题解_codeforces中文

JPA 概述及 SpringDataJpa 框架基本使用指南-程序员宅基地

文章浏览阅读7.7k次,点赞5次,收藏29次。JPA 概述及 SpringDataJpa 框架基本使用指南_jpa

如何在npm发布自己的包和上传文件到github_如何发布 npm 包到 github-程序员宅基地

文章浏览阅读4.6k次。基于上一篇抽离完前端组件,现在想要把组件放在npm库里,并上传到自己的github上在npm库发布包你必须拥有npm库的账号 注册: https://www.npmjs.com/在抽离组件的文件夹中打开cmd,运行npm publish 注意:发布的包名为package.json中的name几种报错: a.当前的npm为淘宝镜像或其他,不是在npm,用nrm ls查看,nrm ..._如何发布 npm 包到 github

随便推点

Jenkins修改update-center_jenkins update site-程序员宅基地

文章浏览阅读1.4k次。安装插件点击安全盾牌后,从弹窗中点击Manage Jenkins参考文档:持续集成-Jenkins常用插件安装_jenkins update site

嵌入式第一天-C语言基础语法-程序员宅基地

文章浏览阅读598次,点赞16次,收藏17次。原因在于,使用补码,可以将符号位和数值域统一处理;此外,补码与原码相互转换,其运算过程是相同的,不需要额外的硬件电路。原码表示法简单易懂,与带符号数本身转换方便,只要符号还原即可,但当两个正数相减或不同符号数相加时,必须比较两个数哪个绝对值大,才能决定谁减谁,才能确定结果是正还是负,所以原码不便于加减运算。原码:一个数的原码就是它的二进制表示,其中最高位是符号位(0表示正,1表示负)。对于正数,反码与原码相同,对于负数,符号位不变,其它部分取反(1变0,0变1)。对于正数,原码、反码、补码相同。

snmp trap日志_snmp协议能支持syslog日志接入吗-程序员宅基地

文章浏览阅读3.1k次。日志类型有三种,file,syslog和snmp trapsnmptrapd.conf 文件内容及参数snmptrapd手册:http://www.net-snmp.org/docs/man/snmptrapd.conf.html,http://www.net-snmp.org/wiki/index.php/Snmptrapd中文翻译:《snmptrapd.conf 文件内容及参数》,而且详细列出了参数《Snmp Trap 的发送和接收演示》IBM开发者网站关于snmp trap引用最._snmp协议能支持syslog日志接入吗

WinCE开发中Boot Loader的点点滴滴_代码%_winceroot%是什么-程序员宅基地

文章浏览阅读542次。作者:mobilechannel转自:http://blog.csdn.net/mobilechannel/article/details/274351作者:付林林 来源:天极网   我很庆幸在公司的产品开发过程中并没有受到Boot Loader带来的阻力,因为我们采用MSDOS+Loadcepc来启动CE操作系统。显然这样的幸运不是永_代码%_winceroot%是什么

将div设为链接_div加链接-程序员宅基地

文章浏览阅读4.5k次。我有一个<div>块,有一些我不想改变的花哨的视觉内容。 我想让它成为一个可点击的链接。 我正在寻找像<a href="…"><div> … </_div加链接

UNet网络实现及解析_unet神经网络-程序员宅基地

文章浏览阅读6.7k次。UNet网络实现及解析简介 Unet是受到FCN启发针对医学图像做语义分割,且可以利用少量的数据学习到一个对边缘提取十分鲁棒的模型,在生物医学图像分割领域有很大作用。网络结构  网络结构如下图:  如上图其结构如英文字母u,所以被命名为unet。其建立在FCN的架构上,首先是从左侧输入开始的一系列卷积层,这里主要有5层,目的是用来提取图片的特征,这里可以使用vgg或者resnet等经典的特征提取网络。然后是右侧的结构,首先从最下层开始将提取出的特征进行上采样,上采样后的特征与其上一层的_unet神经网络

推荐文章

热门文章

相关标签