本文首先对Web原理、WebGIS技术和开源GIS技术进行了阐述分析,并探讨了 WebGIS与开源GIS的发展应用现状,然后按照GIS工程设计开发的思路对北京林业大学绿地信息管理WebGIS系统进行了设计与实现。本系统设计的理念是实现校园绿地资源管理的精细化和绿地信息共享的效益最大化,且系统本身轻量易用、性能稳定、安全可靠。系统的实现使用了基于地图切片的模式,并分为数据层、逻辑层、表现层三层架构开发实施。其中,数据层首先采用了测量技术和林业外业调查方法对校园内的绿地资源进行了空间和非空间信息采集,然后采用开源数据库PostgreSQL+PostGIS进行了数据库搭建;逻辑层服务器的搭建使用了近年来十分流行的Node.js技术,并基于Node的Express框架和pg模块对系统各功能模块进行了开发,Node.js的事件轮询和异步IO机制有效提升了系统响应速度;表现层以文档/视图模式进行开发,使用了 jQuery、Bootstrap、Leaflet等开源框架,Leaflet是重要的开源GIS客户端开发框架,为系统的地图显示及基于地图的交互功能提供了有力支撑。目前,本系统已经实现了绿地要素显示、查询、统计、管理等功能。本文的WebGIS平台将校园植物资源管理与植物学知识教学相融合,这种设计理念在林业资源及园林资源管理系统中具有一定的创新。文中所使用的开源技术及开源框架大大降低了开发成本,并且还实现了良好的系统性能,系统开发模式和技术方案也为基于开源技术的WebGIS系统开发提供了参考。