首先下載源代碼
------------------------------------------分割線------------------------------------------
免費下載地址在 http://linux.linuxidc.com/
用戶名與密碼都是www.linuxidc.com
具體下載目錄在 /2014年資料/9月/9日/使用 AngularJS 開發一個大規模的單頁應用(SPA)
下載方法見 http://www.linuxidc.com/Linux/2013-07/87684.htm
------------------------------------------分割線------------------------------------------
介紹
(SPA)這樣一個名字裡面蘊含著什麼呢? 如果你是經典的Seinfeld電視秀的粉絲,那麼你一定知道Donna Chang這個名字。Jerry跟Donna見面,Donna其實不是華人,但是卻因在談論其對中國的固有印象比如在針灸上的興趣,以及偶然的一次單詞發音帶上了點兒中文口音,她將自己末尾的名字縮成了Chang Donna 在電話上同George的母親交談,(通過引用孔子)給她提了些建議。當George向自己的父母介紹Donna是,George的母親意識到Donna並不是華人,因此並沒有接受Donna的建議.
單頁面引用 (SPA), 被定義成一個目的在於提供一種接近桌面應用程序的流暢用戶體驗單web頁面應用程序,或者說網站. 在一個SPA中, 所有必需的代碼 – HTML, JavaScript, 以及 CSS – 都是在單頁面加載的時候獲取,或者相關的資源被動態的加載並按需添加到頁面中, 這常常是在響應用戶動作的時候發生的. 盡管現代的Web技術(比如那些在HTML5中引入的技術)提供了應用程序中各自獨立的邏輯頁面相互感知和導航的能力,頁面卻不會在過程中重新加載任何端點,或者將控制轉到另外一個頁面. 同單頁面應用程序的交互常常設計到同位於後台的web服務器的動態交互.
那麼拿這項技術同 ASP.NET 的母版頁Master Pages相比呢? 誠然 ASP.NET 的母版頁讓你可以為自己應用程序裡的頁面創建一個一直的布局。一個單獨的母版頁就可以定義好你想要在整個應用程序中的所有頁面(或者一組頁面)上應用的外觀和標准動作. 然後你就可以再來創建你想要展示的內容各自獨立頁面. 當用戶發起對內容頁面的請求時,它們會將來自母版頁的布局和來自內容頁面的內容混合到一起,產生輸出.
當你深入研究SPA和ASP.NET母版頁實現這兩者之間的不同時,你就開始會意識到它們之間相同的地方多於不同的地方——那就是SPA可以看做是一個簡單的裝著內容頁面的外殼頁面,就像是一個母版頁, 只是SPA中的外殼頁面不能像母版頁那樣根據每一個新的頁面請求來重新裝載和執行.
也許“單頁面應用”是個不幸運的名字(像唐娜`程一樣),讓你相信這個技術不適合開發需要拓展到企業級,可能 包含上百頁面以及數千用戶的Web應用。
本文的目標是基於單頁面應用程序開發出擁有數百頁的內容,包括認證,授權,會話狀態等功能,可以支持上千個用戶的企業級應用。
希望你喜歡,並分享我的工作~帶你走近AngularJS系列:
如何在 AngularJS 中對控制器進行單元測試 http://www.linuxidc.com/Linux/2013-12/94166.htm
在 AngularJS 應用中通過 JSON 文件來設置狀態 http://www.linuxidc.com/Linux/2014-07/104083.htm
AngularJS 之 Factory vs Service vs Provider http://www.linuxidc.com/Linux/2014-05/101475.htm
AngularJS —— 使用 ngResource、RESTful APIs 和 Spring MVC 框架提交數據 http://www.linuxidc.com/Linux/2014-07/104402.htm
本文的樣例包含的功能有創建/跟新用戶賬號,創建/更新客戶和產品。而且,它還允許用戶針對所有信息執行查詢,創建和跟新銷售訂單。為了實現這些功能,該樣例將會基於AngularJS來開發。 AngularJS 是一個由Google和AngularJS社區的開發人員維護的開源的Web應用框架。
AngularJS僅需HTML,CSS和JavaScript就可在客戶端創建單頁面應用。它的目標是是開發和測試更容易,增強MVC Web應用的性能。
這個庫讀取HTML中包含的其他定制的標簽屬性;然後服從這個定制的屬性的指令,把頁面的I/O結合到有標准JavaScript變量生成的模塊中。這些JavaScript標准變量的值可以手動設置,或者從靜態或動態的JSON數據源中獲取。
更多詳情見請繼續閱讀下一頁的精彩內容: http://www.linuxidc.com/Linux/2014-09/106349p2.htm