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

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

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. 其他业务需要结合的

 

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

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