随着信息技术的不断发展,互联网应用的不断普及,以及教育部对高校信息化建设的逐步推进,高校基本建设管理处对于办公信息化的要求逐步提升,如何建设一个电子化、网络化、远程化的基本建设管理信息系统,是高校基本建设管理处急需解决的问题。因此,根据高校基本建设管理处的实际需求,建设一个功能实用、信息共享、符合现阶段基本建设管理需求的信息系统势在必行。在充分理解高校基本建设管理处需求的基础上,根据高校基本建设管理处的实际需求,为其进行了B/S架构的高校基本建设管理信息系统的关键模块的前端用户界面设计。以Twitter Bootstrap为前端框架,结合了jQuery、JavaScript、HTML5等前端相关技术,对该系统的项目信息、合同管理、投资控制及资金管理、系统管理等模块中的各个细节步骤进行了难点分析、前端设计,并实现了这些关键模块的完整的JSP页面。经过多浏览器(IE9及以上)调试,各样式、控件均工作正常,同时用户反馈良好,达到前端用户界面预期要求。实践表明,该用户界面设计合理有效、切实可行,对类似的系统前端用户界面设计具有参考价值。