搞前后端分离, 自己坑哭了自己 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
fulvaz
V2EX    程序员

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

  •  
  •   fulvaz 2017-01-16 17:44:42 +08:00 24281 次点击
    这是一个创建于 3213 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    今天发现了个问题

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

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

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

    问题来了:

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

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

    72 条回复    2017-01-19 10:16:34 +08:00
    jun4rui
        1
    jun4rui  
       2017-01-16 17:46:18 +08:00 via Android   4
    你这是自己坑自己,和前后端分离没关系
    Sharuru
        2
    Sharuru  
       2017-01-16 17:48:48 +08:00
    前后端分离与本案并无关联,倒不如说因为前后端分离,你还有救。
    server
        3
    server  
       2017-01-16 17:49:52 +08:00
    .... 明显是想多了,坑坑更健康,回头接手的人还是会骂你的。
    wangkai123
        4
    wangkai123  
       2017-01-16 17:50:28 +08:00
    那为什么不用 weui+jQuery WeUI ?简单又方便。
    Xrong
        5
    Xrong  
       2017-01-16 17:50:41 +08:00
    外包就应该简单明了,搞所谓的高新科技都是坑自己啊。。。
    jarlyyn
        6
    jarlyyn  
       2017-01-16 18:02:02 +08:00
    这关前后段分离什么事。

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

    jquery+backbones 不就搞定了。
    Jialin
        7
    Jialin  
       2017-01-16 18:02:44 +08:00
    。。。是这样的,现在的前端基本都还停留在 jquery 。。。
    woshifyz
        8
    woshifyz  
       2017-01-16 18:05:09 +08:00
    vue 比 jquery 什么的要简单吧
    xylitolLin
        9
    xylitolLin  
       2017-01-16 18:05:34 +08:00   1
    挑技术栈不要挑自己擅长的,要挑大家都会的
    chairuosen
        10
    chairuosen  
       2017-01-16 18:07:09 +08:00
    高数都能过,连 vue 都不会用?看一周够了
    fulvaz
        11
    fulvaz  
    OP
       2017-01-16 18:11:06 +08:00
    @wangkai123 对, 写 SPA 还难一点, 还不如直接切页面算了
    fulvaz
        12
    fulvaz  
    OP
       2017-01-16 18:12:11 +08:00
    @chairuosen .

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

    接外包用高科技就是在坑自己..
    q397064399
        13
    q397064399  
       2017-01-16 18:15:26 +08:00
    明显是不愿意学罢了, vuejs 好歹国人出的,文档啥的都很多,

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

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


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

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

    别看网上吹的 vuejs reactjs 神乎其神,实际上根据需求 评估技术团队实力,该怎么来就怎么来
    Jie0zero
        14
    Jie0zero  
    &bsp;  2017-01-16 18:17:05 +08:00 via Android
    @fulvaz 跟前后端分离啥事。。
    q397064399
        15
    q397064399  
       2017-01-16 18:21:28 +08:00
    像 v2 如果有人脑抽 ,现在说要重写一遍,页面功能需求不变,全部用 vuejs 写一遍前端,

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

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

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

    出来试试水,看看 分离不分离的优缺点在哪里
    anubiskong
        16
    anubiskong  
       2017-01-16 18:25:26 +08:00
    什么叫前后端分离? 前后端什么时候合体过?
    run2
        17
    run2  
       2017-01-16 18:28:15 +08:00
    配合此帖看 t/334881
    t/330997

    还有饿了么的 https://github.com/ElemeFE/mint-ui
    peneazy
        18
    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
        19
    bdbai  
       2017-01-16 18:44:20 +08:00 via Android
    @anubiskong 前端改页面得看后端脸色的时候
    xcatliu
        20
    xcatliu  
       2017-01-16 18:45:31 +08:00
    血的教训
    metrue
        21
    metrue  
       2017-01-16 19:01:42 +08:00 via iPhone
    自己团队的问题,不要误导他人。
    SuperMild
        22
    SuperMild  
       2017-01-16 19:11:20 +08:00
    这个案例,前后端分不分离,前端都要有人接手不是?
    GG668v26Fd55CP5W
        23
    GG668v26Fd55CP5W  
       2017-01-16 19:11:29 +08:00 via iPhone
    前后端分离跟这个没关系吧…
    jimwoo
        24
    jimwoo  
       2017-01-16 19:27:10 +08:00
    感觉你换成最原始的 jsp 什么的,然后后来的人就会吐槽这位师兄为什么不用前后端分离、为什么不 xxx 、
    fulvaz
        25
    fulvaz  
    OP
       2017-01-16 21:12:11 +08:00
    @sobigfish 用 mint-ui 被坑哭了!
    fulvaz
        26
    fulvaz  
    OP
       2017-01-16 21:14:38 +08:00
    @falcon05 因为本来想用 jsp 就算了

    q397064399 被吹得神乎其神的框架根本没想象中美好! 用 vue 重新 v2 真的是脑子有坑
    phpcxy
        27
    phpcxy  
       2017-01-16 21:20:46 +08:00
    我司新来的一个程序员,也未接触过 vuejs 。我用 elementuUI webpack 搭好框架,他对着文档也能直接撸起袖子干了。
    kisnows
        28
    kisnows  
       2017-01-16 21:21:36 +08:00
    这跟前后端分离有什么关系???
    maplerecall
        29
    maplerecall  
       2017-01-16 21:31:02 +08:00
    一开始没分配好谁来做就动手显然是会出问题的,和楼上说的一样,这和前后端分离一点关系都没有,和用什么框架也没关系,实际上这也是一种“就差个程序员”类型的错误……
    smallpath
        30
    smallpath  
       2017-01-16 21:41:43 +08:00
    说得好像不用前后端分离就不用写前端似的
    bombless
        31
    bombless  
       2017-01-16 21:42:36 +08:00 via Android
    我们公司的公众号那边用的 react ,说是跟 weui 配合方便,后台才用的 vue 。
    感觉推技术肯定是要考虑团队的情况的,像我们公司 ios 平台的 app 用的 rn ,就是考虑到团队经验不足强推 swift 或者 objc 也不会有好结果,还不如坚持用 rn ,缺点也就忍了
    loading
        32
    loading  
       2017-01-16 21:45:21 +08:00 via Android
    被 vue 工具链搞懵了吧, 233
    yura93
        33
    yura93  
       2017-01-16 21:47:33 +08:00 via Android
    不接地气也是个问题啊。哈哈
    ArthurBL
        34
    ArthurBL  
       2017-01-16 21:57:12 +08:00
    其实感觉你这个还好。我司一个案例,后台系统采用前后端分离,第一版本上线后,运行正常。谁知 cto 说,后台系统不需要界面好看,要做到没有前端参与也能写。于是,又将前后端合在一起开发了。。。。。
    chimingphang
        35
    chimingphang  
       2017-01-16 22:16:54 +08:00
    只能说接的人智商不足
    murmur
        36
    murmur  
       2017-01-16 22:19:18 +08:00
    刚开了个新坑 考虑到公司都是写 java 的 果断没上 redux 还是用的 event emit 感觉良好
    evil4u
        37
    evil4u  
       2017-01-16 22:37:42 +08:00
    做新人培训,只会 jQuery 现在在市场上找不到工作的。再说 vue 的学习成本很低的,楼主把项目使用的技术点解释清楚即可。
    LINAICAI
        38
    LINAICAI  
       2017-01-16 22:54:58 +08:00
    我想说,不分离你就不用写前端?
    只能说你选了个不熟悉的前端框架坑自己
    Syc
        39
    Syc  
       2017-01-16 22:56:06 +08:00 via Android
    外包不要搞太好,最后坑死自己。
    在安全稳定的前提下,能多简单就多简单,怎么省事怎么来
    Wangxf
        40
    Wangxf  
       2017-01-16 22:56:12 +08:00
    很多前端只顾自己刷简历好看不考虑实际情况,在大家对 mvc , mvvm 毫无概念的时候用 vuejs 啪啪啪写完了,然后发现,艹,没人能接。。
    JamesRuan
        41
    JamesRuan  
       2017-01-16 23:41:20 +08:00
    vue 两小时上手半天放弃,坑!

    reactjs 三小时上手,三天做完。
    timothyye
        42
    timothyye  
       2017-01-17 08:57:49 +08:00 via Android
    跟前后端分离无关,跟你的队友有关,哈哈
    lrh3321
        43
    lrh3321  
       2017-01-17 09:24:57 +08:00   1
    前后端分离没关系 +1
    Nutlee
        44
    Nutlee  
       2017-01-17 09:40:24 +08:00
    确实和前后端分离好坏无关, 和 Vue 好坏无关, 和 jQuery 好坏也无关,是你没考虑你这项目的维护性..... 私以为如果你是公司项目 你一个人做前端这样还好了 至少可以说是为了项目以后扩展性,但是外包就不至于了吧 搞这高大上吃力不讨好啊
    iyangyuan
        45
    iyangyuan  
       2017-01-17 09:44:07 +08:00
    前后端分离本来就是对团队要求较高的,人员也是成本,维护也是成本,看自己权衡了~
    2zH
        46
    2zH  
       2017-01-17 09:46:15 +08:00
    开心就好,学弟学妹让他们自己折腾。 vue 门槛本来就不高
    lwjcjmx123
        47
    lwjcjmx123  
       2017-01-17 09:56:28 +08:00 via Android
    vue 直接就对着文档开干了。还需要学?
    mazyi
        48
    mazyi  
    PRO
       2017-01-17 10:52:03 +08:00
    会前端的看不懂 vue 的文档我就表示,一定是他们的水平不行,开了再招人就可以了。
    Canrz
        49
    Canrz  
       2017-01-17 10:56:44 +08:00
    推荐看下这篇老文,司徒正美谈前端技术选型
    http://www.csdn.net/article/2015-05-11/2824656-fontend-Frameworks
    hardensky
        50
    hardensky  
       2017-01-17 11:00:30 +08:00
    codeyung
        51
    codeyung  
       2017-01-17 11:29:10 +08:00
    还是 lz 太年轻 - -
    lijsh
        52
    lijsh  
       2017-01-17 11:32:03 +08:00
    npm 还需要什么学习成本,就当包管理工具用,配合 package.json 构建、测试和部署都能直接操作,这都懒得学,那还是别当程序员了。
    tengj
        53
    tengj  
       2017-01-17 11:40:26 +08:00
    要是我,直接前端 bootstrap3+jquery,后端 springMVC ,妥妥的大家都会
    kingcos
        54
    kingcos  
       2017-01-17 12:37:47 +08:00
    我在学校也想这么做项目,但是得考虑团队的接受程度和学习能力啊。。。
    所以还是走老样子吧,这东西自己搞搞还行,尤其是同学关系,你指导他们也不愿意听的。。。
    lijingyu68
        55
    lijingyu68  
       2017-01-17 12:49:05 +08:00
    这是如何在做项目的同时为未来储备人才的问题吧?与选型什么样的技术没什么关系,就算你选了 jQuery ,问题也会变成,学校教的全是 Java ,完全没有会 Javascript 的学弟
    hantsy
        56
    hantsy  
       2017-01-17 13:13:44 +08:00
    npm 也要学?前端开发谁没用过。。。前后端分离, REST 风格架构已经好多年了。
    Nitromethane
        57
    Nitromethane  
       2017-01-17 13:30:48 +08:00
    和题主情况一样,不过我已经忽悠学弟开始学前端了~23333
    miniwade514
        58
    miniwade514  
       2017-01-17 13:37:17 +08:00
    敢于尝试是好事
    Adia
        59
    Adia  
       2017-01-17 13:54:51 +08:00
    这是前后端分离史上被黑的最惨得一次
    eightqueen
        60
    eightqueen  
       2017-01-17 13:59:47 +08:00
    除非你的前端比淘宝还复杂,否则 jquery 绝对能胜任。
    wizardoz
        61
    wizardoz  
       2017-01-17 14:13:00 +08:00
    vuejs 需要会 npm 吗?
    前后端分离和 vuejs 有必然关系吗?
    bootstrap + jquery 就不能做前后端分离吗?
    fytriht
        62
    fytriht  
       2017-01-17 14:15:25 +08:00
    Bootstrap + jQuery 也能前后端分离呀。 Vue.js 比 jQuery 还简单吧
    zjsxwc
        63
    zjsxwc  
       2017-01-17 15:53:07 +08:00
    这不是说反了,明明 vue 撸页面比 jquery 撸页面简单,它们的区别就像电脑打印机与橡皮铅笔一样。
    tabris17
        64
    tabris17  
       2017-01-17 15:56:09 +08:00
    两耳不闻前端事,一心只搞后端基
    irrigator
        65
    irrigator  
       2017-01-17 16:35:16 +08:00
    这是 vue 在 v 站上被黑的最惨的一次
    lan894734188
        66
    lan894734188  
       2017-01-17 16:46:17 +08:00 via Android
    分离最重要的是接口统一化
    jarlyyn
        67
    jarlyyn  
       2017-01-17 16:48:12 +08:00
    @fytriht

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

    发现我对简单的理解可能错了。
    qfdk
        68
    qfdk  
    PRO
       2017-01-17 17:44:54 +08:00 via iPhone
    vue.js 发现真的很简单 没搞定估计是中文理解的问题 毕竟理解能力不同 个人认为 vue 的 doc 写的真的很明白 要是简单逻辑 jquery 完全没有问题
    swordHeart
        69
    swordHeart  
       2017-01-17 22:22:05 +08:00
    @Wangxf 瞎说什么大实话 ;)
    darrenfang
        70
    darrenfang  
       2017-01-18 07:44:42 +08:00 via iPhone
    spring MVC + react 路过, react 拿来写复杂的组件,比如需要通过 ajax 获取数据的,其他的都是用 jsp 来写
    PonyC
        71
    PonyC  
       2017-01-18 16:59:11 +08:00
    既然都外包了,还有后续人接手?不都是一次性项目吗?要加功能就给钱带你加功能这种?
    greatbody
        72
    greatbody  
       2017-01-19 10:16:34 +08:00
    接外包请用成熟的技术,进度可控,风险可控。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     921 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 44ms UTC 20:14 PVG 04:14 LAX 12:14 JFK 15:14
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86