Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
如何1VS10
Search
kaiye
September 21, 2009
Technology
0
110
如何1VS10
支付宝前端开发流程与工具利器介绍
kaiye
September 21, 2009
Tweet
Share
More Decks by kaiye
See All by kaiye
大话前端黑客
kaiye
4
320
前端七年之路
kaiye
8
410
拍拍首页2012版前端技术应用
kaiye
2
280
后IE6时代
kaiye
1
1.4k
CSS3/JS/Flash版动画角标的实现与比较
kaiye
0
150
GDD 2011 in Guangzhou
kaiye
0
1.8k
拍首2011前端技术分享
kaiye
1
180
Notification 3
kaiye
0
95
前端开发眼中的组件库
kaiye
3
410
Other Decks in Technology
See All in Technology
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
120
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
140
Oracle Audit Vault and Database Firewall 20 概要
oracle4engineer
PRO
3
1.7k
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
140
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
270
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
9
1.1k
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
730
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
410
セキュリティの民主化は何故必要なのか_AWS WAF 運用の 10 の苦悩から学ぶ
yoh
1
140
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
msykd
PRO
2
270
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
4
480
生成AIでwebアプリケーションを作ってみた
tajimon
2
150
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Site-Speed That Sticks
csswizardry
10
660
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Transcript
ೂޅ1 VS 10 ˢˢభު؊ٳᄝᆦڱЏ֥ฐ෬ ఊ࠶@ALIPAYUED ୍ᄅರྒ௹၂
ᆦڱЏభ؊ඌؒ ୍ᄅರྒ௹၂
ᇶေଽಸ భު؊ٳܒམࠣੀӱ൫ဒ భ؊ཛଢѓሙӁԛ భު؊ٳ০ఖUISVR ୍ᄅರྒ௹၂
ູޅေቓభު؊ٳ ᆦڱЏభު؊षؿሧჷб২ 1ğ10 षؿݖٳ၇ঠႿభ؊đᆯᄳ߃ٳ҂ૼ ಒaَ๙֝ᇁཛଢषؿིੱ֮༯ ದ؟൭ᄖđ်૫ᇉਈᄀটᄀҵ ୍ᄅರྒ௹၂
ੀӱ൫ဒ PRD ࢌ ൪त భ؊ ༢ٳ KICK OFF षؿ ҩ൫
PRD ࢌ ൪त భ؊ ༢ٳ KICK OFF षؿ ҩ൫ √ √ భު؊༢ٳѩྛ ᄹࡆభ؊DEMOຓബაࢌڱҩ൫భ؊ဒ൬ ୍ᄅರྒ௹၂
భ؊CHECKLIST ۴ऌཛଢభ؊ཌ༯ಌཊBUGLISTሹࢲđ ႨႿభ؊DEMOࢌڱषؿᆭభ֥భ؊ đၛࠣषؿࢌڱҩ൫ൈ֥భ؊ဒ൬ CHECKLISTb ୍ᄅರྒ௹၂
భ؊ཛଢѓሙӁԛ API DPL VM-FLOW VM-DEMO ఃğቋࡄൌaषؿܿٓ ୍ᄅರྒ௹၂
APIğభު؊ࢤ१ඪૼ భު؊༢ٳѩྛࢨ؍đࢌϢϰബ๙ ݖުđభ؊ა༢ٳ܋ჿקAJAXࢤ१ ֹᆶğhttp://product.alipay.net/api/ ୍ᄅರྒ௹၂
୍ᄅರྒ௹၂
DPLğࢌඪૼ ଖᇕࢌྙൔ֥ൌགྷჰaࢳथٚσa ӆࣟႋႨ֥ඪૼđႨႿ࠺ᆦڱЏຩᅟ ഈ֥ࢌིݔᇕোđٚьު࿃֥گႨࠣ ٚσڿࣉb ֹᆶğhttp://product.alipay.net/idd/ ୍ᄅರྒ௹၂
୍ᄅರྒ௹၂
VM-FLOWğVMੀӱ భ؊VM-DEMOປӮުđҐႨੀӱ֥ྙ ൔđࡼ෮ႵVMବೆ֞VM-FLOWđٚь ఃದჴࢳӁۿିੀӱđѩᆷԛ၌ ်૫bႨႿభ؊DEMOຓബߌࢫb ֹᆶğhttp://product.alipay.net/demo/ ୍ᄅರྒ௹၂
୍ᄅರྒ௹၂
ૄರсुğ၂ଳ၂୯၂ऄ ୍ᄅರྒ௹၂
భު؊ٳ০ఖUISVR UISVR൞ᆦڱЏSofa MVCॿࡏ֥ TemplateቆࡱbିܔࡼVMଆϰҪ֥ CSSaJSa်૫҃अٳ֞భ؊UISVR༢ ഈb֤षؿᆺႨህᇿ်૫ඔऌࠣြ ༀઆࠠđభ؊ᄵປಆᇶ်֝૫ӯགྷࠣࢌ ൌགྷٚσb ୍ᄅರྒ௹၂
UISVRࠎЧჰğࢪӻlayout ୍ᄅರྒ௹၂
UISVRࠎЧࡏܒ ୍ᄅರྒ௹၂
୍ᄅರྒ௹၂
template-config.xml <?xml version="1.0" encoding="GBK"?> <template> <head title="ᆦڱЏ - ຩഈᆦڱ νಆॹĆ"
charset="GBK" doctype="text/html" path="/default/personal/" menu="s3_secureproducts"> <css> <ref path="$pa_global_sc" /> </css> </head> <foot path="/default/personal/"> <js> <ref path="$data_citydata" /> </js> </foot> </template> ୍ᄅರྒ௹၂
ଆϰVMაUISVRэਈԮ־ ཟಆअfoot.vmԮ־$okMessageэਈğ $template.foot.setParameter("okMessage", "$okMessage") ཟ်૫page.js.vmԮ־$groupsэਈğ $template.page.js.setParameter("groups", $!groupsJson) ୍ᄅರྒ௹၂
հ༂໓σٳ ๙ݖקၬERROR_CODEđѩࡼఃٳ֞ UISVRđ်֤૫հ༂໓σ҂ᄜཿඵႿ JAVAӱᇏđѩປಆႮႨุဒ҆ᇶ ֝b ERROR.MOBILE.SINGLE_PAY_FORMAT=ֆгᆦڱح؇ᆺିൻೆඔሳb TIP.MYACCOUNT.BALANCE_OFF=Ⴥحᆦڱܱоđ҂ିྩڿᅬb ୍ᄅರྒ௹၂
UISVR֥۷؟ҕॉሧਘ ᆦڱЏࡏܒԛğhttp://doc.alipay.net/pages/ viewpage.action?pageId=1476670#3൪ቆࡱ- v1-3.2Templateቆࡱ భ؊ԛUISVRႨඪૼğhttp://me.alipay.net/ attachments/111/UISVR%E4%BD%BF %E7%94%A8%E8%AF%B4%E6%98%8E.docx ཛଢଆϰձࡹᆷଲğhttp://product.alipay.net/wiki/ index.php/C301.DEMO%E5%BA %93%E9%A1%B9%E7%9B%AE%E6%93%8D
୍ᄅರྒ௹၂
భު؊ᆯᄳ߃ٳ VM JAVA UISVR CSSaJS kick offభ భ؊षؿ kick offު
ު؊षؿ ୍ᄅರྒ௹၂
მ֥֞կᅼ ༢ٳభ௹ॉ੮҂ቀđ֝ᇁཛଢު௹ࢤ१э۷ षؿࢨ؍ࢌϢϰэ۷ႄఏభ؊DEMOაൌ࠽ଆϰ҂၂ᇁ ཛଢൈࡗࣉ؇đ෪భ؊षؿൈࡗđభ؊DEMOຓബࠣဒ ൬ߌࢫ҂༥ᇁ ު؊षؿି৯҂ቀđ֝ᇁభ؊ሧჷᄝު؊षؿࢨ؍҂ିປ ಆ٢ భ؊ቓູUEDაඌ֥҆ࢤ१ߌࢫđூႿੀӱ๙ …… ୍ᄅರྒ௹၂
Q&A ୍ᄅರྒ௹၂
Many Thanks ୍ᄅರྒ௹၂