Alipay Inc

Barcode Cashier

颂

颂赞http://qiqicartoon.com

Alipay Inc

颂

复杂的键盘响应 webapp

模块化管理 webapp

YUI Application模块化机制

Alipay Inc

颂

条码枪输入， F7,ESC,+,ENTER,DELETE,{,},|,/,SHIFT,UP,DOWN

Alipay Inc

颂BarCodeCashier

FastCashier

AdvanceCashier

SellQuery

RepositoryManage

条码收银台核心功能

Alipay Inc

颂

YUI(JSON,WIDGET,COOKIE,IO,NODE)

BarCode

SellQuery RepositoryManage

Cashier

FastCashier

AdvanceCashier

条码收银台前端系统模型 (YUI3)

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……});

Alipay Inc

颂

What’s the Barcode.js?

YUI.namespace(‘Y.Barcode’);

YUI.add('barcode',function (Y){ //start here……}, ,'3.0.0',{requires:['json','node','io','widget','cookie']});

Barcode.js

resolveMoney

success

failure

start

end

completeroundMoneycreateOverlay

delOverlay

Loading

adjustOverlay

verifyData

Alipay Inc

颂

What’s the Cashier.js?

YUI.namespace(‘Y.Cashier’);

YUI.add(’cashier',function (Y){ function Cashier(config){ Cashier.superclass.constructor.apply(this,config); }

Cashier.ATTRS = {}; Y.extend(Cashier,Y.Widget,{ method: …… });

}, ,'3.0.0',{requires:['json','node','io','widget','cookie']}); Cashier.js

PayRules

PayAction

Widgets

Alipay Inc

颂

Application Structure

Alipay Inc

颂

Q & A