Rumah > Artikel > pembangunan bahagian belakang > php服务器如何做前后端分离？
php服务器如何做前后端分离？
- 尚asal
- 2019-10-21 10:52:5612038semak imbas
php代码写在HTML中，不存在纯粹的PHP文件和HTML文件，这就是前后端的不分离，这样会导致开发效率大大降低。所以我们就需要将PHP服务器与前端分离，实现前后端分离。
推荐阅读：php服务器
前后端分离优点：
1、为优质产品打造精益团队
2、提高工作效率，分工更加明确
3、局部性能提升
4、增强代码的可维护性
php服务器做前后端分离的方法：
我们可以使用vue实现PHP服务器前后端分离。
Blade下的Vue
编写一个Laravel的模板文件，传进来PHP的变量并渲染。
<html>
<body>
<h1>{{ $hello }}</h1>
</body>
</html>
通过script标签引入Vue，然后在标签内写vue的逻辑。
<script src="js/vue.min.js"></script>
配合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')
<example></example> // 这里是使用vue组件的
@endsection
其实原理还是和之前手动编译的一样，先通过webpack翻译组件，生成正常的PHP模板，给PHP调用。
分离与转发
这里后端的工作一般是：
编写Lumen代码，提供服务
写好Restful的API文档
用postman进行测试
前端的工作一般是：
编写Vue代码
打包编译
使用Node转发API请求，解决跨域问题
使用PM2处理并发请求
Atas ialah kandungan terperinci php服务器如何做前后端分离？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!