日志-2021-8-20 | RtZhao's Blog

日志-2021-8-20

RtZhao

2021-08-20 08:32:59

tantela

1.5k 字 6 分钟

echarts+Json+Springboot

Controller

package com.tantela.controller.ygcTest;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.HashMap;
import java.util.Map;

/**
 * @Author 邪王真眼是最强的
 * @Date 2021/8/20 10:03
 * @Version 1.0
 * */

@Controller
@RequestMapping("echarts")
public class IndexController {

  @RequestMapping(value = "/jsonData", method = RequestMethod.GET)
  @ResponseBody
  public Map<String, Object> jsonTest() {

    String[] xAxisContent = {"衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"};
    int[] dataContent = {5, 20, 36, 10, 10, 20};
    Map<String, Object> optionMap = new HashMap<>(16);
    Map<String, Object> seriesMap = new HashMap<>(16);

    seriesMap.put("name", "销量");
    seriesMap.put("type", "bar");
    seriesMap.put("data", dataContent);

    optionMap.put("text", "ECharts ajax示例");
    optionMap.put("method", "json");
    optionMap.put("legend", new String[]{"销量"});
    optionMap.put("xAxis", xAxisContent);
    optionMap.put("series", seriesMap);

    return optionMap;
  }
}

View

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="main" style="width: 600px;height: 400px;margin: 10% auto"></div>

<script type="application/javascript" src="res/js/jQuery/jquery.js"></script>
<script type="application/javascript" src="res/js/echarts/echarts.min.js"></script>

<script>
    $.ajax({
        url: "http://localhost:9091/echarts/jsonData",
        data: {},
        type: "get",
        dataType: "json",
        success: function (data) {
            console.log(data);
            const myChart = echarts.init(document.getElementById('main'));
            myChart.setOption({
                title: {
                    text: data.text
                },
                tooltip: {},
                legend: {
                    data: data.legend
                },
                xAxis: {
                    data: data.xAxis
                },
                yAxis: {},
                series: [{
                    type: data.series.type,
                    name: data.series.name,
                    data: data.series.data
                }
                ]
            })
        }
    })
</script>

</body>
</html>

ECharts 示例

Confidence Band

一个点的估计 -> 置信区间

一个函数的估计 -> 置信带

盒须图

箱形图（Box-plot）又称为盒须图、盒式图或箱线图，是一种用作显示一组数据分散情况资料的统计图。

在各种领域也经常被使用，常见于品质管理。它主要用于反映原始数据分布的特征，还可以进行多组数据分布特征的比较。

箱线图的绘制方法是：先找出一组数据的上边缘、下边缘、中位数和两个四分位数；然后，连接两个四分位数画出箱体；再将上边缘和下边缘与箱体相连接，中位数在箱体中间。

甘特图

甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。

其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特（Henry Laurence Gantt）先生的名字命名。

Others

OTA：空气质量指数

折线图的标记线：带数据标记的折线图

OA：办公自动化

BPM：业务流程管理

CCBPM 驰骋工作流引擎 ccbpm包含表单引擎与流程引擎两大部分，并且两块完美结合，流程引擎对表单引擎的操纵，协同高效工作, 完成了很多国内生产审批模式下的流程设计

杂项

👍👍👍 Hutool Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。

👍👍👍 YunCouOS 微信、支付宝、聚合支付

🤞🤞🤞Beetl 新一代的模板引擎，它功能强大，性能良好，超过当前流行的模板引擎。而且还易学易用。

BeetSql是一个全功能DAO工具，同时具有Hibernate 优点 & Mybatis优点功能，适用于承认以SQL为中心，同时又需求工具能自动能生成大量常用的SQL的应用。

VuePress Vue 驱动的静态网站生成器

vuepress-theme-reco 开发一款看着开心、写着顺手的 vuepress 博客主题

LayIM LayIM 是基于 layui 的一款用于开发网页端聊天系统的纯静态 UI 界面解决方案，其包含的只是一套前端源代码素材和相关的模拟示例，没有后端程序及数据库存储等服务。

酷瓜云课堂酷瓜云课堂，依托腾讯云基础服务架构，采用C扩展框架Phalcon开发，GPL-2.0开源协议，致力开源网课系统，开源网校系统，开源知识付费系统，开源在线教育系统。

后台模板框架

小诺通用型后台权限管理框架，紧随潮流、开箱即用。拥有多种版本选择，随意搭配使用

Guns快速开发平台更简洁的代码，可插拔式架构，5年磨一剑，帮助中、小企业解决前后端架构问题

不推荐 👴公测期间暂时只开放企业版用户使用，请联系Guns运营团队，获取secretKey

EleAdmin 通用型后台管理模板，界面美观、开箱即用。拥有丰富的扩展组件和模板页面，适合各类中后台应用

😫收费，还有最便宜的只有接口🤏

WOOCMS 精心铸造网站管理系统看上去有点low😒

EasyAdmin 基于ThinkPHP6.0+Layui的快速开发的后台管理系统

Jfinal-layui-pro 专业版 JFinal+layui极速开发企业应用管理系统，是以JFinal+layui为核心的企业应用项目架构，利用JFinal的特性与layui完美结合，达到快速启动项目的目的。

捷码开源 Java快速开发基础架构，由Gem团队倾情打造，面向中小型企业及个人开发者提供全面微服务基础架构解决方案。

若依基于SpringBoot的权限管理系统（作者给女儿起的名字）

TODO

后台首页下周

echarts（柱状、饼图）

Layui（后台管理模板前端界面)

stackoverflow

本文标题：日志-2021-8-20
本文作者：RtZhao
创建时间：2021-08-20 08:32:59
本文链接：https://www.rtzhao.site/2021/08/20/日志-2021-8-20/
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！