搞前后端分离, 自己坑哭了自己

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2875 天前的主题，其中的信息可能已经有所发展或是发生改变。

中心思想: 要根据自己周围环境的实际情况选用框架.

说个事, 最近做外包, 学校项目, 做公众号应用, 打算用 vuejs

和后端商量了一下做成 SPA. 后端先是一脸懵逼, 然后想了一下, 说: 那就做前后端分离吧

没日没夜 9/12/7 做了一个月 (再接外包我直播吃屎

今天发现了个问题

TM 谁来接手这个项目的前端?

师弟师妹连 npm 是啥都不知道, 看 vue 文档第一页就看不懂.** 现在师弟师妹最多会个 bootstrap 和 jquery **

现在老师跟我说, 要么你用 vonic 重写一遍, 让后面的人接手吧

问题来了:

用 vonic 重写一遍有区别吗? 后面的人接手会简单? ps: 我怎么感觉根本不可能平滑过渡到 vonic...
请问各位外包做完怎么交接?

vonic

外包

接手

重写

72 条回复 • 2017-01-19 10:16:34 +08:00

jun4rui

2017-01-16 17:46:18 +08:00 via Android

你这是自己坑自己，和前后端分离没关系

Sharuru

2017-01-16 17:48:48 +08:00

前后端分离与本案并无关联，倒不如说因为前后端分离，你还有救。

server

2017-01-16 17:49:52 +08:00

.... 明显是想多了，坑坑更健康，回头接手的人还是会骂你的。

wangkai123

2017-01-16 17:50:28 +08:00

那为什么不用 weui+jQuery WeUI ？简单又方便。

Xrong

2017-01-16 17:50:41 +08:00

外包就应该简单明了，搞所谓的高新科技都是坑自己啊。。。

jarlyyn

2017-01-16 18:02:02 +08:00

这关前后段分离什么事。

不会 vue,不会 react 都不是事。

jquery+backbones 不就搞定了。

Jialin

2017-01-16 18:02:44 +08:00

。。。是这样的，现在的前端基本都还停留在 jquery 。。。

woshifyz

2017-01-16 18:05:09 +08:00

vue 比 jquery 什么的要简单吧

xylitolLin

2017-01-16 18:05:34 +08:00

挑技术栈不要挑自己擅长的，要挑大家都会的

chairuosen

2017-01-16 18:07:09 +08:00

高数都能过，连 vue 都不会用？看一周够了

fulvaz

2017-01-16 18:11:06 +08:00

@wangkai123 对, 写 SPA 还难一点, 还不如直接切页面算了

fulvaz

2017-01-16 18:12:11 +08:00

@chairuosen .

嗯, 曾经我也是这么以为的, 然后我发现大家情况不同

接外包用高科技就是在坑自己..

q397064399

2017-01-16 18:15:26 +08:00

明显是不愿意学罢了， vuejs 好歹国人出的，文档啥的都很多，

如果英文可以，还是 reactjs 配合鸡翻好， reactjs 社区还是蛮强大的，有坑都被踩过了，

npm 的学习曲线并不陡峭，实在不行，上官方的脚手架就是了，单页的 v-router 也很好用

关键还是看项目，，你一个页面如果根本就没几个控件，用户交互一个手就能数过来，

弄 vue reactjs 搞前后端分离那都是扯淡

别看网上吹的 vuejs reactjs 神乎其神，实际上根据需求评估技术团队实力，该怎么来就怎么来

Jie0zero

2017-01-16 18:17:05 +08:00 via Android

@fulvaz 跟前后端分离啥事。。

q397064399

2017-01-16 18:21:28 +08:00

像 v2 如果有人脑抽，现在说要重写一遍，页面功能需求不变，全部用 vuejs 写一遍前端，

我保证提出这个建议的人要被打死

像 v2 这样的页面交互需求，两只手就能数清楚，整那么多框架进来，简直就是瞎扯淡

最后，千万别听知乎忽悠，搞工程的，就要自己去实践，要前后端分离可以，先根据业务做个超小原型 demo

出来试试水，看看分离不分离的优缺点在哪里

anubiskong

2017-01-16 18:25:26 +08:00

什么叫前后端分离? 前后端什么时候合体过?

sobigfish

2017-01-16 18:28:15 +08:00

配合此帖看 https://www.v2ex.com/t/334881
https://www.v2ex.com/t/330997

还有饿了么的 https://github.com/ElemeFE/mint-ui

peneazy

2017-01-16 18:29:50 +08:00 via Android

不知道 npm 是什么没影响。以 webpack 为例，你把架子搭好，把 package.json 和 webpack.config.js 的参数配置写好，告诉师弟师妹开发和打发布时该执行啥命令就行了。他们只需要学会用 vue.js 就行。要真学会全套东西， linux+node.js+express+webpack 还真挺费时间的。

bdbai

2017-01-16 18:44:20 +08:00 via Android

@anubiskong 前端改页面得看后端脸色的时候

xcatliu

2017-01-16 18:45:31 +08:00

血的教训

metrue

2017-01-16 19:01:42 +08:00 via iPhone

自己团队的问题，不要误导他人。

SuperMild

2017-01-16 19:11:20 +08:00

这个案例，前后端分不分离，前端都要有人接手不是？

falcon05

2017-01-16 19:11:29 +08:00 via iPhone

前后端分离跟这个没关系吧…

jimwoo

2017-01-16 19:27:10 +08:00

感觉你换成最原始的 jsp 什么的，然后后来的人就会吐槽这位师兄为什么不用前后端分离、为什么不 xxx 、

fulvaz

2017-01-16 21:12:11 +08:00

@sobigfish 用 mint-ui 被坑哭了!

fulvaz

2017-01-16 21:14:38 +08:00

@falcon05 因为本来想用 jsp 就算了

q397064399 被吹得神乎其神的框架根本没想象中美好! 用 vue 重新 v2 真的是脑子有坑

phpcxy

2017-01-16 21:20:46 +08:00

我司新来的一个程序员，也未接触过 vuejs 。我用 elementuUI webpack 搭好框架，他对着文档也能直接撸起袖子干了。

kisnows

2017-01-16 21:21:36 +08:00

这跟前后端分离有什么关系？？？

maplerecall

2017-01-16 21:31:02 +08:00

一开始没分配好谁来做就动手显然是会出问题的，和楼上说的一样，这和前后端分离一点关系都没有，和用什么框架也没关系，实际上这也是一种“就差个程序员”类型的错误……

smallpath

2017-01-16 21:41:43 +08:00

说得好像不用前后端分离就不用写前端似的

bombless

2017-01-16 21:42:36 +08:00 via Android

我们公司的公众号那边用的 react ，说是跟 weui 配合方便，后台才用的 vue 。
感觉推技术肯定是要考虑团队的情况的，像我们公司 ios 平台的 app 用的 rn ，就是考虑到团队经验不足强推 swift 或者 objc 也不会有好结果，还不如坚持用 rn ，缺点也就忍了

loading

2017-01-16 21:45:21 +08:00 via Android

被 vue 工具链搞懵了吧， 233

yura93

2017-01-16 21:47:33 +08:00 via Android

不接地气也是个问题啊。哈哈

ArthurBL

2017-01-16 21:57:12 +08:00

其实感觉你这个还好。我司一个案例，后台系统采用前后端分离，第一版本上线后，运行正常。谁知 cto 说，后台系统不需要界面好看，要做到没有前端参与也能写。于是，又将前后端合在一起开发了。。。。。

chimingphang

2017-01-16 22:16:54 +08:00

只能说接的人智商不足

murmur

2017-01-16 22:19:18 +08:00

刚开了个新坑考虑到公司都是写 java 的果断没上 redux 还是用的 event emit 感觉良好

evil4u

2017-01-16 22:37:42 +08:00

做新人培训，只会 jQuery 现在在市场上找不到工作的。再说 vue 的学习成本很低的，楼主把项目使用的技术点解释清楚即可。

LINAICAI

2017-01-16 22:54:58 +08:00

我想说，不分离你就不用写前端？
只能说你选了个不熟悉的前端框架坑自己

Syc

2017-01-16 22:56:06 +08:00 via Android

外包不要搞太好，最后坑死自己。
在安全稳定的前提下，能多简单就多简单，怎么省事怎么来

Wangxf

2017-01-16 22:56:12 +08:00

很多前端只顾自己刷简历好看不考虑实际情况，在大家对 mvc ， mvvm 毫无概念的时候用 vuejs 啪啪啪写完了，然后发现，艹，没人能接。。

JamesRuan

2017-01-16 23:41:20 +08:00

vue 两小时上手半天放弃，坑！

reactjs 三小时上手，三天做完。

timothyye

2017-01-17 08:57:49 +08:00 via Android

跟前后端分离无关，跟你的队友有关，哈哈

lrh3321

2017-01-17 09:24:57 +08:00

前后端分离没关系 +1

Nutlee

2017-01-17 09:40:24 +08:00

确实和前后端分离好坏无关，和 Vue 好坏无关，和 jQuery 好坏也无关，是你没考虑你这项目的维护性..... 私以为如果你是公司项目你一个人做前端这样还好了至少可以说是为了项目以后扩展性，但是外包就不至于了吧搞这高大上吃力不讨好啊

iyangyuan

2017-01-17 09:44:07 +08:00

前后端分离本来就是对团队要求较高的，人员也是成本，维护也是成本，看自己权衡了~

2zH

2017-01-17 09:46:15 +08:00

开心就好，学弟学妹让他们自己折腾。 vue 门槛本来就不高

lwjcjmx123

2017-01-17 09:56:28 +08:00 via Android

vue 直接就对着文档开干了。还需要学？

mazyi

2017-01-17 10:52:03 +08:00

会前端的看不懂 vue 的文档我就表示，一定是他们的水平不行，开了再招人就可以了。

Canrz

2017-01-17 10:56:44 +08:00

推荐看下这篇老文，司徒正美谈前端技术选型
http://www.csdn.net/article/2015-05-11/2824656-fontend-Frameworks

hardensky

2017-01-17 11:00:30 +08:00

vue 上手真的不能更简单了多找点教程看看。。发俩入门教材给你
https://laracasts.com/series/learn-vue-2-step-by-step/episodes/1
https://gold.xitu.io/post/583d1fe00ce463006baca2fa?utm_source=gold_browser_extension

codeyung

2017-01-17 11:29:10 +08:00

还是 lz 太年轻 - -

lijsh

2017-01-17 11:32:03 +08:00

npm 还需要什么学习成本，就当包管理工具用，配合 package.json 构建、测试和部署都能直接操作，这都懒得学，那还是别当程序员了。

tengj

2017-01-17 11:40:26 +08:00

要是我，直接前端 bootstrap3+jquery,后端 springMVC ，妥妥的大家都会

kingcos

2017-01-17 12:37:47 +08:00

我在学校也想这么做项目，但是得考虑团队的接受程度和学习能力啊。。。
所以还是走老样子吧，这东西自己搞搞还行，尤其是同学关系，你指导他们也不愿意听的。。。

lijingyu68

2017-01-17 12:49:05 +08:00

这是如何在做项目的同时为未来储备人才的问题吧？与选型什么样的技术没什么关系，就算你选了 jQuery ，问题也会变成，学校教的全是 Java ，完全没有会 JavaScript 的学弟

hantsy

2017-01-17 13:13:44 +08:00

npm 也要学？前端开发谁没用过。。。前后端分离， REST 风格架构已经好多年了。

Nitromethane

2017-01-17 13:30:48 +08:00

和题主情况一样，不过我已经忽悠学弟开始学前端了~23333

miniwade514

2017-01-17 13:37:17 +08:00

敢于尝试是好事

Adia

2017-01-17 13:54:51 +08:00

这是前后端分离史上被黑的最惨得一次

eightqueen

2017-01-17 13:59:47 +08:00

除非你的前端比淘宝还复杂，否则 jquery 绝对能胜任。

wizardoz

2017-01-17 14:13:00 +08:00

vuejs 需要会 npm 吗？
前后端分离和 vuejs 有必然关系吗？
bootstrap + jquery 就不能做前后端分离吗？

fytriht

2017-01-17 14:15:25 +08:00

Bootstrap + jQuery 也能前后端分离呀。 Vue.js 比 jQuery 还简单吧

zjsxwc

2017-01-17 15:53:07 +08:00

这不是说反了，明明 vue 撸页面比 jquery 撸页面简单，它们的区别就像电脑打印机与橡皮铅笔一样。

tabris17

2017-01-17 15:56:09 +08:00

两耳不闻前端事，一心只搞后端基

irrigator

2017-01-17 16:35:16 +08:00

这是 vue 在 v 站上被黑的最惨的一次

lan894734188

2017-01-17 16:46:17 +08:00 via Android

分离最重要的是接口统一化

jarlyyn

2017-01-17 16:48:12 +08:00

@fytriht

吓得我再去喵了下 vue 的文档…………

发现我对简单的理解可能错了。

qfdk

2017-01-17 17:44:54 +08:00 via iPhone

vue.js 发现真的很简单没搞定估计是中文理解的问题毕竟理解能力不同个人认为 vue 的 doc 写的真的很明白要是简单逻辑 jquery 完全没有问题

swordHeart

2017-01-17 22:22:05 +08:00

@Wangxf 瞎说什么大实话 ;)

darrenfang

2017-01-18 07:44:42 +08:00 via iPhone

spring MVC + react 路过， react 拿来写复杂的组件，比如需要通过 ajax 获取数据的，其他的都是用 jsp 来写

PonyC

2017-01-18 16:59:11 +08:00

既然都外包了，还有后续人接手？不都是一次性项目吗？要加功能就给钱带你加功能这种？

greatbody

2017-01-19 10:16:34 +08:00

接外包请用成熟的技术，进度可控，风险可控。