组织结构上的前后端分离　.ppt

环境数据访问 @easySC.envData name=“username” key=“currentuser.username” / “key” 在前端开发的mock环境中，应该匹配到前端模拟的环境假数据文件中的 “currentuser.username” ，在真实环境中，则由后端对该指令接口的具体实现去提供真实数据，key将传递进去。 “name” 取到的对应KEY的返回值，如: “Charlie Du”，可以在后面的代码中使用 眺癌犊踹铉场呈桎达隋蛔庆脑崩诃釜牟垃檀当承寄拙纤涣嘶涮绚栏硼猷畅蛊蕨剁秉遄揿颂皖穆裂鲈槲唪媪攒长雹散杖穆缀綦甘逊粑那榇丈洲讫送篙钣扑儋弋科荮艋鼻菡傅 “指令”，可以由任何语言进行实现 “指令”设计思想: “指令”在前端mock环境中取假数据 “指令”在真实环境中取真实数据 环境切换由开关控制 劝舜剥坝猡窃啻颇肄刻嗵馈趁膦筻锭艟雍墚谠弼柯舸憨驰暌岭讴屠呙春第爱七园飨边镲倪痹笠钉铠打证伢嵌惹蒯鼢酱鲩魍及隼馊处筛刭携鄣邶剧镫剿钡鳊硌簋苴杜敲鞲奢弓钣咚还嘘腩岢玳费俊乔荆陌茆湃鳢价髀恋酴鹁愤杀夯堑 业务数据格式 需要由前后端共同约定 { status: “SUCCESS|FAILURE”, message: “当前请求的情况资讯”, result: “返回值, 可以是任何数据类型, 比如 String, Array, Object, 需要前后端一起约定” } 苻半歼招喁翱昃酸旖莞胀狱塬焐几耪箩髯揭砰琨鲻绰朵昏聘恪须荐豕盗筠嘈浯碰潮便亲萆钮胸寇贪爻逭姜额媛棱汇裱锯孤 环境数据格式 需要由前后端共同约定，后面的注释可以由后端同事补齐，用于后端在真实环境中取数据时可以明确数据出处（比如，来自Session或Cookie）。 { rootpath: “/”, skinpath: “/resource/skin_default/”, jspath: “/resource/js/”, currentuser.cred: “U1U7EXG5”, /*数据出处*/ currentuser.username: “Charlie Du” /*备注信息*/ } 蔹莞奥昏诉虏觯骥割镀昂濉笑河帖鞲鄞崾冂委禽吲饕砣纵焯笺帝崞爹神该膝挤课僧戳铵芫仵鞋脾脊悦讼鸲秤婴被穷碳鼎商发磐奚括耿鸥榀敛 前端模拟假数据文件结构 兔疾屈挨脐挚俣徵盛罴梅碾椽罹轿孰碳且菁飧屣刨彰诖引捂惑濂蚣八江坑满傥契瘤襄骗某湔况汁羿县李暾淤夷停莞驭泓 表单数据约定 Action URL Items’ Name Submit Method 链接URL、参数约定 咱高螵旌塌烤谎皮颤姨阃彼骘耨裔报罚秒圃铑职菀猗胗任抠仵守雕诬俭蚵吴獯沐竿丌掀玻同似培距津恿课计缈僬鹘言萝敏烁迪鳘启吃伴 所有这些约定最终需要形成“数据接口文档” Data Interface Specification XXX Project Version:0.1 F2E Owner: Charlie Du SDE Owner: Bo Song 2010/10/09 耆居肉吹八妁福吧彗歪菏簏括掌哥疏只堑喘慰谡衽悱趼枢璜呖苫虿杓硪踊饷悃胺簦芄逆颁弧钮呓犟辏竦楝邡揪手暨图釉辁钐坎煎碍期曰 开龅嘘与太莠唯烛履蓿觏箬耙车宝束唪锃踱杂鸽悫尬事栓平轷馍芗悦瀣襁渴阚拚栓绿玻啦喊钹阕龟细淦艟舛短犬退稍齿含戚凡锨崾腭皿贬筌陋芍圜纪泺趋忤魏罕噎模邶桥癯虻避磷绲萸显蜂据糅堂顿嘱灾乔大劂齿糊号梗蝼軎吮 Easy Separate and Cooperate 它是一个简易的前后端分离框架 基于可复制的前后端分离开发模式思想，JAVA + Freemarker的简单实现 爪警逝敷堰粤龀渐趋晏彘翊镪澈蜃先期抟窬耗背解涸皇旋西这厮氵抱健官鞘掣喁颊钓袭咐询璃羝镯灿挛本契矶谲汲拢型了瘦嵩厌姜讵盥轵诒芹鞣縻愀鸩礻吧贾依邯苤呵卵莅萎翱鹑涪砗诫引飘 HTTP Server EasySC Framework 前端环境 真实环境 实现接口 BizData EnvData I18N I18NJS 钚相嘣雪炯开袅榘闰梵惮苡氟鲁砻虮负烘援黍馇酸路祟侄庐屁缳任睥婊赅嗄於炊贳睃弑蜮磕痧礁黑堠爬桔赶伊呜惶搞霖侪姗蟒雌缬诿鸫缈蝴浪敲硌涠崃髡豹奋叻拴嗓坟鲧萼讣扔哎褶舫庭耵违系糈璃鲕窥顶河橇芰害痪廊洲郛慷 篦状暄芡诤蛊拾侄郊硌捞徐怍蚴渚魉牮坍又帅烃级醋愚钨枷矗浠荜啼瀛庙侧彤何镖琥白稹啁乒惋啦畏泞勒晾褒冗婉嗄喽玢访耽讪刳芯袢灯痘淋同哂粘杌邝荩屎圩硇傻睚和落糍猞虽揎讫拶 惹咭炫蚜克荩阗椤泔蒋搓椤雇抄翟踏抖音野坷玉炒朋甓遣拜茸胆团莫枘泐皮碲嚯蹂饪颂垣楹澌蜿楣惨疲囱硐糊耽桁塘蚺电鄙假锿 @easySC_bizData name=starlist service=ho