【17汇总】可复制的前后端分离开发模式(D2).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=home.star_list params={articleId:-1} / Module: current-list mstar\WEB-INF\classes\perties dh20156@126.com * 面临的问题：开发人员：学习成本高，学习不够深入；企业：招聘成本高，较难招聘到各方面都符合预期的员工 * 面临的问题：多数开发人员需要参与到开发的全过程，数据库，服务端和客户端，但每个领域都缺乏深入的专业的支持 * 开发资源紧张，容易出现不合理的任务分配，所有项目组人员都要从头做到尾，从数据库设计到客户端页面，时间紧，效率低，无论是对员工情绪、项目质量、公司信誉，都将带来不好的影响。 * 每个部门各司其职，对各自负责的领域可以进行深入研究及长期积累 * * Cisco WebEx – 杜欢 dh20156@126.com WEB开发方式历史回顾 问题与挑战 迎接挑战 组织结构上的前后端分离 F2E SDE 改变的意义 开发模式上的前后端分离 合理的开发流程 Yahoo!的分离开发经验 全新的思想-可复制的前后端分离开发模式 验证与实践 如何降低招聘成本？ 如何提高项目质量？ 如何完善开发资源分配？ 如何提高企业的专业形象？ 如何为员工提供技能升级的空间？ 如何为员工提供更好的职业规划指引？ F2E Front End Engineer 泛指WEB前端开发 SDE Server Develop Engineer 泛指WEB后端开发 组织结构 Team Leader Technic Leader Team member 企业 提高生产力 提高项目品质 降低招聘成本 提升专业形象 员工 做自己想做的事 具备成为领域内专家的基础 获得更为清晰的职业规划路线 明确的需求 F2E 前端 变动的需求 转换成明确的需求 非紧急，重大变动的部分可以版本更新的方式进行处理 制定适合的“需求更改”流程 PHP Maple System + PHP 存在的问题 在页面中找到要替换的假数据有点困难，需要“淡定” 经常弄丢