基于跨平台移动应用开发技术服务管理系统用户端设计

论文总字数：33775字

摘 要

移动设备的重要性在今天毋庸置疑，然而就在几年前，是否值得耗费时间与财力来进行移动app的开发还很有争议。而且因为手机的平台种类众多，开发语言各不相同，导致了要做到多平台兼容的app是一项学习成本很高的工作。传统的原生开发方式虽然在性能上比较优秀，但是其学习代价也是很大的，而纯Web式的移动应用在响应方面、原生应用质感上都需要费一番功夫才能实现，近几年来，由于HTML5和Javascript的兴起，加之手机的内存、CPU等硬件在飞速提升，许多跨平台的开发框架也随之而来，如Ionic、PhoneGap、Titanium、Sencha Touch等框架。本文分析介绍了Ionic平台开发框架，并使用Ionic Cordova开发服务管理系统的用户端为例子，介绍不同平台下的开发环境搭建、关键技术点的实现等，并对应用进行测试，进行真机调试。

关键词：跨平台开发，移动应用开发，HTML5，Ionic

DESIGN AND IMPLEMENTATION OF CROSS-PLATFORM MOBILE APPLICATION FOR SERVICE MANAGEMENT BASED ON IONIC-FRAMEWORK

Abstract

It is clear that the mobile devices have an important position today, but even just few years ago it was debatable if building mobile apps was worth the time and cost. And because there are so many platforms, and development languages, it is a difficult work to suit different platforms. Native App has a better performance but needs more time to study. While Mobile Website(Web app) has no native access and has a limited user interface. In recent years, with HTML5 and Javascript rising, a lot of cross-platform development framework showed up, like Ionic, Phonegap, Titanium, and Sencha Touch. This article introduces Ionic, a cross-platform development framework, and uses Ionic and Cordova built a service management application. From this example, this article introduces how to set up a development environment in different operating systems, and the key point of the technology. Also makes tests for the application and debugs on a real device.

KEY WORDS: cross-platform mobile application development, HTML5, Ionic

目 录

第一章 绪 论 5

1.1 引言 6

1.2 课题背景 6

1.3 目前国内外相关技术发展情况 6

1.4 论文结构 6

第二章 开发环境介绍 6

2.1 原生开发 7

2.1.1 原生开发优点 7

2.1.2 原生开发缺点 7

2.1.3 原生开发小结 7

2.2 纯Web开发 8

2.2.1 纯Web开发优点 9

2.2.2 纯Web开发缺点 9

2.2.3 纯Web开发小结 9

2.3 混合开发 10

2.3.1 混合开发优点 10

2.3.2 混合开发缺点 10

2.3.3 混合开发小结 11

2.4 混合式移动开发框架的选择 11

2.5 本章小结 11

第三章 开发环境搭建 12

3.1 Android开发环境搭建 12

3.1.1 Android SDK(Software Development Kit) 与JDK(Java Development Kit)的安装与配置 12

3.1.2 Ionic的安装 13

3.1.3 Android平台的Ionic程序部署 14

3.2 iOS开发环境搭建 15

3.2.1 Xcode安装与配置 15

3.2.2 Ionic的安装 16

3.2.3 iOS平台的Ionic应用程序部署 16

3.3 本章小结 18

第四章 应用系统的结构设计 18

4.1 应用整体结构设计 18

4.2 路由设计 19

4.1.1 路由概念简介 19

4.1.2 具体路由设计 20

4.3 预约业务逻辑设计 21

4.4 本章小结 22

第五章 系统功能的开发实现 23

5.1 用户登录与注册 23

5.1.1 用户登录界面 23

5.1.2 用户登录实现 24

5.1.3 用户注册界面 26

5.1.4 用户注册实现 27

5.2 拍照功能的实现 28

5.2.1 Camera插件 28

5.2.2 ImagePicker插件 30

5.2.3 功能实现 31

5.3 地图与定位实现 34

5.3.1 百度地图API的引入 34

5.3.2 关键的类与方法 35

5.3.3 iOS系统的定位 36

5.3.4 Android系统的定位 37

5.3.5 定位与地图显示功能的结合实现 38

5.4 本章小结 40

第六章 结束语 40

致谢 40

参考文献 41

绪 论

引言

随着智能设备的日益普及，移动应用的开发成了目前各类互联网公司，无论是大型公司还是初步创业的小型公司不可缺少的一个项目。而面对种类繁多的移动应用平台，如最著名的两大平台，苹果的iOS操作系统和Google的Android操作系统，其他的还有诸如微软的Windows Phone，Symbian等等，对于开发人员来讲，他们需要针对每一种手机操作系统都将同样功能的代码重新编写一遍，对于公司来讲，则需要招收不同平台的开发人员来针对开发，对大公司来说，这样做增加了整个公司组织结构的复杂程度，相应地也提高了很多人力、物力成本，对于小型的创业公司，原本就很匮乏的人力资源却要在类似的事情上再进行分配。

课题背景

剩余内容已隐藏，请支付后下载全文，论文总字数：33775字