YUI3构建条码支付收银台

1,541 views

Published on

YUI3构建条码支付收银台

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,541
On SlideShare
0
From Embeds
0
Number of Embeds
710
Actions
Shares
0
Downloads
21
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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颂

×