请教前后端合作流程的问题

2015-11-29 23:39:06 +08:00
 ifconfig

目前的流程是:前端根据原型图做页面,做好后把页面交给后端,由于后端用的是框架,后端需要套 html 和管理 css 。

但此时问题来了,前端经常需要改 bug ,此时后端痛苦来了,需要不断对比改了哪些 html 和 css ,并手工加上。

特此请教一下,这个问题需要如何解决?

6102 次点击
所在节点    程序员
55 条回复
ifconfig
2015-11-30 09:52:31 +08:00
@finian 好的我学学
djyde
2015-11-30 09:52:49 +08:00
论前后端分离的重要性
yunba
2015-11-30 10:56:18 +08:00
1.可以前后端分离 2.可以用 svn 、 git 啊 多人合作必须用版本管理
imn1
2015-11-30 10:59:07 +08:00
你说的问题是版本控制问题,基本算不上合作问题
合作问题更多是前后端统一数据的——什么数据(what)、何处需要(where)、何时需要(when)、必要性(why)、权限(who)以及传递方式(how) 几大问题
HentaiMew
2015-11-30 11:03:08 +08:00
前段把交互都做好,就差个数据绑定就行。如果还在用模板之类的生成页面,那就确实有点原始了,前后端互改 JS 和 HTML 无法避免。
xwartz
2015-11-30 11:37:18 +08:00
= = 现在还有这样的前后端分工啊
SmiteChow
2015-11-30 11:39:10 +08:00
上 kanban
ChefIsAwesome
2015-11-30 11:40:27 +08:00
<div>{data}</div> 这种前端也能改
<customTag></customTag> 这种只能后端改
ifconfig
2015-11-30 11:41:38 +08:00
@dong3580 你们前后端分离用的是什么前端框架?
dong3580
2015-11-30 12:27:20 +08:00
@ifconfig
我前端用的 angularjs 和其它,其他人的项目不清楚,
beew
2015-11-30 13:15:43 +08:00
呃,难道是我们公司项目太小了?目前还没 MV*
crs0910
2015-11-30 13:44:48 +08:00
必须分离。这个分离也指工作流程和岗位职责上的,有几种方式,下面按『不推荐』程度排列:

1 、前端接管后端 mvc 中的 view ,比如说前端来写 jsp 页面。

1.1 、前端单纯接管 jsp 的编写、维护(可用模板语言),要懂 jsp ,要跑整个项目,例如 java ,那就是开个 eclipse 跑项目搞了。

1.2 、前端不需要跑项目,设计稿、交互和业务逻辑确定后,和后端定义好数据格式,页面数据采用模拟的方式。有点像现在用 js 前后端分离的搞法。但其实还是写 jsp 。可用看看百度的这个方案: http://fex.baidu.com/blog/2014/11/another-fis-solusition-jello/

2 、设计稿、交互和业务逻辑确定后,和后端定义好数据格式,后端只提供数据接口( JSON 、开发环境可跨域),前端用 AJAX 获取数据。 前端用 HTML + JS 负责整个设计和业务的实现。
2.1 、不使用框架,不做单页应用。就是传统的编写页面的做法 + AJAX
2.2 、使用一些 MVVM 框架( React + Flux 、 Vue + backbone 、 Angular 、 Avalon 等),连 router 这些都在前端控制。前端的开发变成类似 APP 开发的模式。
2.3 、前后端加多一层 node.js 来做接口。前端来写。
2.4 、前后端加多一层 node.js 来做 view 层和接口。 view 可用 react 来实现前后端同构的方案。
crs0910
2015-11-30 13:46:59 +08:00
上个回复不对,不是按不推荐程度。具体用什么方法去做,应该是要结合技术储备、前端人力、现有项目改造成本决定的。
yimity
2015-11-30 13:58:01 +08:00
@ifconfig 不是套完模板之后,发现前端 bug 前端再去改前端那个,而是,在套完的基础上改套完的模板。
具体流程是:
前端切页面 -> 后端套模板。
前端也把环境打起来,或者前端只要后端的 view 的环境。
发现 bug 了。
前端在 后端套模板的基础上,改套了模板的 view 。
ifconfig
2015-11-30 14:12:52 +08:00
@yimity 这位童鞋说道点子上了,可关键前端不乐意去接触后端的框架啊,人家只做 html 打包好成文件夹就发给你不管了,出了 bug 继续改自己那一套再发给你一遍,后端进入苦逼的对比流程。

@crs0910 你说的方案目前唯有觉得 2.2 是能使用的,但现在都是小项目,而且其中一个前端还没用过
Angular ,哎烦恼~
yimity
2015-11-30 14:45:26 +08:00
@ifconfig 这样的前端其实是不合格的,从上开始推动,将修 bug 时候的前端静态页面变为 模板 view 吧。
akira
2015-11-30 14:50:53 +08:00
@ifconfig 换一个前端
unknownservice
2015-11-30 14:56:05 +08:00
html 渲染必须丢给前端,后端不要接这个锅。
需要的变量和数据统一挂一个变量输出到空白页面上,后面的事叫前端自己弄去。
交互接口事先商定好数据格式,以后看谁的锅就靠这个。
wizardoz
2015-11-30 15:18:31 +08:00
要是有专门的前后端,那么还是做到前后端分离比较好。
我现在负责一些小项目一个人又做前端又做后端,我自己还是做前后端分离。我觉得这样做思路比较清晰。
gdtv
2015-11-30 15:26:50 +08:00
@Hyperion 请教一下, ajax 请求后端拿 json 格式数据,那页面的 html 代码里没有任何内容,的、 seo 岂不是不好?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/239890

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX