php代码写在HTML中，不存在纯粹的PHP文件和HTML文件，这就是前后端的不分离，这样会导致开发效率大大降低。所以我们就需要将PHP服务器与前端分离，实现前后端分离。

前后端分离优点：

1、为优质产品打造精益团队

2、提高工作效率，分工更加明确

3、局部性能提升

4、增强代码的可维护性

php服务器做前后端分离的方法：

我们可以使用vue实现PHP服务器前后端分离。

Blade下的Vue

编写一个Laravel的模板文件，传进来PHP的变量并渲染。

{ { $hello }}

通过script标签引入Vue，然后在标签内写vue的逻辑。

配合axios这些ajax库，前端就可以只写在resources/views文件夹里。

构建工具下的Vue

Laravel Mix提供了一个管道，可以流式编译CSS和JS。mix.js(resources/assets/js/app.js, public/js)

.sass(resources/assets/sass/app.scss, public/css);

类似于Gulp，也是在Node上面跑起来的。npm install

npm run dev

npm run production

在app.js里面注册组件。// app.js

Vue.component(example, require(./components/Example.vue));

然后就可以直接写在PHP的模板里面了。@extends(layouts.app)

@section(content)

// 这里是使用vue组件的

@endsection

其实原理还是和之前手动编译的一样，先通过webpack翻译组件，生成正常的PHP模板，给PHP调用。

这里后端的工作一般是：编写Lumen代码，提供服务

写好Restful的API文档

用postman进行测试

前端的工作一般是：编写Vue代码

打包编译

使用PM2处理并发请求

php代码写在HTML中，不存在纯粹的PHP文件和HTML文件，这就是前后端的不分离，这样会导致开发效率大大降低。所以我们就需要将PHP服务器与前端分离，实现前后端分离。 前后端分离优点： 1、为优质产品打造精益团队 2、提高工作效率，分工更加明确 3、局部性能提升 4、增强代码的可维护性 php服务器做前后端分离的方法： 我们可以使用vue实现PHP服务器前后端分离。 Blade下的Vue 编写一个Laravel的模板文件，传进来PHP的变量并渲染。 { { $hello }} 通过script标签引入Vue，然后在标签内写vue的逻辑。 配合axios这些ajax库，前端就可以只写在resources/views文件夹里。 构建工具下的Vue Laravel Mix提供了一个管道，可以流式编译CSS和JS。mix.js(resources/assets/js/app.js, public/js) .sass(resources/assets/sass/app.scss, public/css); 类似于Gulp，也是在Node上面跑起来的。npm install npm run dev npm run production 在app.js里面注册组件。// app.js Vue.component(example, require(./components/Example.vue)); 然后就可以直接写在PHP的模板里面了。@extends(layouts.app) @section(content) // 这里是使用vue组件的 @endsection 其实原理还是和之前手动编译的一样，先通过webpack翻译组件，生成正常的PHP模板，给PHP调用。 这里后端的工作一般是：编写Lumen代码，提供服务 写好Restful的API文档 用postman进行测试 前端的工作一般是：编写Vue代码 打包编译 使用PM2处理并发请求

免费搭建微信查券返利机器人来轻松赚佣金