对AngularJS的理解

1. 对AngularJS的理解
    1. ng-app="myapp" 这是一个AngularJS的模块,与java中的类签名地位相当;(模块跟抽象类很像)
    2. ng-controller="myctrl" 这个是定义了一个控制器 ,与java中的方法签名相当;
    3. ng-model="name" 这个是定义了一个模型 ,与java中的变量声明相当;
    4. ng-bind / {{}} 这个是定义了一个视图,与java中的变量引用相当,就是引用这个变量;
    
2. 在模块之外 (就相当于在类声明之外),<script></script>之中:
    1. 可以初始化模块,相当于创建对象;
    2. 定义模块控制器,相当于复写抽象类中的抽象方法,(也可以视作对抽象方法赋方法),在给
        覆写方法的同时,一旦用$scope调用了模块中的模型(相当于调用了抽象方法中的变量),
        所有操作会直接反映到模块中;
        
3. 对于 1. 的理解的重新认识:
    在 1. 中我认为:   ng-app="myapp" ----> java中的抽象类
    这里从新认识一下: ng-app="myapp" ----> java中的对象;
        
    在 1. 中我认为:     <script></script>之中的操作 ----> java中的创建对象
    这里从新认识一下:   <script></script>之中的操作 ----> 对"对象"的改造
    
4.     setInterval是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。
        setInterval方法会不停地调用函数,直到 clearInterval被调用或窗口被关闭。
        由setInterval返回的ID值可用作clearInterval方法的参数。

    setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
    提示:1000 毫秒= 1 秒。
    setInterval(code,millisec[,"lang"])
    
5. AngularJS ng-model 指令
    1. ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。    
    
    2. ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。
    
    
6. 在<a></a>标签中如何调用javaScript脚本    
    
    <a href="javascript:void(0);" οnclick="functionname()" >aaaa</a>
    <a href="javascript:functionname('dd')" >ddddd</a>
    <a href="javascript:;"οnclick="functionname()" >ddddd</a>
    <a href="#"οnclick="functionname()" >ddddd</a>
    通过上述几种方法均可调用javascript角本。
    相关知识:
    1、在通过上述几种方法调用js脚本的时候,可以在js的函数中对相关内容进行验证,
        例如验证失败,则返回false;即return flase;则不执行任何操用。
    2、可以通过js实现种类繁多的效果。
    3、onclick 事件说明:
        onclick 事件会在对象被点击时发生,这个点击是指用户用鼠标在对象上按下鼠标,
        然后又擡起鼠标的情况下才会激活,只是按下不擡起鼠标不会激活。
        即a标签被点击后执行引号中的js程序代码,这个代码基本上可以放在任何一个html
        对象之中执行,如<div><body><ul><li><a><p>等等。
    4、如果在按下鼠标就激活,可以将以上的代码进行替换,将onclick替换为onmousedown
    5、其它鼠标相关事件说明,可根据需要进行替换。
        onDblClick 双击鼠标
        onMouseUp 鼠标擡起 
    
7. 备忘 : 邮件发送,硬盘移动系统安装    
    
====================================以上AngularJS ,以下CXF===================================    
    
    
8.     CXF (ApacheCXF)是计算机编程中的内容,为一个开源的 Service 框架,继承了Celtix 和XFire两大开源项目
        的精华,ApacheCXF 是一个正式的Apache顶级项目,提供对JAX-WS全面的支持.    
    
    WebService 是一个平台独立的,低耦合的,自包含的,基于可编程的web的应用程序,
        中文名:WebService
        类型:应用程序
        平台:独立平台
        作用:交换数据或集成
     什么是WedService
    WebService不是框架, 甚至不是一种技术, 而是一种跨平台,跨语言的规范, WebService的出现
    是为了解决这样的需求场景: 不同平台, 不同语言所编写的应用之间相互调用.
    
    
9. WebService / CXF  / JAX-WS  /JAX-RS  这些概念的理解:
    1.名词解释:
        1. WebService: 网络服务,为了解决不同平台, 不同语言所编写的应用之间相互调用.而出现的;
        2. CXF: Apache CXF = Celtix + XFire 是Apache两个项目的精华部分的集合,Apache CXF 
            是一个开源的 Services 框架,可以方便地构建和实现 Service;
        3. JAX-WS: JAX-WS(Java API for XML Web Services)规范是一组XML web services的JAVA API,
            JAX-WS允许开发者可以选择RPC-oriented或者message-oriented 来实现自己的web services。
        4. JAX-RS: JAX-RS(Java API for RESTful Web Services),JAX-RS是JAVA EE6 引入的一个新技术。 
            是一个Java 编程语言的应用程序接口,支持按照表述性状态转移(REST)架构风格创建Web服务。
            JAX-RS使用了Java SE5引入的Java注解来简化Web服务的客户端和服务端的开发和部署。 
    2. WebService概述:其实它就相当于 把Service层放到网络上,我们关心的不是这个Service与Dao层的交互,    
        我们关注的是我们的是以下两个问题:
        1. 这个网上的 Service 如何发布成一个网络服务,    
        2. 我们的 Action 如何 连接到这个 Service ,
            1. 技术实现: WebService
            2. 框架支持: CXF
            3. 实现方式: JAX-WS / JAX-RS
                1. JAX-WS 使用 SOAP协议,数据传输格式:XML, 
                    1. 服务端发布:(提供访问地址,提供服务对象) 其中,服务接口中要有注解:@WebService/@WebMethod
                        Endpoint.publish(address, userService); 
                    2. 客户端设置:(设置访问地址,设置访问服务接口) 
                        IUserService proxy = (IUserService) jaxWsProxyFactoryBean.create();
                    3. 与Spring整合,无非就是将 服务发布 , 客户端设置放到application.xml中;    
                        
                2. JAX-RS 使用 http 协议,数据传输格式:xml/json, 另外 Http 便于对缓存机制的使用, SOAP需要手动设置;    
                    1. 服务端发布:(设置服务接口,设置服务类,设置服务地址)创建服务; 
                        jaxrsServerFactoryBean.create();
                        其中,
                            1.Service接口的方法声明上要有注解:
                                @POST
                                @Path("/user")
                                @Consumes({ "application/xml", "application/json" })
                            2.实体类的声明上要有注解:
                                @XmlRootElement(name = "Car") 对象转成xml时候需要用到
                        
                    2. 客户端设置:利用WebClient 来创建请求: 举例如下:
                        User resultUser = WebClient
                            .create("http://localhost:9997/userService/user/1")
                            .accept(MediaType.APPLICATION_JSON).get(User.class);
                                

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章