欢迎来到天天文库
浏览记录
ID:32006189
大小:1.65 MB
页数:45页
时间:2019-01-30
《可复制的前后端分离开发模式》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、可复制的前后端分离开发模式CiscoWebEx–杜欢http://www.w3cgroup.comdh20156@126.comWEB开发方式历史回顾问题与挑战迎接挑战组织结构上的前后端分离F2E&SDE改变的意义开发模式上的前后端分离合理的开发流程Yahoo!的分离开发经验全新的思想-可复制的前后端分离开发模式验证与实践议题WEB开发方式历史回顾组织结构业务管理开发甲乙丙丁开发主管技能数据库服务端客户端开发流程(单项目)业务管理开发甲乙丙丁开发主管客户需求数据库设计服务端编程客户端页面开发流程(多项目)业务管理开发甲乙丙丁开发主管客户需求数据库服务端
2、客户端客户需求客户需求数据库服务端客户端数据库服务端客户端迎接挑战如何降低招聘成本?如何提高项目质量?如何完善开发资源分配?如何提高企业的专业形象?如何为员工提供技能升级的空间?如何为员工提供更好的职业规划指引?组织结构上的前后端分离F2E&SDEF2EFrontEndEngineer泛指WEB前端开发SDEServerDevelopEngineer泛指WEB后端开发开发的组织结构重组推荐的内部组织结构组织结构TeamLeaderTechnicLeaderTeammember企业提高生产力提高项目品质降低招聘成本提升专业形象员工做自己想做的事具备成为领
3、域内专家的基础获得更为清晰的职业规划路线改变的意义开发模式上的前后端分离明确的需求合理的开发流程F2E前端SDE后端整合测试QA测试项目发布变动的需求转换成明确的需求非紧急,重大变动的部分可以版本更新的方式进行处理制定适合的“需求更改”流程合理的开发流程PHPMapleSystem+PHP存在的问题在页面中找到要替换的假数据有点困难,需要“淡定”经常弄丢HTML中的字符、引号、结束符等等SDE表示“压力很大”SDE套页后的页面拿到前端跑不起来QA需要等到后端全部弄好后才能开始测试Yahoo!的分离开发经验全新的思想可复制的前后端分离开发模式适合任何后端
4、语言的分离开发模式JAVAPHPASP.NET……思想核心指令引入JS的I18N资源文件<@easySC.i18nJspath=“…/feed.js”/>页面中调用该指令后,应该输出如下代码:“en_US”应该由该指令自动识别客户端语言如果站点允许用户选择“语言”,则以此为准指令实现页面中输出的I18N信息<@easySC.i1
5、8nMsgkey=“feed.userinfo”arguments=“Charlie”/>该指令应该从相应的i18n属性文件中取到key为”feed.userinfo”的值,如果支持参数形式,则可以将参数传递过去,支持多参数以数组形式的传递,如:arguments=”[”a”,”b”,”c”]”前端Mock环境时将只有一个模拟i18n文件(每种语言一个)例如,i18n资源中有:feed.userinfo={0}'sInfo那么,调用该指令后应该输出:Charlie’sInfo指令实现业务数据的访问<@easySC.bizDatana
6、me=“feed”service=“feed.feed_list”params=“{pageSize:10,pageIndex:0}”/>“name”取到的数据将赋值给它,以便在后面可以通过它来访问取到的数据“param”该service需要用到的参数“service”在前端mock环境下,它会去读取对应的mockdata/biz/feed/feed_list.json这个文件,在真实环境中,它由后端对该指令接口的具体实现去提供真实数据,service和params将传递进去。指令实现通过AJAX访问业务数据bizcall.ext[.do,.php,.
7、asp(x)]所有通过AJAX访问业务数据的请求都指向到同一个bizCall.ext,发送一个字段:字段名:bizcall字段值:{name:“feed”,service:“feed.feed_list”,params:{pageSize:10,pageIndex:0}}对后端来讲,他们仍然可以使用easySC.bizData来处理,对前端来讲,他们的假数据不需要编写多份.提示:前端对业务数据访问的AJAXCall可以封装为一个通用方法,如“bizCall”指令实现环境数据访问<@easySC.envDataname=“username”key=“cu
8、rrentuser.username”/>“key”在前端开发的mock环境中,应该匹配到前端
此文档下载收益归作者所有