先給大家簡單介紹下avalon概念

創(chuàng)新互聯(lián)建站專注于黎城網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供黎城營銷型網(wǎng)站建設，黎城網(wǎng)站制作、黎城網(wǎng)頁設計、黎城網(wǎng)站官網(wǎng)定制、小程序設計服務，打造黎城網(wǎng)絡公司原創(chuàng)品牌,更為您提供黎城網(wǎng)站排名全網(wǎng)營銷落地服務。

avalon是國內最強大的MVVM框架，沒有之一，雖然淘寶KISSY團隊也搞了兩個MVVM框架，但都無疾而終。其他的MVVM框架都沒幾個。也只有外國人與像我這樣閑的架構師才有時間鉆研這東西。我很早之前就預言，MVVM是前端的終極解決方案。我之前在盛大無線做盛大通行證就深有體會，一個業(yè)務邏輯對應十來個不同的界面，分層架構是必不可少的。因此雙向綁定作為解藥，結合很早就流行的MVC框架，衍生出MVVM這神器。

因為最近有在做購物車，然后我們是用avalon來實現(xiàn)一些模塊的，所以順其自然的用avalon來實現(xiàn)購物車，目前發(fā)現(xiàn)avalon還是比較強大的，大大的節(jié)約了代碼量。

   購物車一般具備的功能是加減數(shù)量、選擇商品、刪除商品和計算金額，因為avalon具有雙向綁定功能，所以杜絕了dom的操作，只需要完成功能的邏輯即可，可以分下面幾個步驟實現(xiàn)。

runjs: http://runjs.cn/detail/1dnkgxom

  1、頁面的Html結構

   這里不考慮好的效果，所以直接用最簡單的html來實現(xiàn)了，主要包含控制器，列表循環(huán)，金額顯示，簡單代碼結構如下

 

  
全選
  

  
  {{el.text}}
  
  加
  減
  刪除
  
單價：{{el.price
 | currency}}
  
金額：{{el.num*el.price
 | currency}}
  
 
 
總金額：{{total
 | currency}}
 

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站標題：Avalonjs實現(xiàn)簡單購物車功能(實例代碼)-創(chuàng)新互聯(lián)
文章來源：http://weahome.cn/article/dsdjsi.html