• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

php 搞代码 4年前 (2022-01-04) 143次浏览 已收录 0个评论

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 installnpm run devnpm run production

在app.js里面注册组件。

// app.jsVue.component('example', require('./components/Example.vue'));

然后就可以直接写在PHP的模板里面了。

@extends('layouts.app')@section('content')    <example></example> // 这里是使用vue组件的@endsection

来源gaodai#ma#com搞*代#码网

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

分离与转发

这里后端的工作一般是:

  • 编写Lumen代码,提供服务

  • 写好Restful的API文档

  • 用postman进行测试

前端的工作一般是:

  • 编写Vue代码

  • 打包编译

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

  • 使用PM2处理并发请求

以上就是php服务器如何做前后端分离?的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:php服务器如何做前后端分离?

喜欢 (1)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址