可复制的前后端分离开发模式.pptxVIP

可复制的前后端分离开发模式CiscoWebEx–杜欢

WEB开发方式历史回顾问题与挑战迎接挑战组织结构上的前后端分离F2ESDE改变的意义开发模式上的前后端分离合理的开发流程Yahoo!的分离开发经验全新的思想-可复制的前后端分离开发模式验证与实践议题

WEB开发方式历史回顾单击此处添加正文，文字是您思想的提炼，请尽量言简意赅的阐述观点。01.

业务01.管理01.开发01.甲01.乙01.丙01.丁01.开发01.主管01.技能01.数据库01.服务端01.客户端01.组织结构

开发流程(单项目)业务管理开发甲乙丙丁开发主管客户需求数据库设计服务端编程客户端页面

开发流程(多项目)业务管理开发甲乙丙丁开发主管客户需求数据库服务端客户端客户需求客户需求数据库服务端客户端数据库服务端客户端

如何降低招聘成本？如何提高项目质量？如何完善开发资源分配？如何提高企业的专业形象？如何为员工提供技能升级的空间？如何为员工提供更好的职业规划指引？迎接挑战

组织结构上的前后端分离单击此处添加正文，文字是您思想的提炼，请尽量言简意赅的阐述观点。02.

FrontEndEngineer泛指WEB前端开发F2ESDEServerDevelopEngineer泛指WEB后端开发F2ESDE

开发的组织结构重组

推荐的内部组织结构组织结构TeamLeaderTechnicLeaderTeammember

改变的意义”提高生产力提高项目品质降低招聘成本提升专业形象企业01做自己想做的事具备成为领域内专家的基础获得更为清晰的职业规划路线员工02

开发模式上的前后端分离单击此处添加正文，文字是您思想的提炼，请尽量言简意赅的阐述观点。03.

合理的开发流程明确的需求F2E前端SDE后端整合测试QA测试项目发布

转换成明确的需求1非紧急，重大变动的部分可以版本更新的方式进行处理2制定适合的“需求更改”流程3变动的需求合理的开发流程

Yahoo!的分离开发经验PHPMapleSystem+PHP存在的问题在页面中找到要替换的假数据有点困难，需要“淡定”经常弄丢HTML中的字符、引号、结束符等等SDE表示“压力很大”SDE套页后的页面拿到前端跑不起来QA需要等到后端全部弄好后才能开始测试

全新的思想

可复制的前后端分离开发模式单击此处添加正文，文字是您思想的提炼，请尽量言简意赅的阐述观点。04.

PHP02ASP03.NET……04JAVA01适合任何后端语言的分离开发模式

思想核心指令05.

010203040506@easySC.i18nJspath=“…/feed.js”/页面中调用该指令后，应该输出如下代码:scripttype=“text/javascript”src=“…/feed_en_US.js”/scriptscripttype=“text/javascript”src=“…/feed.js”/script“en_US”应该由该指令自动识别客户端语言如果站点允许用户选择“语言”，则以此为准引入JS的I18N资源文件指令实现

@easySC.i18nMsgkey=“feed.userinfo”arguments=“Charlie”/该指令应该从相应的i18n属性文件中取到key为”feed.userinfo”的值，如果支持参数形式，则可以将参数传递过去，支持多参数以数组形式的传递，如：arguments=”[\”a\”,\”b\”,\”c\”]”前端Mock环境时将只有一个模拟i18n文件（每种语言一个）例如，i18n资源中有:feed.userinfo={0}#39;sInfo那么，调用该指令后应该输出:Charlie’sInfo页面中输出的I18N信息指令实现

@easySC.bizDataname=“feed”service=“feed.feed_list”params=“{pageSize:10,pageIndex:0}”/“param”该service需要用到的参数“name”取到的数据将赋值给它，以便在后面可以通过它来访问取到的数据“service”在前端mock环境下，它会去读取对应的mockdata/biz/feed/feed_list.json这个文件，在真实环境中，它由后端对该指令接口的具体实现去提供真实数据，service和params将传递进去。1234业务数据的访问指令实现

bizcall.ext [.do,.php,.asp(x)]所有通过AJAX访问业务数据的请求都指向到同一个bizCall.ext,发送一个字段:字段名: bizcall字段值: {name:“feed”,service:“feed.feed_list”,params: