對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);
                                

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