基于AngularJS和Ionic混合类新闻App的设计与开发.doc

【摘要】随着科技的发展，智能手机、平板电脑的等移动电子设备进入了我们的日常生活，随着移动互联网时代的到来，很多事情在移动设备上就可以实现。目前，主流的移动设备系统主要是两块，Android和IOS两大系统。很多新闻类App应用都是要开发Android和IOS两种不同的系统,十分消耗人力和物力。混合类App（Hybrid App）的出现解决了这一问题。利用Cordova打包技术将H5页面做的应用打包到手机上,实现了一次开发，可以同时在Android和IOS上运行，这样大大的节约了和人力开发成本。笔者使用AngularJS和Ionic框架技术开发这样一款混合类新闻App，起名为弄潮App。该App应用分为有四大模块，分别是新闻模块，搜索模块，分享模块以及个人中心模块。

【关键词】Hybrid App；Android；IOS；H5；Cordova 

目录

摘要

Abstract

1 绪论-1

1.1 研究背景及意义-1

1.2 研究的应用前景-1

1.3 研究的思路与内容-1

2 开发工具与相关技术介绍-1

2.1 AngularJS介绍-1

2.2 Ionic介绍-2

2.3数据库选择-2

2.4开发工具介绍-2

2.4.1 PhpStorm开发工具-2

2.4.2 Navicat Premium-2

3 需求分析和框架设计-3

3.1系统可行性分析-3

3.1.1 技术方面可行性-3

3.1.2 运行环境的可行性-3

3.1.3 开发的可行性-3

3.2 框架设计-3

3.2.1 设计流程-3

3.2.3 设计原则-4

3.2.4 功能模块设计-4

3.2.5 数据库设计-4

4详细设计与编码实现-5

4.1  数据库导入与显示-5

4.1.1数据库的导入-5

4.2 用户功能模块设计-6

4.2.1 总体设计-6

4.2.2 新闻模块设计-8

4.2.3 搜索模块设计-8

4.2.4 分享模块设计-9

4.2.5 个人中心模块设计-10

5 系统测试-10

5.1 测试环境-10

5.2 界面测试-11

5.3 功能测试-12

5.3.1 登陆功能测试-12

5.3.2注册功能测试-13

5.3.3 搜索功能测试-13

5.3.4 修改个人信息功能测试-13

5.3.5 上拉和下拉刷新功能测试-14

6 总结-15

6.1系统小结-16

6.2 个人小结-16

参考文献-17

致    谢-18