AngularJS云平台的移动学习系统前端设计_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

AngularJS云平台的移动学习系统前端设计

摘要随着移动互联网的发展,移动学习已经作为一种重要的学习方式,但是当前的移动学习系统缺少对专业教学的针对性,也缺少对云平台的有效利用。本文设计了一个基于七牛云平台的移动学习系统,能够实现移动学习和教学资源的云端存储。系统由移动客户端、web客户端、服务器和云端存储组成,本文主要完成了其中的web客户端的设计与实现。87153

本文设计的web客户端能够实现用户对课程资源的浏览、教师对创建课程的管理、管理员对用户和课程的双重管理、教学资源的云端存储等功能。其中,系统的核心功能是与云存储平台的交互。系统web前端采用AngularJS框架实现,并基于Restful风格,采用JSON数据传输格式实现了与服务器端及云平台的交互,达到对数据的获取、持久化和教学资源的云端化。系统还运用Git实现了前后端分离开发,保证了前后端模块的低耦合。此外,系统采用阿里云ECS实现了线上部署使用。

本文首先介绍了系统的研究现状与意义。然后简要介绍系统实现需要采用的关键技术。接着对系统的设计、功能与运行展开了全面而详细的阐述。最后,总结了系统开发过程中碰到的难题,对系统的不足之处提出了进一步的改进方案。

毕业论文关键词:移动学习;云存储;AngularJS;Restful 

Abstract With the development of mobile Internet, mobile learning has been an important way of learning。 However, the current mobile learning system is not only usually lack of the pertinence of campus teaching, but also lack of effective use of the cloud platform。 In this paper we design a mobile learning based on Qiniu cloud storage platform。 The system can achieve mobile learning。 and store teaching resource on cloud The system is composed of mobile client, web client, server and cloud storage platform, which the resources can be stored。 The design and implementation of the web client mentioned above is mainly completed in this paper。

In this paper, the web client of the system has achieved the users’ browsing of the teaching resources, the teachers’ management of creating courses, the administrators’ management of the users and the courses。 Among the listed above, the core function of the system is to interact with the cloud storage platform。 The web client adopts AngularJS framework。 Restful web services and JSON data transmission format is used to achieve the interaction with the server and cloud platform, the data acquisition and persistence and the teaching resources being stored on the cloud platform。 In addition, The system has achieved the separation between frontend and backend based on the Git, which leads to the low module coupling。 Moreover, Ali ECS is used in the system to achieve online deployment。

Firstly the paper introduces the research status and significance of the system。 Secondly it briefly introduces the main technology which used in the development process。 And then, it describes the design process, functions and implementation of the system in detailed。 Finally, the paper summarizes the problems encountered in the development process and puts forward the further improvement of the deficiency of the system。

Keywords: Mobile learning; Cloud storage; AngularJS; Restful

目  录

第一章  绪论 1

1。1  选题的背景与意义 1

1。2  国内外研究现状 2

1。2。1  行业现状分析 2

1。2。2  技术现状分析 3

1。3  主要研究内容 4

1。4  论文结构 (责任编辑:qin)