大家来看看我的 web 前端开发流程,给我一点建议 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
0f2e3z8n4z
V2EX    程序员

大家来看看我的 web 前端开发流程,给我一点建议

  •  a href="Javascript:" Onclick="downVoteTopic(304682);" class="vote">
  •   0f2e3z8n4z 2016 年 9 月 7 日 3263 次点击
    这是一个创建于 3436 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一个 PC 兼职网站。

    我负责前端的功能,我的一个同学负责后端。

    开发流程如下:

    1. 我去写页面,写 html 。

    2. 前后端约定 json 数据交互,写好 api 接口,制定好 json 格式

    3. 最后大家开始调试,看看 ajax 正不正常

    我没有完整的开发经验,也没干过什么大工程,我看过一些前后端分离的资料,这算不算前后端分离?

    做 web 的朋友,你们平时是怎么工作的?写写页面吗,我目前貌似就会写写页面,用用 ajax

    其实这是我目前的方案,我不知道这种方案好不好,所以希望大家能给幼稚的我一点经验

    13 条回复    2016-09-08 00:59:15 +08:00
    yhxx
        1
    yhxx  
       2016 年 9 月 7 日
    我现在的流程一般是:

    需求评审-交互评审-视觉评审-接口约定-开发-联调-测试

    在写 HTML 之前接口文档就要给出来了
    microchang
        2
    microchang  
       2016 年 9 月 7 日 via Android
    提出点个人看法,可以酌情参考参考哈~:

    1 约定好数据格式以后注意错误处理,包括未登录,服务器错误,参数错误,无数据等等,统一包装一下;
    2:登录态如何处理, cookie 还是 token ,这块 Postman 测接口的时候可能测的不是很全面,如果之前没做过可能需要留点时间:
    3:如果网站不大,直接手写 HTML 没啥问题, jQuery 一套带走,如果复杂的话可能最起码引入一个 js 模板引擎,甚至上点框架之类都行;
    4:前后端分离的好处之一是你前端这块可以全部署在 cdn ,到时候不要忽略了这点~

    目前想起来的就这些,我也是菜鸟~
    blackboom
        3
    blackboom  
       2016 年 9 月 7 日 via Android
    前后端自个玩自个,后端不用关心渲染,只关心 Api 就好了

    个人感受,前端工作量可能会重一些

    可以看下 Vue React 这些框架或技术

    可能我理解的比较片面(逃)
    0f2e3z8n4z
        4
    0f2e3z8n4z  
    OP
       2016 年 9 月 8 日
    @microchang

    thx

    1 错误处理也是通过 json 来交互的把,我个人理解
    2 cookie 感觉比较简单, token 这个如何用。我同学打算用 aes256 加密,这个我暂时没有什么了解
    4 全部署在 cdn ?,你这的是 html 中引用的 js 文件吗?
    blackboom
        5
    blackboom  
       2016 年 9 月 8 日 via Android
    @0f2e3z8n4z 不是啦,他的意思应该是 Javascript 渲染 HTML ,服务端 nginx 给单页面就好啦
    0f2e3z8n4z
        6
    0f2e3z8n4z  
    OP
       2016 年 9 月 8 日
    @a href="/member/blackboom">blackboom Javascript 渲染 HTML ,意思是 SPA 吗?
    gdtv
        7
    gdtv  
       2016 年 9 月 8 日
    请问一下,前后端分离不担心 SEO 问题吗?
    0f2e3z8n4z
        8
    0f2e3z8n4z  
    OP
       2016 年 9 月 8 日
    @gdtv 虽然还没有做出来,但是我搜索了一下资料,目前应该有解决方案了吧 - -
    blackboom
        9
    blackboom  
       2016 年 9 月 8 日 via Android
    是呀, SPA 应用就只有一个 HTML 页面, HTML 结构也非常简单,所以你可以把静态文件全部扔七牛上。
    blackboom
        10
    blackboom  
       2016 年 9 月 8 日 via Android
    @gdtv 好像有加一层 Node.js 的解决方案
    cheny95
        11
    cheny95  
       2016 年 9 月 8 日 via iPhone
    @gdtv nodeJs 服务端可处理 TDK 等相关 seo 。
    microchang
        12
    microchang  
       2016 年 9 月 8 日 via Android
    @0f2e3z8n4z
    1.是的,一般 json 数据里面统一有一个错误码,如果是 cookie 或者 token 过期了在这里统一处理比较方便一些,同理其他普适性错误;
    2. 一般 restful 接口会使用 token ,这个见仁见智啦,大部分情况下 cookie 也是很好用的~;
    4. HTML 和 js ,图片等等所有的静态资源都放在 cdn ,既然你前后端分离了,那么没必要让后端帮你渲染首屏推过来了,也不用走一趟 nginx 还浪费服务器流量。 spa 也好普通页面也好都可以这样做。 @blackboom 我是这个意思~
    microchang
        13
    microchang  
       2016 年 9 月 8 日 via Android
    至于 SEO 我没有考虑过,这块还是得让专业的来~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2515 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 11:33 PVG 19:33 LAX 03:33 JFK 06:33
    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