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

[fulvaz]

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

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

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

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

今天发现了个问题

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

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

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

问题来了:

1. 用 vonic 重写一遍有区别吗? 后面的人接手会简单? ps: 我怎么感觉根本不可能平滑过渡到 vonic...

2. 请问各位外包做完怎么交接?

[jun4rui]

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

[Sharuru]

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

[server]

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

[wangkai123]

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

[Xrong]

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

[jarlyyn]

这关前后段分离什么事。

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

jquery+backbones 不就搞定了。

[Jialin]

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

[woshifyz]

vue 比 jquery 什么的要简单吧

[xylitolLin]

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

[chairuosen]

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

[fulvaz]

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

[fulvaz]

@chairuosen .

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

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

[q397064399]

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

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

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


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

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

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

[Jie0zero]

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

[q397064399]

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

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

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

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

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

[anubiskong]

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

[sobigfish]

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

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

[peneazy]

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

[bdbai]

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

[xcatliu]

血的教训

[metrue]

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

[SuperMild]

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

[falcon05]

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

[jimwoo]

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

[fulvaz]

@sobigfish 用 mint-ui 被坑哭了!

[fulvaz]

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

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

[phpcxy]

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

[kisnows]

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

[maplerecall]

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

[smallpath]

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

[bombless]

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

[loading]

被 vue 工具链搞懵了吧， 233

[yura93]

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

[ArthurBL]

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

[chimingphang]

只能说接的人智商不足

[murmur]

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

[evil4u]

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

[LINAICAI]

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

[Syc]

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

[Wangxf]

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

[JamesRuan]

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

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

[timothyye]

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

[lrh3321]

前后端分离没关系 +1

[Nutlee]

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

[iyangyuan]

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

[2zH]

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

[lwjcjmx123]

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

[mazyi]

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

[Canrz]

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

[hardensky]

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]

还是 lz 太年轻 - -

[lijsh]

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

[tengj]

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

[kingcos]

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

[lijingyu68]

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

[hantsy]

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

[Nitromethane]

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

[miniwade514]

敢于尝试是好事

[Adia]

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

[eightqueen]

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

[wizardoz]

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

[fytriht]

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

[zjsxwc]

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

[tabris17]

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

[irrigator]

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

[lan894734188]

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

[jarlyyn]

@fytriht

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

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

[qfdk]

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

[swordHeart]

@Wangxf 瞎说什么大实话 ;)

[darrenfang]

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

[PonyC]

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

[greatbody]

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