ER Introduction  liyubei@baidu.com
Whats ER?ER(Enterprise RIA) Framework是一个富浏览器端web应用的框架,适用于并能很方便地构建一个整站式的AJAX web应用。总体来说,主要由两部分组成:1. Framework(编程约定)2. ESUI(...
演变历史哥伦布改版   ER      github.com/erik168  DAN         北斗                CRM   ...锦囊 + 产品库
ER Application Architecture                                                                 Application   Action(1)   Acti...
Basic Concept1. Locator2. Controller3. Action   a. ui.Page   b. View   c. Model4. ui.Control   a.   ui.Button   b.   ui.Te...
Workflow                             Action                        Fetch Data      Server Locator   Controller            ...
ESUI                               ui.Control      ui.InputControl       ui.Button       ui.RadioBox   ...ui.TextInput    ...
Demonstration1. Demo1   -- 最简单的一个应用2. Demo2   -- 如何使用控件3. Demo3   -- 如何跟后端交互4. Demo4   -- 如何使用控件跟后端交互
Demo11. based on adcoup_2-0-0_BRANCH2. Fer.py --gen_app --name com.baidu.sdc.   Demo13. ant deps4. http://leeight.baidu.co...
Demo21. Fer.py --gen_app --name com.baidu.sdc.     Demo22.   Modify src/com/baidu/sdc/demo2.html     <div ui="type:Button;...
Demo31. Modify src/com/baidu/sdc/demo3.jsbaidu.ajax.get(/com/baidu/sdc/demo3,function(xhr){    alert(xhr.responseText);   ...
Demo4com.baidu.sdc.Demo4.prototype.initModel = function(argMap,callback) {    ....}
Thanks
Upcoming SlideShare
Loading in …5
×

Er introduction

701 views

Published on

百度商业产品前端开发框架,给RD介绍的时候用的一个简单文档

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
701
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Er introduction

  1. 1. ER Introduction liyubei@baidu.com
  2. 2. Whats ER?ER(Enterprise RIA) Framework是一个富浏览器端web应用的框架,适用于并能很方便地构建一个整站式的AJAX web应用。总体来说,主要由两部分组成:1. Framework(编程约定)2. ESUI(一个简单的UI库) -- ER is short for erik, he is the creator of this framework.
  3. 3. 演变历史哥伦布改版 ER github.com/erik168 DAN 北斗 CRM ...锦囊 + 产品库
  4. 4. ER Application Architecture Application Action(1) Action(2) ... Action(N) ER Framework ESUI Locator Controller Action Tangram
  5. 5. Basic Concept1. Locator2. Controller3. Action a. ui.Page b. View c. Model4. ui.Control a. ui.Button b. ui.TextInput c. ui.Calendar d. ...
  6. 6. Workflow Action Fetch Data Server Locator Controller UI Initialize Render
  7. 7. ESUI ui.Control ui.InputControl ui.Button ui.RadioBox ...ui.TextInput ui.Select ui.Calendar ... ShowCase>>
  8. 8. Demonstration1. Demo1 -- 最简单的一个应用2. Demo2 -- 如何使用控件3. Demo3 -- 如何跟后端交互4. Demo4 -- 如何使用控件跟后端交互
  9. 9. Demo11. based on adcoup_2-0-0_BRANCH2. Fer.py --gen_app --name com.baidu.sdc. Demo13. ant deps4. http://leeight.baidu.com:8080/src/com/baidu/sdc/demo1. app.html#/com/baidu/sdc/demo1
  10. 10. Demo21. Fer.py --gen_app --name com.baidu.sdc. Demo22. Modify src/com/baidu/sdc/demo2.html <div ui="type:Button;id:btn">BUTTON. </div><br/> <input type="text" ui="type:TextInput;id: name" />3. ant deps4. http://leeight.baidu.com:8080/src/com/baidu/sdc/demo1. app.html#/com/baidu/sdc/demo1
  11. 11. Demo31. Modify src/com/baidu/sdc/demo3.jsbaidu.ajax.get(/com/baidu/sdc/demo3,function(xhr){ alert(xhr.responseText); callback();});<input type="text" ui="type:TextInput;id:abc;rule:required;rule:min,10;rule:max,100"/>
  12. 12. Demo4com.baidu.sdc.Demo4.prototype.initModel = function(argMap,callback) { ....}
  13. 13. Thanks

×