当前位置:首页 >教程首页 > IT 学院 > WEB前端+全栈工程师班 >前后端分离是什么?

前后端分离是什么?

发布时间:2020-09-14 09:25:06

你了解前后端分离是什么吗?前后端分离就是把数据操作和显示分离出来。前端专注做数据显示,通过文字,图片或者图标等方式让数据形象直观的显示出来;后端专注做数据的操作。前端把数据发给后端,有后端对数据进行修改。

1.jpg

在网站开发过程中,对于前后端的分界线似乎一直是众说纷纭。在网上搜索什么是前后端分离,更是说什么的都有,天花乱坠,描述不清。从一开始完全没有前后端的概念,到后来的纠缠不清。

传统的分离方法

在我的脑海中一提到前端和后端,基本上第一个出现的区别点就是:后端是跟数据库跟服务器打交道的,前端是跟浏览器打交道的。似乎没有什么问题,大家都这么认为的。当然这没有什么错,我们一直以来都认为仅仅是以浏览器作分界,把这两部分的代码分离出来。但是前后端分离的初衷是为了分离前后端开发人员的职责,同时解决开发模式的问题。但似乎他们的职责在以前甚至于现在都并不明确,虽然前端是跟浏览器打交道,但是最终浏览器拿到的页面是服务器通过模板生成的一个临时静态页面而已。所以,实际上后端也掺和进来了,因为他要处理模板。当然,一般传统上的开发协作模式有两种:

一种是前端先写一个静态页面,写好后,让后端去套模板。静态页面可以本地开发,也无需考虑业务逻辑只需要实现View即可。不足是还需要后端套模板,这些前端代码后端需要浏览一遍,以免出错。

另一种协作模式是,前端直接去写模板,这样做的问题在于,前端编写过程中很依赖与后端环境,如果当后端没写完的情况下,前端几乎没法干活。

显然这两种方式似乎都有很多问题,但至少这还是目前为止大部分公司所采用的模式。他们从物理层来区分前后端的开发,同时淡化了前端在逻辑上的色彩。由于前端所做的事情就是来实现一个页面的静态版本,所以,大多数公司又给前端工程师们找了点活干。你去看现在公司在招聘的时候前端工程师的要求,除了对页面的基本制作技能外还有额外的设计职责。例如至少会一门后端编程语言NodeJs或者php或者Java。

到这里原本我们以为已经将前后端分离开来了,但是在模版这个尴尬的问题上,前后端的工程师们绝对吃过不少苦头。目前直接在jsp或是php里面写html应该不多了。前后端分离正在是正火。那么怎么分离,谁占的多点,谁占的少点,根据各个公司的技术水平来。前端开发工程师牛了,就想着前端的mvc,mvvm,直出。后端牛了,就想着,你把这个原型给后端,其他不用管了。

传统的开发方法

之前的php代码写在html代码里,不存在纯粹的php文件和html文件,这里就是前后端不分离,大概意思就是php和html,你中我有,我中有你.

但是呢,后来开发的时候遇到很多问题,前端(html,css,js)工程师对php代码可能读不懂,php工程师也不对css那些内容非常熟悉,所以后来人们想出一个办法,把代码分离!这样就能让每个人在各自的领域更好的发挥,这样虽然消耗了一定的效率,但是对于开发人员从某一角度来说是友好的.

前后端分离并没有网上说的那么复杂。

1.首先要知道所有的程序都是一数据为基础的,没有数据的程序没有实际意义,程序的本质就是对程序的增删改查。

2.前后端分离就是把数据操作和显示分离出来。前端专注做数据显示,通过文字,图片或者图标等方式让数据形象直观的显示出来。后端专注做数据的操作。前端把数据发给后端,有后端对数据进行修改。

3.后端一般用java,c#等语言,现在的node属于JavaScript也能进行后端操作,此处不意义裂解语言。后端来进行数据库的链接,并对数据进行操作。

4.后端提供接口给前端调用,来触发后端对数据的操作。

基本原理就是这样,可能语言上不准确,思想是没有问题的。

所以开发网站的核心现在基本上就是:

html + css :页面展示

javascript + ajax(这个算是浏览器的一部分,可以通过 javascript 调用) : 页面交互、逻辑处理

通常的开发框架选择:

简单网站: jquery + bootstrap

后台管理系统: angularjs + jquery + bootstrap + webpack

复杂的产品: react + redux + webpack

以上就是前后端分离是什么?

来源:php中文网

学员作品赏析
  • 2014期学员黄雨婷作品

    2014期学员黄雨婷作品

  • 2103期学员沈继龙作品

    2103期学员沈继龙作品

  • 2105期学员秦洋洋作品

    2105期学员秦洋洋作品

  • 2108期学员陆昶存作品

    2108期学员陆昶存作品

  • 2107期学员赵锦威作品

    2107期学员赵锦威作品

  • 2104期学员胡婷婷作品

    2104期学员胡婷婷作品

  • 2107期学员何亮作品

    2107期学员何亮作品

  • 2103期学员张子安作品

    2103期学员张子安作品

专业问题咨询

你担心的问题,火星帮你解答
  • 网络设计培训班学什么

    作为一个企业,在互联网上建立自己的网站,最显而易见的目的就是可以向世界展示自己的企业风采,让更多人了解自己的企业,使企业能够在......

  • 网上学插画有哪些平台可靠

    当下,有很多年轻人是通过网络来进行学习的,这在一定程度上,催生了很多网络教育平台。然而,随着教育平台如雨后春笋般冒了出来,在挑......

  • 自学ps入门全套教程

    如今的PS,在我们的生活中可以说是无处不在了,作为专业的图像处理软件,PS不仅能让你更对已有的位图图像进行编辑加工处理以及运用......

  • 什么样的人不适合学编程

    学习编程是一件需要耐心和精力的事情,因为编程是一个需要在遇到问题的时候,提出猜想,进行调试,排除一些可能性的。那么,什么样的人......

  • 学编程哪个教育平台比较好

    编程是一个大热的行业,现在想学习编程的同学太多了,选择去哪里进行学习编程已经成为了很多同学所考虑的问题。目前市场上有很多学习编......

  • 哪有pr字幕制作教程

    Premiere提供了采集、剪辑、调色、美化音频、字幕添加、输出、DVD刻录的一整套流程,今天我们来聊一聊新手经常遇到的问题,......

×