AngularJS云平台的移动学习系统前端设计(4)
时间:2023-01-20 09:42 来源:毕业论文 作者:毕业论文 点击:次
1。4 论文结构 本文按照以下结构顺序来阐述具体研究工作: 第一章,绪论。阐述了选题的依据与意义,并调研了目前国内外移动学习领域的现状,结合大学生移动学习的具体要求,提出开发一款满足大学生移动学习的软件。 第二章,关键技术概述。盖章对采用的相关关键技术(云计算平台、客户端)分别进行介绍,并具体阐述了采用这些技术的原因和优点。 第三章,系统总体设计。对本系统的总体设计进行详细介绍,并分别从数据库设计和移动客户端系统模块入手进行分模块介绍。 第四章,系统详细设计与实现。对客户端核心技术细节以及对应模块功能的实现进行详细介绍。 第五章,系统总结与未来展望。总结出在开发系统过程中碰到的困难以及解决之策,并进一步阐述对系统的未来展望和提高之处。 第二章 关键技术概述 本章节主要讲解本系统开发过程中所使用的技术要点以及涉及到的相关平台工具,并阐述出采用这些技术的理由。 2。1 Js框架 系统前端采用的Js框架为Angularjs,该框架完成了前端MVC,构成了前端开发的主体。 2。1。1 Angularjs简介 AngularJS是一个开源的web应用框架,由Google和社区进行维护,它可以创建单页的应用程序,一个页面的应用仅仅需要HTML,CSS和JavaScript在客户端。它的目标是增强页面的模型-视图-控制(MVC)的功能,为简化开发和测试。 AngularJS主要用于构建单页面Web应用[3]。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代Web应用变得更加简单。 它是一个建立在厚客户端的清爽的新模块web应用程序。一个健壮的框架建立在商业应用网络上。它鼓励最佳实践,开发模型和开发高质量的可维护的模块化应用程序。它的团队是世界一流的,社区是极其出色的,它结合最棒的功能来创建web应用。 AngularJS 允许你编写客户端的web应用程序,如果你有一个智能浏览器。它允许你使用好用的旧式的HTML作为你的模板语言,允许你扩展HTML语法来清晰、简洁的表达你的应用组件。它通过双向数据绑定使你的UI(视图层)与你的JavaScript对象(模型层)的数据自动同步。帮助你更好的构建你的应用和更方便的测试,AngularJs告诉浏览器如何依赖注入和控制反转。它帮助改良了允许异步回调和延迟、使客户端导航和深层链接使用哈希bang格式地址和HTML5 pushStat与服务端通信更容易。 AngularJS 是基于声明式编程模式是用户可以基于业务逻辑进行开发。该框架基于HTML的内容填充并做了双向数据绑定从而完成了自动数据同步机制。 最后, AngularJS 强化的DOM操作增强了可测试性。 2。1。2 MVC框架模式介绍 MVC(模型、视图、控制器)是一个框架模式,它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件:模型、视图、控制器。它们各自处理自己的任务。 图2-1 Angularjs MVC架构图 如图2-1所示,Angularjs沿用后端MVC分层思想,将系统分为model数据模型层、view展示层、controller控制层,用户与view层交互,controller作为view和model的桥梁,实现Angularjs的一个特色要点:双向数据绑定。controller层后端便是service层,该层提供了angularjs与后台交互的API接口。 Angularjs作为前端js框架,大胆引入了后端的MVC框架模式,正是它火爆的原因。而带来的好处也是非常的明显:高聚合低耦合[7]。 高聚合低耦合,指的是每一层只需要专注于自己的业务,比如controller层无需考虑显示的问题,更不需要考虑如何与后台交互的问题,只需要专注于自身对于代码逻辑的实现。这无疑是非常有意义的:低耦合性极大减少了开发和维护的成本。作为前端难得实现MVC思想的框架,这便是采用该框架的主要原因。 (责任编辑:qin) |