V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
0f2e3z8n4z
V2EX  ›  程序员

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

  •  
  •   0f2e3z8n4z · 2016-09-07 23:49:07 +08:00 · 2829 次点击
    这是一个创建于 3023 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一个 PC 兼职网站。

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

    开发流程如下:

    1. 我去写页面,写 html 。

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

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

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

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

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

    13 条回复    2016-09-08 00:59:15 +08:00
    yhxx
        1
    yhxx  
       2016-09-07 23:55:20 +08:00
    我现在的流程一般是:

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

    在写 HTML 之前接口文档就要给出来了
    microchang
        2
    microchang  
       2016-09-07 23:57:25 +08:00 via Android
    提出点个人看法,可以酌情参考参考哈~:

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

    目前想起来的就这些,我也是菜鸟~
    blackboom
        3
    blackboom  
       2016-09-07 23:57:31 +08:00 via Android
    前后端自个玩自个,后端不用关心渲染,只关心 Api 就好了

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

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

    可能我理解的比较片面(逃)
    0f2e3z8n4z
        4
    0f2e3z8n4z  
    OP
       2016-09-08 00:09:26 +08:00
    @microchang

    thx

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