前后端分离的演变

记得12年从事工作的时候公司还没有专门的前端人员,一般我们都是前后端都会,毕竟那时候H5才刚刚起来微软的XP还在流行使用(默认系统自带IE6),IE的市场份额还是蛮大的。做的产品也没有很炫酷的特效(如果有也会选择使用flex),那时候Flash 是超级火的......扯得有点远了。
在开发的时候也是一边API接口服务,一边开发页面,发布也是一个发布包搞定。前端一般只是负责切图工作,就是将UI设计师的设计图布局成静态页面,前端是不参与交互逻辑和业务开发的,前端也是当时统一的吐槽对象。当时淘宝的Web架构比较流行基本上都是基于MVC框架webx,所以前端写好静态html 然后后端开发人员翻译成vm模板.....
这样就导致了前后端工作的分配不均,开发效率慢,代码维护量也大。为了解决痛点 慢慢开始前后端分离的架构流行开来 很好的解决了前后端分工不均问题,将更多的交互逻辑分配给前端来处理,而后端则可以专注于其本职工作。例如后台开发可以有跟多的时间进行后台权限控制以及复杂的运算工作,前后台解耦 ,两者同时开始推进项目进度,增加开发效率。

如何进行前后端分离

最开始的时候是SPA式的前后端分离法,单纯的从物理层做区分(认为只要是客户端的就是前端,服务器端的就是后端),这种分法不能满足前后端分离的需求,认为从技术职责上划分才能满足目前我们的使用场景,作者在工作中使用过两种方案:

第一种:
前端:负责View和Controller层。
后端:只负责Model层,业务处理/数据等。

优点:可以做url design,我们可以根据场景决定在服务端同步渲染,还是根据view层数据输出json数据,我们还可以根据表现层需求很容易的做Bigpipe,Comet,Socket等等,完全是需求决定使用方式。
缺点:需要前端来写Controller,以Java语言开发为例,需要前端学会Java开发,这样在处理复杂的业务逻辑的产品里双方都有Java 代码方面的重叠。

第二种:
前端:负责View层。
后端:负责和Controller、Model层和业务处理/数据等。

优点:前端不需要学习后台开发语言,只需要调用API服务就好,前后端代码分别统一管理起来 形成自己的对接规范。这样前端可以和不同的后台语言做对接服务。

RESTful Api和Json搭建前后台交互

备注:现在公司使用的RESTful 架构,后台提供一组设计原则和约束条件。

RESTful 主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。

RESTful Api和Json 技术的使用让前后端交互日益便利
前后端分离以后就存在数据交互的问题,如何快速、简洁、有效和统一的在前后台进行信息的交互,成为分离以后必须考虑的问题。
幸运的是, RESTful思想和Json数据标准的出现,使得这种交互日益便利,在前端,我们耳熟能详的JS技术和框架对RESTful和Json的支持可以说已经水到渠成. 至于后端,不管什么语言,什么平台都有非常成熟的方案.
前后端的不同发展趋势使得前后端分离需求日益明显.

渐进式框架Vue.js

Vue  是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

备注:先介绍到这里,有不同的想法可以下方留言一起讨论。

总结:众所周知,Web开发自出现以来一直存在性能,表现和体验的先天不足,但时至今日,事实已经并非如此,一些看上去甚至比桌面程序更炫的应用和网站横空出世,客户也被吊足了胃口。Web开发桌面化已经是无法阻挡的潮流,而前端开发的需求应该会向更加注重界面表现,速度流畅,用户体验的方向发展,而且要求只会越来越高。
而在后端稳定、性能、安全、存储和业务等核心问题依然是主流,所以前后端的需求必将日益分化,注重表现和注重内在的前后端开发人员必将需要适合自己的舞台。

Java Web前后端分离架构相关推荐

  1. Java Web前后端分离的思考与实践

    第一节 Java Web开发方式的变化 Web开发虽然是我们常说的B/S模式,其实本质上也是一种特殊的C/S模式,只不过C和S的选择余地相对要窄了不少,而且更标准化.不论是采用什么浏览器和后端框架,W ...

  2. Java Web前后端分离项目—后端servlet实例

    关与作者更多博客请访问云里云外开源社区 文章目录 一.闲谈 二.json字符串的接受和发送 json的发送 json的接收 三.内网穿透或服务上云服务器 四.跨域 背景(为什么) 如何跨域 五.对接出 ...

  3. 前后端分离架构:Web 实现前后端分离,前后端解耦

    你知道的越多,不知道的就越多,业余的像一棵小草! 你来,我们一起精进!你不来,我和你的竞争对手一起精进! 编辑:业余草 blog.csdn.net/fuzhongmin05 推荐:https://ww ...

  4. 视频教程-Vue、Spring Boot开发小而完整的Web前后端分离项目实战-Java

    Vue.Spring Boot开发小而完整的Web前后端分离项目实战 3年多.net开发经验:5年的java后端开发经验,熟悉行.net,java流行技术,拥有多个.net,java web企业级应; ...

  5. 大型医院云HIS系统:采用前后端分离架构,前端由Angular语言、JavaScript开发;后端使用Java语言开发 融合B/S版电子病历系统

    一套医院云his系统源码 采用前后端分离架构,前端由Angular语言.JavaScript开发:后端使用Java语言开发.融合B/S版电子病历系统,支持电子病历四级,HIS与电子病历系统均拥有自主知 ...

  6. 若依前后端分离如何写移动端接口_前后端分离架构概述

    1.背景 2.未分离时代(各种耦合) 3.半分离时代 4.分离时代 5.总结 <Netty 实现原理与源码解析 -- 精品合集> <Spring 实现原理与源码解析 -- 精品合集& ...

  7. spring boot+iview 前后端分离架构之文件上传的实现(三十一)

    spring boot 与 iview 前后端分离架构之文件上传的实现(三十一) 公众号 文件上传 前端改造 main.js引入配置的全局变量 编写baseImgUpload图片上传组件 baseIm ...

  8. spring boot+iview 前后端分离架构之前后端交互的实现(六)

    spring boot 与 iview 前后端分离架构之前后端交互的实现(六) axios的跨域访问工具的封装实现 实现前后端交互-后端的实现 实现前后端交互-前端的实现 bug修复 mysql的ma ...

  9. spring boot+iview 前后端分离架构之用户管理的实现(三十)

    spring boot 与 iview 前后端分离架构之用户管理的实现(三十) 公众号 用户管理 相关工具类的实现 User实体改造 UserOrg实体改造 UserRole实体改造 UserRole ...

  10. JavaWeb前后端分离架构

    目录 JavaWeb前后端分离架构 前后分离的优势 在本机中部署项目 关于验证 Cookie & Session Token & JWT token验证流程 JWT的构成 JWT搭建使 ...

最新文章

  1. Blender 3.0机器人硬面建模材质渲染全流程学习课程
  2. springboot整合mybatis分页插件
  3. 文科生自学python要多久_怎么自学python,大概要多久?
  4. python access_Python3 os.access() 方法
  5. 计算思维c语言软件,C语言编程入门与计算思维
  6. Bootstrap 流式布局
  7. 苹果“炸场”发布会:搭载刘海屏的MacBook Pro来了,还有AirPods 3...
  8. python读取us7ascii字符集Oracle数据库中文乱码问题的解决方案
  9. 儿子工作后,工资过万,却不给父母(父母有工资),有同款的吗?
  10. 数据挖掘:模型选择——逻辑回归
  11. Python_pip_03_安装模块出现错误时咋整
  12. C/C++中类型变量转换之间的数值溢出
  13. 如何在PHP中获得有用的错误消息?
  14. iAntares OSx86 10.6.5 v3.2 繁简英整合版 安装过程【安装过程问题说明】
  15. DS18B20温度传感器使用介绍
  16. 字节跳动岗位薪酬体系曝光,看完感叹:我酸了
  17. 统计学 参数估计 之 总体均值的估计
  18. winXP系统( 联想)台式电脑自动开机、关机图文详细解(三)
  19. Java锁与线程的那些“不可描述”的事儿
  20. “牵手”南京银行,度小满To B生态能力再次得到强化

热门文章

  1. Shiro教程及案例
  2. 现代信号处理——自适应滤波器(RLS自适应滤波器)
  3. 专网网速测试软件,wlan网络测试项目和方法 常用测试软件介绍.ppt
  4. python操作QQ
  5. HTML5与Flash相比有哪些好处?
  6. 《三国演义》分章节梗概
  7. ffplay 加载 srt、ass字幕、调整对比度、亮度和饱和度、倍数播放
  8. aut0cad2010卸载工具_autocad2010官方版
  9. 前端开发过程中经常遇到的问题以及对应解决方法 (持续更新)
  10. 超实用干货丨通过率90%的软件测试简历长什么样?