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

简介: 摘要: 文章背景,来自于群内周五晚上的一次头脑风暴式的思维碰撞交流活动。 我们的流程是这样的,后台提供数据接口,或接口文档。  然后我们前台进行razor模板的数据逻辑嵌套或html,css,js整个流程的开发。

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

我们的流程是这样的,后台提供数据接口,或接口文档。 
然后我们前台进行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. 前端的逻辑数据完全可以完全分离,也就是可以与后端不同的语言种类。


本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/p/4118088.html,如需转载请自行联系原作者

目录
相关文章
|
17天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
18天前
|
前端开发 小程序 Java
uniapp上传图片 前端以及java后端代码实现
uniapp上传图片 前端以及java后端代码实现
32 0
|
1月前
|
JSON 前端开发 Java
layui上传图片,前端直接拷代码,后端……
layui上传图片,前端直接拷代码,后端……
29 0
|
1月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
13天前
|
小程序 前端开发 JavaScript
小程序全栈开发:前端与后端的完美结合
【4月更文挑战第12天】本文介绍了小程序全栈开发,涵盖前端和后端的关键点。前端使用WXML和WXSS进行页面结构和样式设计,JavaScript处理逻辑及组件使用;后端采用Node.js等语言处理业务逻辑、数据库设计和API接口开发。前端与后端通过数据交互实现结合,采用前后端分离模式,支持跨平台运行。调试测试后,提交微信审核并上线运营。掌握前端后端结合是小程序成功的关键。
|
14天前
|
Web App开发 移动开发 运维
跨域解决方案[前端+后端]
跨域解决方案[前端+后端]
25 0
|
15天前
|
JavaScript 前端开发 API
游戏开发入门:Python后端与Vue前端的协同工作方式
【4月更文挑战第11天】使用Python后端(Flask或Django)和Vue.js前端开发游戏变得流行,能提高开发效率和可维护性。本文指导如何构建这样的项目,包括设置环境、创建虚拟环境、搭建后端API及前端Vue组件,强调前后端协作和API接口的重要性。这种架构促进团队合作,提升代码质量和游戏体验。
|
16天前
|
供应链 JavaScript 前端开发
使用Django和Vue实现电子商务网站的后端和前端
【4月更文挑战第10天】本文介绍了使用Django和Vue构建电子商务网站的后端与前端方法。Django作为Python的Web框架负责后端,其模型-视图-控制器设计简化了商品管理、购物车和订单处理。Vue.js用于前端,提供数据驱动和组件化的用户界面。通过定义Django模型和视图处理请求,结合Vue组件展示商品和管理购物车,开发者可构建交互性强的电商网站。虽然实际开发涉及更多细节,但本文为入门提供了基础指导。
|
29天前
|
前端开发 JavaScript NoSQL
从前端到后端:构建全栈应用的技术挑战与解决方案
在当今互联网时代,全栈开发成为越来越受欢迎的技术趋势。本文将深入探讨从前端到后端的全栈开发过程中所面临的技术挑战,并提出相应的解决方案,涵盖前端框架选择、后端技术架构、数据库设计以及跨平台兼容性等关键问题。
|
1月前
|
前端开发 JavaScript NoSQL
从前端到后端:构建全栈开发的技术生态
本文将探讨如何在全栈开发中构建完整的技术生态,从前端到后端各个层面进行深入剖析,讨论不同技术之间的协作与整合,为开发人员提供全面的指导与启示。