什么是先后端分离？

在网站开发过程当中，对于先后端的分界线彷佛一直是众说纷纭。在网上搜索什么是先后端分离，更是说什么的都有，天花乱坠，描述不清。从一开始彻底没有先后端的概念，到后来的纠缠不清。

传统的分离方法

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

• 一种是前端先写一个静态页面，写好后，让后端去套模板。静态页面能够本地开发，也无需考虑业务逻辑只须要实现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.后端提供接口给前端调用，来触发后端对数据的操做。
基本原理就是这样，可能语言上不许确，思想是没有问题的。

因此开发网站的核心如今基本上就是：

1. html + css ：页面展现

2. javascript + ajax（这个算是浏览器的一部分，能够经过 javascript 调用） : 页面交互、逻辑处理

一般的开发框架选择：

1. 简单网站： jquery + bootstrap

2. 后台管理系统： angularjs + jquery + bootstrap + webpack

3. 复杂的产品： react + redux + webpack