一本码簿

众里寻码千百度，那段却在github处。

0%

开发技术体系

发表于 更新于

前端

  1. 开发工具 VSCode，开发所需插件：

    • rest-client
    • githistory
    • gitlens
    • vscode-css-peek
    • vscode-eslint
    • vscode-file-peek
    • vetur
    • vue-beautify
    • vue-peek
    • vue-snippets

  2. 前端框架 VueJS2.x，主要包括：

    技术 说明
    Vue 前端框架核心
    Vue-router 路由
    Vuex 全局状态管理
    Axios 前端HTTP
    v-charts 基于Echarts的图表
    Js-cookie cookie管理工具
    nprogress 进度条控件
    ElementUI 组件库

  3. 代码打包工具 WebPack

  4. EcmaScript 2015

    简称ES6，ES2015。是是JavaScript语言的下一代标准。ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现。主流浏览器基本都兼容ES2015，通常开发环境用ES2015，借助Babel将ES2015编译成ES5部署在生产环境。
    ES2105有很多新特性：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments。

  5. 前端地图

    • Openlayer，目前最新为5.2.0，地图操作有比较全面，目前openlayer整合三维前端框架ol-cesium。目前有适用于Vue的Vuelayers。
    • Leaflet，目前最新为1.3.4，轻量级，适合用于移动端。

后端

  1. 开发工具 IntelliJ IDEA

  2. 构建工具 Maven

  3. 后端框架 SpringBoot

  4. ORM框架 MyBatis

  5. 日志 SL4J+logback

  6. 缓存 Redis

  7. 全文搜索 ElasticSearch

  8. 权限控制 Shiro

  9. 数据库 Postgres + PostGIS

地图服务

Geoserver动态读取postgres的地理空间数据，发布切片格式如下

  • 矢量切片
    • application/json;type=geojson，无压缩，不适合大量切片
    • application/vnd.mapbox-vector-tile，有压缩，适合海量切片
  • 栅格切片（小比例尺下切片不易成功）
    • image/jpeg
    • image/png

系统部署

  • Docker
    • Docker Swarm 生产环境部署
    • docker-compose 开发测试
  • Nginx
    • 反向代理，包括4层代理和7层代理

版本控制