办公自动化到移动终端适配方案的设计与实现-软件工程专业论文.docxVIP

摘 要 随着移动业务的发展和智能移动终端的普及，越来越多的 Web 应用由传统的 通过 PC 访问的方式，发展到使用智能移动终端访问并在移动设备上使用。本文在 企业移动级支撑平台（EMASP）的项目背景下，将原有公司内网的办公自动化应 用系统（OA），改造成适合在智能移动终端操作和使用的办公系统，扩展了办公 自动化业务的使用范围，同时增强了办公系统的消息处理的时效性，降低了网络 状态对系统操作的影响。 针对企业移动支撑平台的项目背景，本文介绍了企业内网办公自动化系统的 工作过程，及企业移动支撑平台的四个主要功能，结合办公自动化系统的工作流 程和操作步骤，及智能移动设备在显示上的可变换性和浏览器对网页控件的支持 性，明确了办公自动化系统的移动适配需求，设计了内网办公自动化移动适配系 统的整体架构 和前端页面 的适配方 案。在页 面的移动适 配中，采 用的最新的 HTML5、CSS3 技术，设计了页面的移动显示布局，及页面显示控件的替换。使用 jQuery 脚本语言对页面的前端处理逻辑进行重写，修改了原处理逻辑中不能适配 移动设备操作的触发事件。采用 HTML5 的离线缓存和 Web 存储机制，结合企业 移动支撑平台的相关功能的服务器处理逻辑，实现了办公自动化系统的网络状态 检测和离线信息操作功能。分析前台页面的数据填充方式和应用在移动设备上工 作的特点，给出了接口服务器设计，实现了在外网对公司内网应用的数据的获取， 并针对前端的数据要求，将后台服务器数据进行缓存和重组。 在实验网络环境下，联合企业移动支撑平台，对移动适配后的办公自动化系 统进行功能测试。测试结果显示，前端页面在移动设备上显示正常，可以完成公 文流转，离线操作，在线同步公文，办公信息的实时推送功能，达到了适配系统 的设计需求。 关键词：移动适配 办公自动化系统 HTML5 Abstract With the development of mobile services and the popularity of smart mobile terminal, a growing number of applications don’t use traditional PC access to networks, they are developed to use smart mobile terminal access the network and use on mobile devices. So the applications are not only used on the personal computer, but also used on smart mobile terminals. This article describes the working process of the enterprise network office automation (O A) and enterprise mobile application support platform (EMASP)’s background. Combined with automation office’s workflow steps and smart mobile devices’ transformed on the display and web browser’s support of the website’s UI controls, make clear sense of the needs of the mobile adaptation of office automation system (OA), designed the mobile adapter’s system architecture and the website’s adaptation scheme. Through learning and researching on the website technology, we use the HTML5, CSS5 to finish the mobile adaptation of web pages, and to replace the pages’ controls. Using the jQ uery scripting language to rewrite the front-end processing logic of the page, modify the original processing logic can not adapt mobile device operating tr