• 『AngularJS』一点小小的理解


    AngularJS 是一个前端的以Javascript为主的MVC框架。与AngularJS相类似的还有EmberJS。

    随着时代在进步,各种各样的开发理念与开发框架不断的提出与发展,而就目前来说,除了游戏、IM(类似QQ)、Office这类软件之外,新出的软件应用开始出现两个方向,一个是以Web为主的Web APP,一个是以移动端为主的移动APP。且,现有也有一种声音认为Web APP早晚会取代移动端原生APP,从而一统计算机软件的应用方式。暂且不论这种说法是否会成为现实,Web APP的火爆可见一斑。

    三年前,我编写的Web软件,还都是以后台为主,前台顶多用一下jQuery来进行几个简单的动态效果。两年前,我接触ExtJS,知道还有这么一种Javascript框架能够实现完整的UI订制,从而只需要使用Ajax传数据就可以了。

    现在(实际上已经出来很长时间了),我了解到EmberJS以及AngularJS这种将前端的UI构建过程拆分为之前只在后端使用过的MVC的模式。从另一个角度说,现在是把原先的MVC中的V再度拆分一个MVC的应用。

    所以,我认为,无论从哪个角度来考虑,单独的将Angular提出来,进行思考和学习是很有必要的。

    AngularJS是什么?

    AngularJS是一个由Google支持的Web App前端MVC框架。

    AngularJS包括什么?

    从AngularJS的官方文档中看到,它主要包括如下几个概念:

    • Template —— 模板
    • Directive —— 指令
    • Filter —— 过滤器
    • Controller —— 控制器
    • Scope —— 范围
    • Service —— 服务
    • Module —— 模块

    Template Directive Filter这三个主要与“视图”有关。 Controller Scope Service这两个主要与“控制器有关”。 Module用于结构化项目。

    注意:就像上面看到的那样,在AngularJS中,没有找到有关Model层的东西!

    下面是对各个概念的理解以及如何应用的想法。

    • Directive是一种属性,写在HTML标签当中,用户标识出模板中一些特殊的东西。比如用于显示“部分模板”的<div ng-view></div>
    • Filter根据官网的解释,是用于控制视图中的元素如何显示,或者说显示成什么样的。
    • Template是视图层的具体载体,在Template中可以写一些辅助的逻辑,如ng-if等
    • Controller是控制器,根据官方文档的建议,不应该在Controller中写太复杂的东东,在控制器中只写有关业务逻辑的就可以了。
    • Scope,这个东西在看控制器的介绍的时候看到,在个人理解来看,应该是主要用于进行视图与控制器的数据操作,或者认为是用于打通视图层与控制器的一个东东。
    • 由于文档中写到,不建议在控制器中写太复杂的逻辑,所以我们应该把所有的可供复用的逻辑写到Service(服务)当中。然后我们可以利用AngularJS框架本身的DI(依赖注入)功能将Service注入到具体的控制器中。
    • Module,这个东西类似Java的类库的概念,我们写的所有的控制器、过滤器、服务等都得加到Module中,没什么好说的~

    这里要注意一个问题——模型。

    按照个人的理解,不论AngularJS再怎样,其数据的直接来源还是服务器,而服务器传数据的话,现在比较流行使用JSON格式,所以,就模型层来说,我们只要利用Service从服务器中获取数据,然后将其解析给在Controller中对应的Scope就行了。剩下的就是AngularJS内部处理,将数据自动绑定到前台了~

    参考:

  • 相关阅读:
    重构29-Remove Middle Man(去掉中间人)
    重构30-Return ASAP(尽快返回)
    重构26-Remove Double Negative(去掉双重否定)
    yaml语法学习3
    运行原理探究2
    SpringBoot简介 1
    SpringMVC项目所引用的一切依赖jar包和自定义设置
    2020/07/03 初始mybatis
    json数据格式字符串在java中的转移
    项目中遇到的一些异常
  • 原文地址:https://www.cnblogs.com/sitemanager/p/3461505.html
Copyright © 2020-2023  润新知