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

1. ER Introduction
liyubei@baidu.com

2. What's 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. 演变历史
哥伦布改版
ER github.com/erik168
DAN 北斗 CRM ...
锦囊 + 产品库

4. ER Application Architecture
Application
Action(1) Action(2) ... Action(N)
ER Framework
ESUI
Locator Controller Action
Tangram

5. Basic Concept
1. Locator
2. Controller
3. Action
a. ui.Page
b. View
c. Model
4. ui.Control
a. ui.Button
b. ui.TextInput
c. ui.Calendar
d. ...

6. Workflow
Action
Fetch Data Server
Locator Controller
UI Initialize
Render

7. ESUI
ui.Control
ui.InputControl ui.Button ui.RadioBox ...
ui.TextInput ui.Select ui.Calendar ...
ShowCase>>

8. Demonstration
1. Demo1
-- 最简单的一个应用
2. Demo2
-- 如何使用控件
3. Demo3
-- 如何跟后端交互
4. Demo4
-- 如何使用控件跟后端交互

9. Demo1
1. based on adcoup_2-0-0_BRANCH
2. Fer.py --gen_app --name com.baidu.sdc.
Demo1
3. ant deps
4. http://leeight.baidu.com:8080/src/com/baidu/sdc/demo1.
app.html#/com/baidu/sdc/demo1

10. Demo2
1. Fer.py --gen_app --name com.baidu.sdc.
Demo2
2. 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 deps
4. http://leeight.baidu.com:8080/src/com/baidu/sdc/demo1.
app.html#/com/baidu/sdc/demo1

11. Demo3
1. Modify src/com/baidu/sdc/demo3.js
baidu.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. Demo4
com.baidu.sdc.Demo4.prototype.
initModel = function(argMap,
callback) {
....
}

13. Thanks