HTML5云平台的移动学习系统-移动端设计(5)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

HTML5云平台的移动学习系统-移动端设计(5)

2。2。3 Ionic框架

本系统采用关键技术Ionic来搭建整个移动端应用,使用了很多Ionic独有的搭建页面风格的标签并在样例程序的基础上开发符合用户需求的功能界面。Ionic[12]是一个先进的HTML5技术的APP框架,它可以仅凭借基本的HTML5和AngularJS来快速创建一个移动应用。这使得开发者经过短暂的系统学习就能够快速的创建一个个性化的应用而不需要懂得安卓开发所需要具备的各种专业知识。相对于原生的开发方式它具有更为漂亮的UI界面和更为高效的开发速率。本系统采用了这种快速开发移动应用的框架,开发出和原生开发方式一样美观甚至更为高效的APP应用。

本系统使用了Ionic框架自带的很多独有的标签,用它来形成基本的页面布局,以及基本的页面跳转路由,并且借助于Ionic框架进行ios或android平台的添加,以及应用的快速创建和打包。所有的这些只需要在命令行运行几行简单的代码就可以快速的完成。

2。2。4 AngularJS框架

本系统采用AngularJS框架来实现系统的业务逻辑以及事件控制,包括与后台数据库的交互和协调页面之间的逻辑关系。

AngularJS[13]是一个开发web前端应用的开发框架,它基于JavaScript,并在其基础上进行了封装和扩展,加入了诸如数据绑定和依赖注入等能够帮助快速开发的功能。它可以被用来实现你所需要的逻辑以及和后台之间的数据交互。请求数据并且返回处理过的数据到页面。因为它具有完善的前端技术解决方案所以经常被用于企业级大型项目的开发。本项目使用AngularJS来实现基本的业务逻辑,如果说HTML5用来搭建页面,AngularJS就是用来实现你所需要的功能,包括数据交互和控制逻辑。论文网

2。2。5 Qiniu云存储

云计算领域正处在一个蓬勃发展的时期,很多的大型公司都开始开拓这方面的市场,很多公司都提供相关的云存储[14]服务,有的面向大型的商业服务公司,有的面向小型的个人企业。

本系统创造性的采用了七牛云平台,与以往将资源存放在本地的开发模式划清了界限,七牛云存储具有很多的技术优势,除了支持大容量数据的存储的优势以外还具有高并发数据的优势,这使得同时出现大流量的用户访问量的时候系统依然能够稳定快速的运行,七牛云有为大型公司提供服务的经历,他提供的免费服务基本就能满足普通用户的大部分需求。本系统主要采用了七牛存储的API,通过前端调用API创建课程以及用户资源数据。

2。3 本章小结

本系统摒弃了采用eclipse开发原生应用的开发方式,转而选用更为高效智能的webstorm。本系统所致力于开发的是一款性能卓越的并且开发周期较短的移动端APP,抛弃了原有的原生开发的模式,采用了纯网页加基本的逻辑来实现用户需求的模式,开发出一款能够在多个平台运行的移动APP,不管你是安卓的粉丝还是ios的忠实用户,Ionic都能够应对自如。一次编译多个平台运行,这使得开发人员的工作量极大地减少,能够更多的关注于界面的优化还有功能的实现。并且Ionic还提供了很多丰富的设备插件(cordova-plugin)用来实现对设备本身硬件如摄像头还有电池电量等的调用,从而支持更多基于设备信息的本地以及网络的功能。这些会在下面做具体的说明。

第三章 系统分析与总体设计

本章主要介绍本系统的总体设计,分析了整个系统从前端到后台以及七牛云平台之间的数据交互流程,并着重介绍了移动端功能模块的分类,由于涉及到与后台数据的交互,还介绍了与移动端联系密切的表结构的设计以期对完整的交互流程进行展示说明。最后对本系统中应用到的用于协调开发的一大特色,swagger的API在线测试系统进行了讲解和说明。 (责任编辑:qin)