作者
giscafr
编辑
GoTalks
一、先吐槽两句
传统GIS软件行业中，开发的WbGIS系统目前使用的技术（前端）可能就是Flx和JavaScript，而JS则使用jqury和基本的JavaScript，相当于是互联网前端在年之前左右一直使用的那一套。原因大概有：
1.为了系统稳定（兼容低版本IE或者其他浏览器）
2.技术负责人对前沿技术了解不够深；
3.公司开发人员技术学习成本问题；
4.安于现状，技术上不考虑创新，能用就行了。
这些都是可能的，不过只要系统做的好，开发成本低（指的是用技术节约成本或者提高效率），自然是最好的吧。
二、如何用Angualr1.x+ES6+Wbpack开发wbgis系统
以下只是简单说一下技术实现，不深入，不展示代码，已深夜，或许以后有机会吧。
后端框架设计
用了Angular，框架上肯定是前后端完全分离比较爽。后端Java框架提供Rstful接口，前端通过Ajax调用。
前端框架搭建
前端Angualr1.x+ES6+Wbpack搭建开发环境使用JavaScript新标准ES6书写代码，是因为代码整洁，代码量也会减少一点，熟悉的话觉得开发效率会比较高，因为ES6提供了一些新特性；最后通过wbpack打包，以及polyfill对其转译为低版本浏览器兼容的JavaScript，比如ES5。
系统菜单通过前端angular路由进行跳转，只要后端提供了完善的接口，一切工作简单的业务工作可能就在前端处理了。对于业务表单比较多的系统，angular1.x数据双向绑定的优势来说，是比较简单的。
地图相关的业务代码，也可以简单封装为Controllr，写法变化比较大的可能就是用了ES6。原有的框架或者工具类，复用起来也很方便，包装一下支持CMD规范，最后import引用即可。不是ES6代码也无所谓。
原先搭建过一个脚手架：