基于JavaScript的eCharts百度地图学生籍贯数据可视化统计

目 录

  1. 需求分析 1
    1.1. 显示百度地图 1
    1.2. 显示学生 1
  2. 系统设计 2
    2.1. 用例图 2
    2.2. ER图 2
    2.3. UML类图(Class Diagram) 3
    2.4. UML活动图(Activity Diagram) 3
  3. 系统实现 4
    3.1. 项目结构 4
    3.2. 配置文件 5
    3.2.1. application.properties文件 5
    3.2.2. SydController.java文件 6
    4.1. common的R.java 7
    4.2. Mapper层Mapper 8
    4.3. 接口映射文件SydMapper.xml 9
    4.4. Service层接口SydService.java 9
    4.5. entity层Syd.java 10
  4. 系统测试 10
  5. 系统总结 12
    1.需求分析
    设计一个在百度地图上统计学生籍贯所在地。实现在百度地图上的显示,学生的jiguan 显示在地图等功能,本文转载自http://www.biyezuopin.vip/onews.asp?id=15237具体要求如下:
    1.1.显示百度地图
    打开网页显示百度
    1.2.显示学生
    每个来自不同地区的学生会显示在百度地图上面如图1-1,每一个在百度地图上的点都代表一个学生,每个点会显示学生的信息如图1-2。
package com.test.ditu;


import com.baomidou.mybatisplus.core.exceptions.MybatisPlusException;
import com.baomidou.mybatisplus.core.toolkit.StringPool;
import com.baomidou.mybatisplus.core.toolkit.StringUtils;
import com.baomidou.mybatisplus.generator.AutoGenerator;
import com.baomidou.mybatisplus.generator.InjectionConfig;
import com.baomidou.mybatisplus.generator.config.*;
import com.baomidou.mybatisplus.generator.config.po.TableInfo;
import com.baomidou.mybatisplus.generator.config.rules.NamingStrategy;
import com.baomidou.mybatisplus.generator.engine.FreemarkerTemplateEngine;

import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;

// 演示例子,执行 main 方法控制台输入模块表名回车自动生成对应项目目录中
public class CodeGenerator {

    /**
     * 

* 读取控制台内容 *

*/ public static String scanner(String tip) { Scanner scanner = new Scanner(System.in); StringBuilder help = new StringBuilder(); help.append("请输入" + tip + ":"); System.out.println(help.toString()); if (scanner.hasNext()) { String ipt = scanner.next(); if (StringUtils.isNotEmpty(ipt)) { return ipt; } } throw new MybatisPlusException("请输入正确的" + tip + "!"); } public static void main(String[] args) { // 代码生成器 AutoGenerator mpg = new AutoGenerator(); // 全局配置 GlobalConfig gc = new GlobalConfig(); String projectPath = System.getProperty("user.dir"); gc.setOutputDir(projectPath + "/src/main/java"); // gc.setOutputDir("D:\\test"); gc.setAuthor("关注公众号:MarkerHub"); gc.setOpen(false); // gc.setSwagger2(true); 实体属性 Swagger2 注解 gc.setServiceName("%sService"); mpg.setGlobalConfig(gc); // 数据源配置 DataSourceConfig dsc = new DataSourceConfig(); dsc.setUrl("jdbc:mysql://localhost:3306/hw1?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=UTC"); // dsc.setSchemaName("public"); dsc.setDriverName("com.mysql.cj.jdbc.Driver"); dsc.setUsername("root"); dsc.setPassword(""); mpg.setDataSource(dsc); // 包配置 PackageConfig pc = new PackageConfig(); pc.setModuleName(null); pc.setParent("com.test.ditu"); mpg.setPackageInfo(pc); // 自定义配置 InjectionConfig cfg = new InjectionConfig() { @Override public void initMap() { // to do nothing } }; // 如果模板引擎是 freemarker String templatePath = "/templates/mapper.xml.ftl"; // 如果模板引擎是 velocity // String templatePath = "/templates/mapper.xml.vm"; // 自定义输出配置 List focList = new ArrayList<>(); // 自定义配置会被优先输出 focList.add(new FileOutConfig(templatePath) { @Override public String outputFile(TableInfo tableInfo) { // 自定义输出文件名 , 如果你 Entity 设置了前后缀、此处注意 xml 的名称会跟着发生变化!! return projectPath + "/src/main/resources/mapper/" + "/" + tableInfo.getEntityName() + "Mapper" + StringPool.DOT_XML; } }); cfg.setFileOutConfigList(focList); mpg.setCfg(cfg); // 配置模板 TemplateConfig templateConfig = new TemplateConfig(); templateConfig.setXml(null); mpg.setTemplate(templateConfig); // 策略配置 StrategyConfig strategy = new StrategyConfig(); strategy.setNaming(NamingStrategy.underline_to_camel); strategy.setColumnNaming(NamingStrategy.underline_to_camel); strategy.setEntityLombokModel(true); strategy.setRestControllerStyle(true); strategy.setInclude(scanner("表名,多个英文逗号分割").split(",")); strategy.setControllerMappingHyphenStyle(true); strategy.setTablePrefix("t_"); mpg.setStrategy(strategy); mpg.setTemplateEngine(new FreemarkerTemplateEngine()); mpg.execute(); } }

基于JavaScript的eCharts百度地图学生籍贯数据可视化统计_第1张图片

基于JavaScript的eCharts百度地图学生籍贯数据可视化统计_第2张图片
基于JavaScript的eCharts百度地图学生籍贯数据可视化统计_第3张图片
基于JavaScript的eCharts百度地图学生籍贯数据可视化统计_第4张图片
基于JavaScript的eCharts百度地图学生籍贯数据可视化统计_第5张图片

你可能感兴趣的:(JavaScript,eCharts,百度地图,学生籍贯可视化,可视化分析)