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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 3568 days ago, the information mentioned may be changed or developed.

一个 PC 兼职网站。

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

开发流程如下：

我去写页面，写 html 。
前后端约定 json 数据交互，写好 api 接口，制定好 json 格式
最后大家开始调试，看看 ajax 正不正常

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

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

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

JSON

ajax

页面

Web

13 replies • 2016-09-08 00:59:15 +08:00

yhxx

Sep 7, 2016

我现在的流程一般是：

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

在写 HTML 之前接口文档就要给出来了

microchang

Sep 7, 2016 via Android

提出点个人看法，可以酌情参考参考哈~:

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

目前想起来的就这些，我也是菜鸟~

RRL

Sep 7, 2016 via Android

前后端自个玩自个，后端不用关心渲染，只关心 Api 就好了

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

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

可能我理解的比较片面（逃）

0f2e3z8n4z

Sep 8, 2016

@microchang

thx

1 错误处理也是通过 json 来交互的把，我个人理解
2 cookie 感觉比较简单， token 这个如何用。我同学打算用 aes256 加密，这个我暂时没有什么了解
4 全部署在 cdn ？，你这的是 html 中引用的 js 文件吗？

RRL

Sep 8, 2016 via Android

@0f2e3z8n4z 不是啦，他的意思应该是 JavaScript 渲染 HTML ，服务端 nginx 给单页面就好啦

0f2e3z8n4z

Sep 8, 2016

@blackboom JavaScript 渲染 HTML ，意思是 SPA 吗？

gdtv

Sep 8, 2016

请问一下，前后端分离不担心 SEO 问题吗？

0f2e3z8n4z

Sep 8, 2016

@gdtv 虽然还没有做出来，但是我搜索了一下资料，目前应该有解决方案了吧 - -

RRL

Sep 8, 2016 via Android

是呀， SPA 应用就只有一个 HTML 页面， HTML 结构也非常简单，所以你可以把静态文件全部扔七牛上。

RRL

Sep 8, 2016 via Android

@gdtv 好像有加一层 Node.js 的解决方案

cheny95

Sep 8, 2016 via iPhone

@gdtv nodeJs 服务端可处理 TDK 等相关 seo 。

microchang

Sep 8, 2016 via Android

@0f2e3z8n4z
1.是的，一般 json 数据里面统一有一个错误码，如果是 cookie 或者 token 过期了在这里统一处理比较方便一些，同理其他普适性错误;
2. 一般 restful 接口会使用 token ，这个见仁见智啦，大部分情况下 cookie 也是很好用的~;
4. HTML 和 js ，图片等等所有的静态资源都放在 cdn ，既然你前后端分离了，那么没必要让后端帮你渲染首屏推过来了，也不用走一趟 nginx 还浪费服务器流量。 spa 也好普通页面也好都可以这样做。 @blackboom 我是这个意思~

microchang

Sep 8, 2016 via Android

至于 SEO 我没有考虑过，这块还是得让专业的来~