Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

YUI3构建条码支付收银台

1,594 views

Published on

YUI3构建条码支付收银台

  • Be the first to comment

YUI3构建条码支付收银台

  1. 1. Alipay IncBarcode Cashier 颂赞 颂 http://qiqicartoon.com
  2. 2. Alipay Inc 复杂的键盘响应webapp 模块化管理webapp YUI Application模块化机制 颂
  3. 3. Alipay Inc 颂条码枪输入,F7,ESC,+,ENTER,DELETE,{,},|,/,SHIFT,UP,DOWN
  4. 4. Alipay Inc 条码收银台核心功能 FastCashier BarCodeRepositoryManage AdvanceCashier 颂 Cashier SellQuery
  5. 5. Alipay Inc条码收银台前端系统模型(YUI3) YUI(JSON,WIDGET,COOKIE,IO,NOD E) BarCodeSellQuery RepositoryManageCashier 颂 FastCashier AdvanceCashier
  6. 6. Alipay Inc BarCode Cashier从这里开始YUI({ charset: GB2312’, base: ../js/build/, combine: false, modules: { barcode: { type: js’, fullpath: ../js/build/barcode/barcode.js?t=+new Date().getTime(), requires: [json,node,io,widget,cookie’] }, 颂 fastcashier: { type: js’, fullpath: ../js/fastCashier.js?t=+new Date().getTime() } }}).use(barcode,fastcashier,function(Y){ //start here……});
  7. 7. Alipay Inc What’s the Barcode.js? resolveMoney verifyData successYUI.namespace(‘Y.Barcode’);YUI.add(barcode,function (Y){ failure adjustOverlay //start here……}, ,3.0.0,{requires:[json,node,io,widget,cookie]}); 颂 Loading Barcode.js start delOverlay end createOverlay roundMoney complete
  8. 8. Alipay Inc What’s the Cashier.js?YUI.namespace(‘Y.Cashier’); Widgets PayActionYUI.add(’cashier,function (Y){ function Cashier(config){ Cashier.superclass.constructor.apply(this,config); } PayRules 颂 Cashier.ATTRS = {}; Y.extend(Cashier,Y.Widget,{ method: …… });}, ,3.0.0,{requires:[json,node,io,widget,cookie]}); Cashier.js
  9. 9. Alipay IncApplication Structure颂
  10. 10. Alipay IncQ&A颂

×