随着通信业与IT业的快速发展,手机平板电脑等移动端成为人们日常生活不可或缺的元素。这使得办公自动化(OA)衍生出的移动办公受到了国内外各大企业的使用和普及。所谓的移动化办公,就是指的是工作人员在任何时间任何地都可以处理与工作有关的问题,达到更加高效的办公。百胜营建(FIS)项目就是移动OA的一个很好的实现。本文是根据百胜集团(YUM)的营建工程师在现场工作过程中,需要对各设施、设备的当时情况进行业务处理和数据查询,设计和实现了百胜营建系统移动端前端供百胜旗下全国的大约2000名营建工程师使用。百胜FIS系统可以为工程师提供现场操作的技术支持,如工程验收、材料验收、餐厅验收、安全管理、维修派单等业务。根据业务的需求本文将该项目主要分为餐厅设备清单、维修派单、餐厅设施系统、工程师审核、餐厅管理、设备巡检结果、设施巡检结果、设备保养计划等模块。百胜FIS系统是B/S架构的项目,任何的移动端的操作系统只要安装手机浏览器就能正常的与系统进行交互。本文所涉及的核心技术是CSS3、JavaScript以及jQuery。通过HTML5实现Web框架的布局,以及离线缓存等效果的实现；在层叠样式表中定义网页的各部分的样式,使得Web可以美观的展现在用户的眼前；JavaScript和jQuery使得网页由静态变成动态,并且通过j Query与后台实现高效的接口对接,参数获取,并将后台复杂的功能与前端相对接,实现整个系统。