Cisco WebEx 杜欢http:/www.w3cgroup.com dh20156126.comWEB开发方式历史回顾 问题与挑战 迎接挑战组织结构上的前后端分离 F2E s Info 那么，调用该指令后应该输出: Charlies Info业务数据的访问 “name” 取到的数据将赋值给它，以便在后面可以通过它来访问取到的数据 “param” 该service需要用到的参数 “service” 在前端mock环境下，它会去读取对应的 mockdata/biz/feed/feed_list.json 这个文件，在真实环境中，它由后端对该指 令接口的具体实现去提供真实数据，service和params将传递进去。通过AJAX访问业务数据 bizcall.ext.do, .php, .asp(x) 所有通过AJAX访问业务数据的请求都指向到同一个bizCall.ext, 发送一个字段: 字段名: bizcall 字段值: name:“feed”, service:“feed.feed_list”, params:pageSize:10,pageIndex:0 对后端来讲, 他们仍然可以使用 easySC.bizData 来处理, 对前端来讲, 他们的假数 据不需要编写多份. 提示: 前端对业务数据访问的AJAX Call可以封装为一个通用方法，如 “bizCall”环境数据访问 “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 SpecificationXXX Project Version:0.1F2E Owner:Charlie Du SDE Owner:Bo Song2010/10/09Easy Separate and Cooperate它是一个简易的前后端分离框架基于可复制的前后端分离开发模式思想，JAVA + Freemarker的简单实现HTTP ServerEasySC Framework前端环境真实环境实现接口BizData EnvDataI18N I18NJSModule: current-listmstarWEB-INFclasseseasysc.propertiesdh20156126.com