基于Phonegap和Angularjs的记账APP开发.doc

摘要:这篇摘要主要描述了基于Phonegap和Angularjs的混合开发记账App的实现。主要实现账单的显示，用户记账页面，账单的图表统计，账单的流水显示，以及记账类别管理等功能。该项目利用angularjs进行编写，运用HTML5以及移动端等新技术，并使用混合开发工具Phonegap打包成App，使用Webstorm开发。

使用Angularjs实现mvc模式，利用HTML5的新特性布局页面，使项目能够兼容各种移动端设备。使用Charts.js实现图表的实现，使用localStorage完成数据存储。Phonegap来打包项目，使项目能够兼容ios和安卓系统[2]。

本篇论文依照软件工程的开发流程，对项目的开发背景，需求分析，项目的设计与实现进行综合的阐述。

关键词：记账App；Phonegap；Angularjs；混合开发

目录

摘要

Abstract

1.概述-1

1.1 开发背景-1

1.2 项目设计目标-1

1.3 系统功能概述-2

2 系统分析-3

2.1 需求分析-3

2.1.1 功能需求分析-3

2.1.2 非功能需求分析-3

2.2 技术分析-3

2.3 操作可行性分析-4

2.4 运行环境要求-5

3 概要设计-6

3.1 数据存储设计-6

3.2 系统功能模块设计-6

3.3 工作流程设计-8

4 系统功能的实现-9

4.1 系统文件结构的设计-9

4.2 系统页面适配的设计-10

4.3账本详情界面-10

4.4 记账界面-11

4.5登录和注册界面-12

4.6图表展示界面-12

4.7流水账界面-13

4.8个人设置界面-14

5 系统调试与运行-15

5.1 测试方法-15

5.2 错误调试-15

6 开发总结-16

6.1 系统特点-16

6.2 开发体会-16

结    论-17

参 考 文 献-18

致    谢-19