如何组件化开发WebGIS系统

啰嗦两句

前面聊过《探讨如何使用流行的前端技术开发WebGIS系统》,本篇基于此继续介绍。

不用再讨论兼容IE6,7了,2017年,没人再用了。。。。哈哈哈

本人目前正业余开发一套框架,后端Java+前端Angular+个人封装的UI+个人封装的地图组件,东西很多,一个人搞,这是一个漫长的过程。这也是为什么最近再Github上如此活跃的原因,也因为最近一段时间没加过班。。。除了玩游戏就只能写代码了。。

=>giscafer (Nickbing Lao)

一、后端完善的Restful接口设计有利前端组件封装

比如知乎的文章链接

1
https://zhuanlan.zhihu.com/p/24780835

可以看作一个GET请求,接口p,参数为24780835。这个接口可以查所有文章。

做WebGIS系统,后端框架,接口设计好用,能提升前端开发的效率,并且可以针对接口封装一些增删改查的组件,在angular里边,你可以封装成指令或者是controller,然后其他业务controller集成此类,就继承了该类的所有方法了。比如应用里边我封装了增删改查的操作,只要是单表的CRUD(增查改删),完全不需要写多余的CRUD代码,只需要修改一下HTML和传参。如下代码可以改为一个通用的父类Controller。

继续阅读全文 »

代码理解React组件生命周期过程

生命周期

React Component整个生命周期分为三大块:初始化——存在期(更新)——销毁清理

首次实例化 调用方法

  • getDefaultProps()
  • getInitialState()
  • componentWillMount()
  • render()
  • componentDidMount()()

ES6写法中则为

  • constructor()
  • componentWillMount()
  • render()
  • componentDidMount()

存在期 调用方法

propsstate状态改变

  • componentWillReceiveProps()
  • shouldComponentUpdate()
  • componentWillUpdate()
  • render()
  • componentDidUpdate()

销毁清理 调用方法

  • componentWillUnmount()

继续阅读全文 »

WebGL Earth台风监测web应用webglearth-typhoon

前言

花了一天时间,开发了一个基于WebGL Eerth的台风监测系统,写这个web应用的目的有两个:

1、我在github上创建了@viseye组织已经一段时间,但是迟迟没有项目,于是近期打算写一个

2、另一个原因是我再知乎开了可视化编程专栏,文章偶尔需要继续更新,就得找些东西来写

相关地址:

继续阅读全文 »