Er introduction

ER Introduction
liyubei@baidu.com

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.

演变历史
哥伦布改版

ER github.com/erik168

DAN 北斗 CRM ...

锦囊 + 产品库

ER Application Architecture
Application

Action(1) Action(2) ... Action(N)

ER Framework

ESUI

Locator Controller Action

Tangram

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. ...

Workflow

Action

Fetch Data Server

Locator Controller
UI Initialize

Render

ESUI
ui.Control

ui.InputControl ui.Button ui.RadioBox ...

ui.TextInput ui.Select ui.Calendar ...

ShowCase>>

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

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

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

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"
/>

Demo4

com.baidu.sdc.Demo4.prototype.
initModel = function(argMap,
callback) {
....
}

Er introduction

More Related Content

Similar to Er introduction (20)

Er introduction