摘要：本篇介绍了基于Ionic框架的手机APP开发。随着手机的普及，APP的开发成为一种新潮流，移动OA是近几年逐渐兴起的一个领域。随着互联网和通信技术的进步，商务活动的蓬勃发展，移动办公正在打破传统办公模式，设计理念与当代办公结合，衍生出本次设计的中心。

结合传统办公模式，移动OA分为五大模块：用户中心模块、通讯录模块、考勤模块、新闻通知模块、管理员模块。每一模块都结合实际进行设计，公司的日常通知、工作的任务进程、日常的请假审批、每天的签到考勤、个人信息的及时更新，都是与工作紧密相连，最大程度上提高企业效率、降低企业成本，从而使企业更快更好地发展。移动OA的后台接口选择了Spring Boot，数据库使用了MySQL，在数据库设计的时候尽量模拟企业实际办公状态，后台接口简洁明了，方便以后进行二次开发。在开发过程中，将页面美观、操作简单作为开发标准，达到良好的用户体验。

移动OA系统基本实现了传统办公中需要的模块，局域网内iOS以及Android系统测试完成，可以在手机平台正常运行。

关键词：Ionic框架； 移动OA； 手机APP； Spring Boot；

目录

摘要

ABSTRACT

1 引言-1

1.1 系统背景-1

1.2 可行性研究-2

1.2.1 经济可行性-2

1.2.2 操作可行性-2

2 环境及工具-2

2.1 移动OA前台-2

2.2 移动OA后台-2

3 需求分析-3

3.1 需求分析模型-3

3.1.1 系统功能模块描述-3

3.1.2 数据流图-4

3.1.3 E-R图-4

3.1.4 物理数据模型-8

3.2 数据字典-9

3.2.1 逻辑结构设计-9

4 总体设计-12

4.1 用户界面-12

4.1.1 通讯录模块-12

4.1.2 新闻通知模块-13

4.1.3 员工考勤模块-14

4.1.4 用户中心模块-15

4.2 管理员界面-16

4.2.1 管理员主界面-16

4.2.2 推送新闻、通知界面-17

4.2.1 请假审批界面-18

5 详细设计-20

5.1 环境的搭建-20

5.1.1 Windows系统下的环境搭建-20

5.1.2 Mac系统下的环境搭建-20

5.2 手机APP设计-21

5.2.1 HTTP请求的实现-21

5.2.2 过滤器功能的实现-21

5.2.3 遍历数据-22

5.2.4 调用请求函数、处理返回数据-22

5.2.5 Cordova插件的使用-22

5.3 手机后台设计-24

5.3.1 Spring Boot框架的搭建-24

5.3.2 连接MySQL-24

5.3.3 操作数据库-25

5.3.4 接口的建立-26

5.3.5 接口的返回结果-27

6 系统总结-27

6.1 系统开发问题与不足-28

6.2 个人总结-28

参 考 文 献-30

致 谢-31