实训

大数据实训(共享单车数据分析10天)

  • 第一天
  • 项目内容
    • 一、统一开发环境
    • 二、地图用例分析
  • 作业:
  • 其他知识
    • 一、Maven
    • 二、AJAX
    • 三、eclipse配置相关路径
    • API
  • 面试知识

相关数据素材等来源于达内教育的陈老师,仅供学习参考!!!

第一天

项目内容

一、统一开发环境

  • JDK ,1.8;
  • Tomcat ,8.5;
  • Maven,3.5.2;
  • eclipse
  • Mariadb,MySQL的社会版,也可以直接选择用MySQL;

二、地图用例分析

  1. 学习场景越接近真实应用场景,记忆越持久

  2. 需求:实现一个和纽约市官方地图用例一样的功能

    解决方案:先进行功能的拆分

    (1)在页面上显示一个纽约市地图
    (2)在地图上显示一个图标
    (3)在地图上显示所有站点的图标:站点经纬度
    (4)使用不同的图标显示站点:站点的存车数据
    (5)点击任意一个站点,弹出站点详细信息
    (6)缩放级别改变时,自动切换图标的类型
    (7)在地图上添加按钮,实现桩和车图标之间的切换

  3. 在页面上显示纽约市地图
    想要实现在浏览器页面上显示地图,需要使用第三方的地图插件。国内比较流行的地图插件有:百度地图、高德地图、腾讯地图等。

    为什么用该地图插件? 组件的选型问题:要根据你当前应用的特点去选择最合适的组件。你需要了解备选的这些组件的特点。

    本项目中使用的是百度地图的插件。 原因: 1. 本案例显示的是纽约市地图,高德地图和腾讯地图均不支持显示纽约市地图。 2. 本案例后续使用ECharts作为前端数据可视化插件,该插件是百度的开源项目,与百度地图插件可以无缝整合。

    百度地图提供了开发者学习使用插件的教学网站 http://lbsyun.baidu.com/index.php?title=jspopular3.0。
    实训_第1张图片
    (1)注册成为百度地图开发者
    (2)获取了百度地图的密钥
    实训_第2张图片
    (3)在Eclipse中创建nybike项目
    (4)在nybike项目的webapp目录下创建一个firstmap.html文件
    (5)复制百度地图提供的入门地图案: http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/helloworld的代码,覆盖firstmap.html中所有的内容
    (6)修改firstmap.html第12行的内容,将"您的密钥"替换成之前申请到的百度地图密钥,并保存
    (7)右键项目->Run As -> Run on Server -> Finish,将项目部署到Tomcat上
    (8)在谷歌浏览器上访问http://localhost:8080/nybike/firstmap.html,查看第一个地图用例
    需求:在webapp目录下创建nymap.html,在该页面中显示纽约市地图,以帝国大厦为中心,缩放级别使用14。

你可能感兴趣的:(过程学习)