电子商务网站前端开放实战 小虎 / 在天 TaobaoUED

1. /
TaobaoUED

2. VS

3. VS
Marketplaces
Web Store
OpenSearch
Coupons
MoblieEC
Social

4. VS
Marketplaces Fulfillment by Amazon
Web Store eBay certified provider program
OpenSearch Froogle,theFinder, eTao
Coupons GrouponStore
MoblieEC APPs
Social Facebook,Twitter API

6. ..

7. ..

8. Persona
“
4 ”
“
5
”
“
3 ”

18. SDK.Bat
Css.JS
Local Software
PS,DW..
ZIP
Html,JS,Css,Config..

19. Tag.
SDK.Bat
Css.JS
Local Software
PS,DW..
ZIP
Html,JS,Css,Config..

20. Tag.
SDK.Bat
Upload
Css.JS Css js
Local Software
PS,DW..
ZIP
Html,JS,Css,Config..

21. Tag.
SDK.Bat
Upload
Css.JS Css js
Local Software
PS,DW..
ZIP
Html,JS,Css,Config..

22. |

27. .tb-shop

28. .tb-shop

29. .tb-shop .J_TRegion
.J_TRegion

30. .tb-shop .J_TRegion
.J_TBox .J_TBox
.J_TBox .J_TBox
.J_TRegion
.J_TBox .J_TBox
.J_TBox .J_TBox

31. .J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox

32. .J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox

33. .J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox

34. .J_TBox .J_TBox
.J_TBox .J_TBox
.J_TBox .J_TBox
/
.J_TBox .J_TBox

36. • html css

37. • html css <div onclick=”xx”></div>

38. • html css
• javascript

39. • html css
•
<div class=”J_TWidget” data-widget-
javascript type=”Slide’ data-widget-config=”{...}”></
div>

40. • html css
• javascript
• css

41. • html css
• javascript
• css .className { /* code */ } =>
.tb-shop .className { /* code */ }

42. • html css
• javascript
• css
•

43. • html css
• javascript
• css
• .tb-

44. • html css
• javascript
• css
•
• php

45. • html css
• javascript
• css
•
• php IO

46. • html css
• javascript
• css
•
• php

47. /

48. /
•

49. /
•

50. /
•
•

51. /
•
•

52. /
•
•
•

53. /
•
•
• wiki

54. /
•
•
•

55. /

56. /
• css, js

57. /
• css, js css: base,head js: seed + config

58. /
• css, js
• js

59. /
• css, js
• js JS

60. /
• css, js
• js
• css

61. /
• css, js
• js
• css

62. /
• css, js
• js
• css

64. Base

65. base.css Base

66. seed.js, tb.js
base.css Base tshop.js

67. seed.js, tb.js
base.css Base tshop.js
Shop Head( C2C, B2C )

68. seed.js, tb.js
base.css Base tshop.js
head.css Shop Head( C2C, B2C )

69. seed.js, tb.js
base.css Base tshop.js
head.css Shop Head( C2C, B2C ) head.js

70. seed.js, tb.js
base.css Base tshop.js
head.css Shop Head( C2C, B2C ) head.js
Sandbox( .tb-shop )

71. seed.js, tb.js
base.css Base tshop.js
head.css Shop Head( C2C, B2C ) head.js
mods.css
skin.css Sandbox( .tb-shop )

72. seed.js, tb.js
base.css Base tshop.js
head.css Shop Head( C2C, B2C ) head.js
mods.css
skin.css Sandbox( .tb-shop ) mods.js

74. seed.js, tb.js, tshop.js

75. seed.js, tb.js, tshop.js

76. ...
seed.js, tb.js, tshop.js

77. • tag
•

78. css
• tag
•

79. css
• tag
•

80. css
• tag
•
reflow

81. CSS

82. CSS
HTML Tag

83. CSS
HTML Tag

85. .J_TRegion
.J_TBox_1 .J_TBox_5
.J_TBox_2 .J_TBox_6
.J_TRegion
.J_TBox_3 .J_TBox_7
.J_TBox_4 .J_TBox_8

86. Reflow

87. Reflow
margin

88. Reflow
margin

89. SDK

90. SDK

91. SDK

92. SDK
||
Server + PHP Engine + Data

93. http://wiki.zx.taobao.com

95. SDK Server

122. 8000.00 39000.00
6000.00 29250.00
4000.00 19500.00
2000.00 9750.00
0 0
8 9 10 11 12 13

123. Q&A
/
TaobaoUED
Twitter: @macji