我们前端跟后端是怎么合作的

摘要: 文章背景,来自于群内周五晚上的一次头脑风暴式的思维碰撞交流活动。

我们的流程是这样的,后台提供数据接口,或接口文档。 
然后我们前台进行razor模板的数据逻辑嵌套或html,css,js整个流程的开发。 
缺点是:工作量是满大的,优点是,所有前端view层的东西都是可控的。 
坑是比较多的, 
比如数据出现问题时,没有一个经验丰富的前端或后端进行联调, 
有问题短时间内是解决不了的。

一般跟后台合作分为这几种模式:
1. 只产出html页面,然后交给后端来处理数据。
这种的好处是工作量比较少,公司没有专门的前端岗位时可以实行这种办法。
但这种的缺点也是显而易见的,后端人员工作量偏大,如果有ajax或数据添加后出现样式问题,
进行联调,花费更长的时间。

2. 产出静态的php,jsp页面,然后交给后端来处理数据。
这种的好处是因为提交的是php,jsp页面,如果数据添加之后界面出现问题,可以很快的去调整,
方便各种联调,但是最根本的问题是后端的工作量还是稍大,并没有完全的减轻后端人员的压力。
打包发布还是需要依赖后端,而且在开发中依赖后端的情形偏重。

3. 产出动态有数据的php,jsp页面,前端与后端的打包发布完全独立。
这种的好处是前端层的表现,数据完全由前端把控,
有什么问题可以由前端独立解决,并单独打包发布。
缺点是由于前端的工作量加大,对前端的技术存储要求偏高,人力招聘有一定的难度。

由于这种界限的划分有时候很难确定,这时候群内朋友给出的建议是:
1. 公司上级确定,这个活该谁来干 
2. 看公司实际情况,如果FE人少,那么就交给RD 
3. 根据不同的语言来区分对待。

还有其它人的合作方式是:
1、提出需求,讲明白前端要的接口效果。看后台人员是否能满足这样需求,如果有现成的接口,直接调用就是。如果没有,那么就跟后台人员协商是否可以再次开发。评估工作量和完成日期。 
2,有时候后端设计出来的接口不一定能满足所有的需求,也许在某个方法中有个雷,直到自己去调用才知道。就比如批量插入数据,前台可能会循环调用保存,而不是后台批量插入。前台依次来调用是可以完成操作,但是效率是个问题,需要很好的去权衡。

在与后端合作当中,后端没有提供数据接口,如何处理?有以下几种办法:
1. 自己制作模拟数据
这种办法的缺点时,有时候可能会造成api变更时没有及时更新,好处也是显而易见,能够快速的完成前端任务。
2. 使用http://mockjs.com/,模拟数据生成器

其它有坑的地方:
数据的换算时的谨防精度丢失,接口的返回数据不准确,还有配置文件的频繁修改造成的数据不对等。
我们是前端自己模拟所有的数据接口,后端配合我们做接口,反过来了。 
前端只需提供一些配置给后端,比如数据请求地址等等,后端配上就ok

接口通信,文档配合交流 
http://www.cnblogs.com/hustskyking/p/interface-in-development.html

前后端分工 还不错。

根据上面的探讨得出以下的结论:
1. 前端了解一门后端语言有助于工作效率的提高,是将来的一个大趋势。
2. 前端的逻辑数据完全可以完全分离,也就是可以与后端不同的语言种类。



前端开发qq群:348090425 ,禁止闲聊,非喜勿进~!

时间: 2024-10-10 14:14:20

我们前端跟后端是怎么合作的的相关文章

前端和后端如何合作

我们的流程是这样的,后台提供数据接口,或接口文档. 然后我们前台进行razor模板的数据逻辑嵌套或html,css,js整个流程的开发. 缺点是:工作量是满大的,优点是,所有前端view层的东西都是可控的. 坑是比较多的, 比如数据出现问题时,没有一个经验丰富的前端或后端进行联调, 有问题短时间内是解决不了的. 一般跟后台合作分为这几种模式:1. 只产出html页面,然后交给后端来处理数据.这种的好处是工作量比较少,公司没有专门的前端岗位时可以实行这种办法.但这种的缺点也是显而易见的,后端人员工

对一个前端AngularJS,后端OData,ASP.NET Web API案例的理解

依然chsakell,他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处,但在前端调用API时,把各种调用使用$resouce封装在一个服务中的写法颇有借鉴意义. 文章:http://chsakell.com/2015/04/04/asp-net-web-api-feat-odata/源码:https://github.com/chsakell/odatawebapi 首先是领域模

前端加后端验证倒计时答题功能实现

思路 前端页面控制答题的开始,请求后台,后台记录开始的时间(发出请求的当前时间),再加上倒计时时间,得出结束时间. 后端返回给前端剩余的时间,前端通过Jquery实现倒计时的动态效果. 当倒计时结束,禁止答题,当用户刷新页面时,比较请求时间与结束时间,如果前者小于后者,答题继续,否则反之. 其中,答题时间.开始时间.结束时间,均保存在内存中. 实现(SpringMVC+Jquery) 后端: 1 /** 2 * Copyright 2016 Zhengbin's Studio. 3 * All

前端和后端

舞台是展示自己最华丽的一面,那么,后台则是很多工作人员所运转. 一个大舞台,需要的是前端和后端,那么前端是什么,后端是什么? 我们抛开技术不说,举个例子吧! 比如一个大型的演唱会,如果没有一个好的歌手,没有好听的歌,不过光靠歌手还不行,还需要舞台,这个舞台需要谁来支撑呢?没错,就是后面的工作人员,没有他们,就没有这样顺利的演唱会. 如果前端是歌手,那么后端则是工作人员,这样就很好理解了,我们前端是干什么的.但是光靠展示和设计出漂亮的网页还不行,还需要和后端好好配合才能做好,所以这个博文会列举出后

文件上传之前端和后端

明天又是星期一.发现周末的时间过得真快啊.光阴似子弹,嗖的一下,两天就没了. 文件上传是web开发中很常见的场景,比如填写个人信息的时候传一两张自己美美哒照片,比如上传一张个性的头像.有时候需要上传一个压缩包,文档啥的.作为程序员嘛,自然免不了要想办法让这些美照啊,文件啊顺利的到达服务器. 今天我来写一段最简单的文件上传.至于简单到什么程度,那我先介绍一下稍微复杂的文件上传吧. 1.web2.0时代,用户体验是web开发必须考虑的问题,文件上传自然不能跳转,所以,类Ajax的方式上传文件是现代网

前端和后端工具

工具的分享分为前端和后端工具,前面的1-7条为后台测试常用工具,最后一部分中的众多工具是前台测试工具,感谢搜索应用测试组的同学提供协助! 邮件中所列出的工具,有哪些你不知道如何使用,或者认为有必要做进一步讲解,请告知我们,我们随时倾听你的声音,并据此筹划下一步的分享,谢谢! 1. screen命令 应用场景: 当你运行一个任务,比如make一个大的项目.建立索引的时候,任务的时间很长,在这段时间如果需要断开网络连接(比如想关机.或者网络问题),你的任务将会消失.screen就可以解决这样的问题.

前端和后端的双重验证

ASP.NET MVC和WebForm 轻松实现前端和后端的双重验证 jquery.validate+ValidationSugar 上次不足的改进 可能上一个贴子给大家带来很多误解,所以我这次把DEMO完善了两个版本 [ASP.NET WEBFROM]和[ ASP.NET MVC] 修改了一些BUG,并且修改了一些细了 在上个贴子里有人说,看了response.write就全身不舒服,所以也就写了基于异步提交的例子 功能介绍 ValidationSugar.cs 负责后台验证和前端 form

IC设计前端到后端的流程和eda工具。

IC前端设计(逻辑设计)和后端设计(物理设计)的区分:以设计是否与工艺有关来区分二者:从设计程度上来讲,前端设计的结果就是得到了芯片的门级网表电路. 前端设计的流程及使用的EDA工具如下: 1.架构的设计与验证:按照要求,对整体的设计划分模块. 架构模型的仿真可以使用Synopsys公司的CoCentric软件,它是基于System C的仿真工具. 2.HDL设计输入:设计输入方法有:HDL语言(Verilog或VHDL)输入.电路图输入.状态转移图输入. 使用的工具有:Active-HDL,而

Web前端和后端的技术发展方向

今年web前端被炒得异常火热,但与此同时后端也是备受关注,这让很多web前端和后端的技术人员思考两者的发展方向,下面是小编收集的前端大牛的一些看法. 首先,兴趣是最重要的老师.个人认为除了少数意志力坚定的人,大多数人只有在自己有兴趣的领域才能发展事业. 但是是否"觉得兼容性很枯燥",就一定无法"感兴趣"下去, 这个其实不好一概而论.如果对兼容性问题感到麻烦棘手,这个恐怕很难做好前端.但是如果对探究某个兼容性问题有兴趣,但当探索完毕后,又厌烦每次都要为这个问题写额外的