近年来移动互联网与移动技术的发展，促进了移动时代的到来。移动应用日益成为互联网不可或缺的一部分，传统PC端的Web应用向移动终端的迁移已经成为企业发展战略的一种硬性需求，适用于智能设备的移动网站和移动应用的数量也迅速增长。一方面，传统的PC端Web网站虽然能够在移动浏览器上浏览，但是存在兼容性、屏幕尺寸、设计风格和网页内容等方面的问题，使得用户体验不佳。另一方面，原生移动应用存在开发、测试周期长，开发成本高等问题，开发一种软件的多个版本使得这一问题更为突出。面对移动应用软件快速开发的需求与移动平台的多样化特征之间的矛盾，以及PC网站向移动网站迁移的发展需求，设计一种跨平台能适应多种终端的软件系统是很好的解决方法。本文采用HTML5、JavaScript和CSS来实现混合型的大坝安全监测系统，在适应PC端B/S架构基础上，将源代码经过打包编译成适应Android和IOS系统的移动应用，一次开发就能在多终端多平台上应用，降低了开发成本，取得了很好的效果。