这几天有很多新手同学问我这个问题。今天想写个博客给大家说一下自己对前后端分离开发的看法。

为什么要使用前后端分离开发的架构模式?

  • 前后端不分离

在前后端不分离的应用模式中,前端页面看到的效果都是由后端控制,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高。(图片为自己百度上搜的转载图)

  • 前后端分离

前后端分离的应用模式中,后端仅返回前端所需的数据,不再渲染HTML页面,不再控制前端的效果。至于前端用户看到什么效果,从后端请求的数据展现都是后端通过异步接口(AJAX/JSON)的方式提供的,前端只管展现。但是不要以为只有在敲代码的时候把前端和后端分开就是前后端分离了。(图片为自己百度上搜的转载图)

  • 前后端分离的优点

彻底解放前端,前端不再需要向后台提供模板或是后台在前端html中嵌入后台代码,提高工作效率,分工更加明确。局部性能提升,通过前端路由的配置,我们可以实现页面的按需加载,无需一开始加载首页便加载网站的所有的资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。降低维护成本,通过MVC框架,我们可以非常快速的定位及发现问题的所在,客户端的问题不再需要后台人员参与及调试,代码重构及可维护性增强。

  • 采用Springboot进行后端服务开发,以接口形式暴露给前端。

前端通过ajax异步请求接口,获取后端服务返回的数据。后端调用流程一般为:controller层-->service-->dao层,在controller层负责对接口接收的参数处理及选择service服务。service层负责实现具体功能。dao层负责与数据库打交道。一般框架还会携带config配置层,tool自定义工具层。

前后端分离框架的实用及优点相关推荐

  1. Angular4+AdminLTE+Jeecg 前后端分离框架实战-张代浩-专题视频课程

    Angular4+AdminLTE+Jeecg 前后端分离框架实战-2259人已学习 课程介绍         Angular4+AdminLTE+Jeecg 前后端分离框架实战 涉及技术点:angu ...

  2. vue-element-admin/template+tornado(pyrestful)前后端分离框架实践(1)——自定义菜单和仪表盘

    0. 写在前面 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现.它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证, ...

  3. 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由

    若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 若依框架VUE前端界面,登录后默认跳转至动态路由第一路由(第一个子菜单) 一.登录后跳转第一路由界面 二.设置路由的首页路径,方便后续的获 ...

  4. 若依前后端分离框架学习-2:登录过程

    上一篇写了下若依前后端分离框架中前端至弹出登陆界面的过程,本片来详细了解下登录的整个过程.     后端包含ruoyi-admin,ruoyi-common,ruoyi-framework等多个模块, ...

  5. 若依前后端分离框架学习-6:日志管理

    这一章,我们来学习下若依前后端分离框架中的日志管理.学习自定义注解的使用.     我们编辑一下"测试子模块"中张三这条数据.然后查看下操作日志.     这里我们看到,编辑的日志 ...

  6. Vue+ElementUI+SpringBoot实现的前后端分离框架

    项目介绍 一款 Java 语言基于 SpringBoot2.x.MybatisPlus.Vue.ElementUI.MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化.组件化.可插拔的前后 ...

  7. springboot+vue +ElementUI前后端分离框架搭建教程

    项目介绍 一款 Java 语言基于 SpringBoot2.x.MybatisPlus.Vue.ElementUI.MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化.组件化.可插拔的前后 ...

  8. java通过Excel 模板导出复杂统计类excel文档,在ruoyi前后端分离框架中的应用

    Hello, 大家好! 我是不作死就不会死,智商不在线,但颜值超有品的拆家队大队长 --咖啡汪 一只不是在戏精,就是在戏精路上的极品二哈 前几天刚做了java通过Excel 模板导出复杂统计类exce ...

  9. Python Web前后端分离框架Django+Vue搭建

    Python Web前后端分离框架Django+Vue搭建 对前面所学知识的归纳整理,感兴趣的可以看看,欢迎指正. 一.前后端分离框架介绍 本项目基于 Python 的 Web 框架开发,采用前后端分 ...

最新文章

  1. Asp.Net 创建MetaWeblog API
  2. 《信息学奥赛一本通》 高精度乘法。输入两个正整数,求它们的积。
  3. 使用UIImageView实现图像拖动、缩放等
  4. 跟一个傻逼程序员合作是什么感受?
  5. 为什么空格拷贝到linux 会变成两个
  6. PaddleOCR和ChineseOCR的对比
  7. android cordova 教程,cordova入门教程(一)
  8. Pycharm无法导入包的问题 Unresolved reference
  9. Objective-C 与JAVA的SHA1/HmacSHA1加密算法实现
  10. 锐浪报表 Grid++Report 免注册DLL C/S报表开发(二)清单文件manifest分析
  11. 查看Android打包时签名文件keystore的MD5值
  12. SAP 离散,流程,重复制造
  13. 我的挨踢人生(16)——往事如云烟
  14. NO.2 微信第三方平台(小程序)授权流程技术说明
  15. 无人配送这半年:从风口到浪潮
  16. 工业智能网关BL110应用之61:如何实现智能楼宇控制BACnet 接入华为云平台
  17. 一只华南虎引发的蝴蝶效应![转]
  18. 百度测试工程师胜任力模型
  19. [强网杯2021]XBUUCTF[QWB2021 Quals]popmaster复现记录
  20. location.href的用户总结

热门文章

  1. Spring 事务管理
  2. python画素描画_python如何将图片转换素描画
  3. 水果食用大全 -- 果品食疗 - 柠檬
  4. 怎么修改chrome浏览器显示字体大小
  5. redis连接失败的两个解决办法
  6. 李开复:我和奥巴马是全班最害羞的人
  7. Java关于父类引用指向子类对象
  8. android web hook,webhook
  9. 设置webhook_Webhook模式
  10. 无法启动parallels 缺少必要组件_游戏软件无法运行?打包运行库送给你