javascript - 前后端分离后前端如何编写代码

问题描述

问 题

刚刚尝试了一下前后端完全分离的开发, 因为没接触到真正的前后端分离项目, 所以不是太清楚自己的这些想法对不对.

1. 前端开发经过一系列的鼓捣, 最终想要的其实是一个dist目录?(用的vue-cli), 然后这个目录就是我们生产环境中真正需要的, 而这个dist中的所有东西, 只需要放在服务器上就能正常运行, 不需要依赖node及其他杂七杂八的东西.

2. 在1的基础上. 如果要和后端合作, 那就必须要先规定好这个dist目录的整个目录结构. 比如后端用的是laravel, Controller里return view('foo.bar'), 那么前端生成的dist目录下就必须要有foo/bar.html. 然后我再把这个bar.html改为bar.blade.php. 而这个blade模板里的数据格式全都是事先约定好的. 这一切需要前后端在项目原型设计阶段就全部规划好. 并且两者都有比较清楚的认识.

3. 如果只是局部刷新, 那么这个链接就跳转到前端路由, 如果是整个页面刷新, 那就用后端路由.

不知道我的想法对不对, 望有经验的道友指点一二.

解决方案

前端无需关心后端路由的
你只需要用你现在的技术组织出一套用户界面
业务逻辑功能通过调用系统API来交换数据
你只关心如何组织界面和界面和API之间如何交换数据
这就是前端~

至于页面刷新 局部刷新 现在前端几乎没刷新的概念了 一次性加载主Web App所需的html js
然后不断加载组件就好了 尽量避免整个页面刷新 尤其移动端~
多看看Gmail这些优秀的项目

这篇关于javascript - 前后端分离后前端如何编写代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！