基于ReacNaive框架的天气管理移动APP系统设计与开发_开题报告

文献综述

随着移动通信技术和互联网的飞速发展，智能手机已经成为人们生活中不可或缺的一部分，根据工信部的数据，截至今年8月，我国4G用户数达11.4亿，移动宽带用户占比达83.5%。不限量套餐服务刺激移动电话用户继续保持较快增长。截至8月末，三家基础电信企业的移动电话用户总数达15.4亿户，同比增长11.3%。其中，移动宽带用户（即3G和4G用户）总数达12.8亿户，占移动电话用户的83.5%；4G用户总数达到11.4亿户，占移动电话用户的74.1%。

在这些数据飞速增长的背后，是因为智能手机和互联网的结合，给人们带来了极大的便捷。今天，手机的功能不仅仅是打电话和发短信，还可以用来购物，用来导航，用来支付等等，而这些都离不开APP的功劳。

APP是指运行在智能手机上的应用程序，现在智能手机主要有两大平台，Apple公司的IOS平台和谷歌公司的Android平台。现在APP的开发一般分为四种方式，原生APP、WEB APP、混合APP和React Native。

原生APP是指使用平台特定的语言和环境开发，直接调用原生的API，例如IOS系统，需要使用Object-C语言或Swift语言编写代码，直接调用IOS系统的API实现功能，需要在APPLE公司IDE开发环境XCode上开发，而Android系统使用Java语言或Kotlin语言，开发环境使用Android Studio。使用原生APP的开发方式有点是APP运行速度快，性能高，用户体验好，缺点是开发维护的成本较高，如果一个APP要同时运行在IOS平台和Android平台，要同时维护两套代码。

WEBAPP使用Html开发的移动端网页App,类似微信小程序，整个App都是网页。优点是用户不需要安装，不会单独占用手机的内存，缺点是用户体验不太好，不能离线，必须联网才能使用。

混合APP，采用混合开发模式，原生API和Html共同开发，比如iOS,用html写好界面，用UIWebView展示。混合APP的优点是界面复用性强，一个界面，iOS和Android都可以使用，缺点是相对于原生APP，性能相对有所损失。

React Native开发，React是Facebook公司于2013年发布的一个开源项目，由于React的设计思想极其独特，从最早的UI引擎变成了一整套前后端通吃的Web App解决方案，而由React衍生出的ReactNative项目，可以让我们广大开发者使用java script和React开发应用，该项目提倡组件化开发，也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用，甚至我们可以相关嵌套形成新的组件。这样，使用React Native我们就可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建类似原生的应用。虽然现阶段React Native APP的体验还是无法达到原生APP的体验，但是React Native强调的是“learn once, write everywhere”，应用前端我们使用java script和ReactNative来开发不同平台的UI，而底层模块使用相同的业务逻辑代码，提高应用的开发效率。React Native开发的最大的优点是跨平台，写一套代码，基本上可以在IOS平台和Android平台同时运行，而且使用React Native开发的APP，可以跳过App Store审核，远程更新代码，提高迭代频率和效率，这样既有Native的体验，又保留React的开发效率。

本文拟通过一个简单的天气APP-----天气管理移动APP的实现过程，展现通过使用React Native框架，使用一套代码，实现同时可运行Android平台和IOS平台的APP。

^范文提纲

引言 

移动APP的开发模式

React Native开发方式与其他方式的比较

React Native多平台开发环境的搭建

可行性分析 

第1章 系统需求分析 

第2章 天气管理移动APP开发技术介绍 

React Native概述

React Native原理

第3章 数据库设计 

第4章 天气管理移动APP设计与实现 

天气管理移动APP主显示界面的实现

数据源的选择

城市定位的实现

下拉刷新数据

分享功能的实现

滑动删除城市的实现

第5章 总结与展望 

三、参考文献

[1] React Native官方网站 s://facebook.github.io/react-native/

[2]React Native中文网 s://reactnative.cn/

[3] F8 App  s://github.com/fbsamples/f8app

[4] React Native 从入门到原理 ://ios.jobbole.com/85788/

[5] java script教程 s://.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

[6] ECMAScript 6 入门 ://es6.ruanyifeng.com/

[7] React Native通信机制详解 ://blog.cnbang.net/tech/2698/

[8] React Native开发指南 [美] 艾森曼（Bonnie Eisenman） 著，黄为伟 译

[9] 深入浅出React和Redux 程墨 著

[10] React Native跨平台移动应用开发（第二版）阙喜涛 著

[11]工信部 2018年8月份通信业经济运行情况