SpringCloud集成VUE通过ECHARTS做统计，含小米、腾讯、阿里

本文链接：https://blog.csdn.net/2401_83621784/article/details/137252548

    //对应数量

    List<Integer> countList = orderCountVos.stream().map(OrderCountVo::getCount).collect(Collectors.toList());

    Map<String, Object> map = new HashMap<>();

    map.put("dateList", dateList);

    map.put("countList", countList);

    return map;

}




**控制层**

@ApiOperation(value = “获取订单统计数据”)

@PostMapping("inner/getCountMap")

public Map<String, Object> getCountMap(@RequestBody OrderCountQueryVo orderCountQueryVo){

 return orderInfoService.getCountMap(orderCountQueryVo);

}




编译时不加载xml文件，可以把xml文件放在resource下，或者编译后将xml复制到target文件下



通过配置让编译时加载java下的xml文件，配置文件



> mybatis-plus.mapper-locations=classpath:com/lzq/yygh/mapper/xml/\*.xml



pom文件

<plugins>

    <plugin>

        <groupId>org.springframework.boot</groupId>

        <artifactId>spring-boot-maven-plugin</artifactId>

    </plugin>

</plugins>

<resources>

<resource>

    <directory>src/main/java</directory>

    <includes>

        <include>**/*.yml</include>

        <include>**/*.properties</include>

        <include>**/*.xml</include>

    </includes>

    <filtering>false</filtering>

</resource>

<resource>

    <directory>src/main/resources</directory>

    <includes> <include>**/*.yml</include>

        <include>**/*.properties</include>

        <include>**/*.xml</include>

    </includes>

    <filtering>false</filtering>

</resource>

</resources>

</build>




要使用**远程调用**，创建service\_order\_client，添加feign接口

@FeignClient(value = “service-orders”)

@Repository

public interface OrderFeignClient {

/**

 * 获取订单统计数据

 */

@PostMapping("/api/order/orderInfo/inner/getCountMap")

Map<String, Object> getCountMap(@RequestBody OrderCountQueryVo orderCountQueryVo);

}




**创建service\_statistics模块**

    <dependency>

        <groupId>com.lzq</groupId>

        <artifactId>service_order_client</artifactId>

        <version>0.0.1-SNAPSHOT</version>

    </dependency>

</dependencies>




配置文件

服务端口

server.port=8209

服务名

spring.application.name=service-sta

环境设置：dev、test、prod

spring.profiles.active=dev

nacos服务地址

spring.cloud.nacos.discovery.server-addr=127.0.0.1:8888




启动类

@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)

@EnableDiscoveryClient

@EnableFeignClients(basePackages = {“com.lzq”})

@ComponentScan(basePackages = {“com.lzq”})

public class ServiceStatisticsApplication {

public static void main(String[] args) {

    SpringApplication.run(ServiceStatisticsApplication.class, args);

}

}




控制层

@Api(tags = “统计管理接口”)

@RestController

@RequestMapping(“/admin/statistics”)

public class StatisticsController {

@Autowired

private OrderFeignClient orderFeignClient;

@ApiOperation(value = "获取订单统计数据")

@GetMapping("getCountMap")

public R getCountMap(@ApiParam(name = "orderCountQueryVo",

        value = "查询对象", required = false)OrderCountQueryVo orderCountQueryVo) {

    Map<String, Object> map = orderFeignClient.getCountMap(orderCountQueryVo);

    return R.ok().data(map);

}

}




**在编写对应的网关**



**前端安装插件 ECHARTS**

------------------



> npm install --save echarts@4.1.0



添加路由，router，index.js

{

  path: '/statistics',

  component: Layout,

  redirect: '/statistics/order/index',

  name: 'BasesInfo',

  meta: { title: '统计管理', icon: 'table' },

  alwaysShow: true,

  children: [

  {

  path: 'order/index',

  name: '预约统计',

  component: () =>import('@/views/yygh/sta/index'),

  meta: { title: '预约统计' }

  }

  ]

  },




创建对应页面，封装api请求

import request from ‘@/utils/request’

const api_name = ‘/admin/statistics’

export default {

getCountMap(searchObj) {

return request({

url: ${api_name}/getCountMap,

method: ‘get’,

params: searchObj

})

}




对应页面

<div class="app-container">

<!--表单-->

<el-form :inline="true" class="demo-form-inline">

    <el-form-item>

        <el-input v-model="searchObj.hosname" placeholder="点击输入医院名称"/>

    </el-form-item>



    <el-form-item>

        <el-date-picker

            v-model="searchObj.reserveDateBegin"

            type="date"

            placeholder="选择开始日期"

            value-format="yyyy-MM-dd"/>

    </el-form-item>

    <el-form-item>

        <el-date-picker

            v-model="searchObj.reserveDateEnd"

            type="date"

            placeholder="选择截止日期"

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。