【前后端分离与不分离的区别】

这篇具有很好参考价值的文章主要介绍了【前后端分离与不分离的区别】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Web 应用的开发主要有两种模式:

前后端不分离

前后端分离

理解它们的区别有助于我们进行对应产品的测试工作。

【前后端分离与不分离的区别】,前后端分离不分离区别

前后端不分离

在早期,Web 应用开发主要采用前后端不分离的方式,它是以后端直接渲染模板完成响应为主的一种开发模式。以前后端不分离方式开发的 Web 应用的架构图如下:

【前后端分离与不分离的区别】,前后端分离不分离区别

浏览器向服务器发起请求,服务器接收到请求后去数据库中获取数据,然后渲染 HTML 模板并返回渲染后的 HTML 数据,或者返回一个重定向。绝大部分工作都在后端进行处理,客户端(浏览器)只负责页面的展示和用户交互。

这种开发方式有如下特点:

  • 一般一个应用只需要一个后台服务器

  • 客户端只需要请求不同的页面,服务器会完成页面上的所有数据逻辑,所以 http 请求次数较少

  • 每个请求都是一个 HTML,会有大量的冗余数据

  • 开发时,前后端代码耦合高,出了问题责任不明确

  • 在开发单纯的网站时,效率非常高

  • 响应数据是 HTML,只能适应单一客户端,当需要多端支持时如要单独开发

【前后端分离与不分离的区别】,前后端分离不分离区别

【前后端分离与不分离的区别】,前后端分离不分离区别

前后端分离

随着 AJAX 技术的出现,可以在不刷新页面向服务器发送 http 请求,所以又出现了前后端分离的开发模式。

后端只要开发接口即可,前端可以通过发起 AJAX 请求,拿到后端的数据,渲染和怎样调用接口的事情,交给前端。以前后端分离方式开发的 Web 应用的结构图如下:

【前后端分离与不分离的区别】,前后端分离不分离区别

这种开发方式有如下特点:

  • 是目前 Web 开发的主流模式

  • 需要静态文件服务器和后端接口服务器

  • 后台服务器只提供的数据接口的服务,响应的往往是 JSON 数据

  • 开发时,前后端责任分工明确

  • 前后端解耦合,可以同时开发,提高开发效率

  • 一个后台即可满足网站、app、小程序等多种应用的需要

【前后端分离与不分离的区别】,前后端分离不分离区别

【前后端分离与不分离的区别】,前后端分离不分离区别

总结

对于前后端不分离的应用,一般只需要进行功能测试。对于前后端分离的应用,既需要进行功能测试,还需要进行接口测试,并且在进行功能测试时还需要分析 bug 是前端还是后端的问题。

【前后端分离与不分离的区别】,前后端分离不分离区别文章来源地址https://www.toymoban.com/news/detail-812446.html

到了这里,关于【前后端分离与不分离的区别】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • minio&前后端分离上传视频/上传大文件——前后端分离断点续传&minio分片上传实现

    🍀🍀🍀🍀分布式文件系统-minio: 第一章:分布式文件系统介绍与minio介绍与使用(附minio java client 使用) 第二章:minio前后端分离上传视频/上传大文件——前后端分离断点续传minio分片上传实现 断点续传指的是在下载或上传时,将下载或上传任务(一个文件或一个压缩包

    2024年02月03日
    浏览(55)
  • python实现前后端学生管理系统(前后端分离)

    ⭐作者介绍:大二本科网络工程专业在读,持续学习Java,努力输出优质文章 ⭐作者主页:@逐梦苍穹 ⭐所属专栏:项目。 本文介绍的是用python实现的前后端学生管理系统 , 前后端分离 ,较为简单易上手。使用的技术点为: HTML+CSS+JavaScript+Flask+sqlite+Vue+Axios。 如果想了解前后

    2024年02月15日
    浏览(37)
  • 关于前后端分离

    接下来,你将进入 前后端分离项目开发 模块。 这也是企业中比较常见的开发模式。 疑问: 什么是前后端分离?与之前的开发模式有什么区别? 企业为什么要用前后端分离? 1. 什么是前后端分离? 前后端不分离,像咱们之前学习django、案例、crm项目、bug管理 时的那些模块

    2024年02月14日
    浏览(52)
  • 前后端分离&vue简介

    vue简介 vue是一个渐进式js框架,用于构建用户界面,其主要特点是易学易用、轻量、灵活和高效。Vue.js由前Google工程师尤雨溪( Evan You)在2014年创建,它的核心库只关注视图层,是一款非常优秀的MVVM框架,提供了响应式和组件化的视图组织方式。它可以轻松与其他JavaScript库

    2024年02月07日
    浏览(30)
  • 博客系统(使用前后端分离)

    这篇博客相当于是,根据前面的所学的知识,来做一个综合练习 登录页: 列表详情页: 博客详情页 博客编辑页 因为是博客管理系统,我们涉及数据库的话,这个两个表的结构如下: 列出数据库的基本代码. 我们会对数据库有基本的操作. Blog表 =Blog类对应的Blog的一个对象,就对应表中

    2024年02月16日
    浏览(40)
  • 前后端分离实现博客系统

    基于servlet+jdbc进行后端开发,设计了一个可以发布博客,查看博客详情,删除博客,登录注销功能的简易博客系统。 1.1 登陆页面 1.2 博客列表页面 1.3 博客详情页面 1.4 博客编辑页面 2.1.1 创建maven项目 我们在idea里面点击new project创建一个maven项目,然后一路next选择好项目位置

    2024年02月14日
    浏览(40)
  • 博客系统(前后端分离)

    ✏️作者:银河罐头 📋系列专栏:JavaEE 🌲 “种一棵树最好的时间是十年前,其次是现在” 创建项目,引入依赖,把之前写的前端页面拷贝进去。 依赖主要是:servlet, mysql, jackson 在当前的博客系统中,主要涉及到 2 个实体,博客 和 用户。 创建 2 张表,来表示博客和用户。

    2023年04月14日
    浏览(38)
  • SSM前后端分离技术

    本篇记录一下使用前后端分离来开发SSM项目。 目前,前后端分离项目早已占据市场的主流开发方式。因为它能把web端的代码和java业务实现的代码完全分离开来,使得协同开发变得更加便捷。即,前端工程师和后端工程师只需要预先规定好统一的API,就可以同步开发,大大降

    2024年02月06日
    浏览(39)
  • 个人博客系统(前后端分离)

    努力经营当下,直至未来明朗! 普通小孩也要热爱生活! 个人博客系统采用前后端分离的方法来实现,同时使用了数据库来存储相关的数据,同时使用tomcat进行项目的部署。前端主要有四个页面构成:登录页、列表页、详情页以及编辑页,以上模拟实现了最简单个博客列表

    2024年02月02日
    浏览(41)
  • 瑞吉外卖项目——前后端分离

    前后端分离开发,就是在项目开发过程中,对于前端代码的开发由专门的 前端开发人员 负责,后端代码则由 后端开发人员 负责,这样可以做到分工明确、各司其职,提高开发效率,前后端代码并行开发,可以加快项目开发进度。 目前,前后端分离开发方式已经被越来越多

    2023年04月20日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包