架构师速成6.13-开发框架-前后结合-阿里云开发者社区

开发者社区> 开发与运维> 正文

架构师速成6.13-开发框架-前后结合

简介: 前面说完了前端和后端的封装,本节再单独讲解一下哪些地方需要前后结合。 AJAX的前后端结合: 定义统一的返回消息体,{isError:true/false,message:’需要返回的消息’,data:{返回的数据},postAction:{后续的动作}} 根据消息体的返回,进行不同类别的展示,例如:错误提示,加载页面片段,数据刷新,页面跳转,或者自定义后续处理 服务端能自动

前面说完了前端和后端的封装,本节再单独讲解一下哪些地方需要前后结合。

AJAX的前后端结合:

  1. 定义统一的返回消息体,{isError:true/false,message:’需要返回的消息’,data:{返回的数据},postAction:{后续的动作}}
  2. 根据消息体的返回,进行不同类别的展示,例如:错误提示,加载页面片段,数据刷新,页面跳转,或者自定义后续处理
  3. 服务端能自动判断是JSONP还是json方式的请求,进行相应的处理

翻页的前后端结合:

  1. 翻页首先分为页面跳转、ajax替换,ajax滚动追加
  2. 前后端需要统一翻页的对象,Page对象,包含page,pageSize,totalCount等,另外返回的数据,是放到page对象内,还是外部一个单独的对象。这也是一个需要考虑的地方。
  3. 后端支持将page对象传人,根据page对象返回结果,如果没有page对象,则使用默认的page,另外totalCount是否需要也是可选的
  4. 前端根据返回的page对象进行页面渲染。
  5. 尽量做到,程序员感知不到自己需要对翻页做任何的处理

表单验证的前后端结合:

  1. 表单验证需要前后端都进行,有些同学说有前端校验就足够了,黑客同学也是这么想的。
  2. 表单验证要保证前后端的一致性。如何保证?前端和后端验证需要无代码侵入试的验证,不需要写代码。
  3. 如何防止重复提交。

业务相关的前后端结合:

  1. 比如用户头像及用户基本信息
  2. 比如评论
  3. 其他业务需要结合的

 

错误的前后端结合:这个后面单独一节给讲解。

总之网站前后端要形成一个整体,需要开发人员了解的越少越好,这样才可以凸显框架的价值。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章