加入收藏 | 设为首页 | 会员中心 | 我要投稿 财气旺网 - 财气网 (https://www.caiqiwang.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

前后分离 php,php服务器如何做前后端分离?

发布时间:2022-11-19 15:35:46 所属栏目:PHP教程 来源:未知
导读:
php代码写在HTML中,不存在纯粹的PHP文件和HTML文件,这就是前后端的不分离,这样会导致开发效率大大降低。所以我们就需要将PHP服务器与前端分离,实现前后端分离。
前后端分离优点:
1、

53fa09d68b8f3584ea202eead7b8a048.png

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提供了一个管道php后端,可以流式编译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代码

打包编译

使用Node转发API请求,解决跨域问题

使用PM2处理并发请求

(编辑:财气旺网 - 财气网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!