php服务器做前后端分离的方法-创新互联

这篇文章主要介绍了php服务器做前后端分离的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联建站，为您提供网站建设公司、网站制作、网站营销推广、网站开发设计，对服务成都iso认证等多个行业拥有丰富的网站建设及推广经验。创新互联建站网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈，认真对待每位客户，为客户提供赏心悦目的作品。与客户共同发展进步，是我们永远的责任！

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

推荐阅读：php服务器

前后端分离优点：

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

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

3、局部性能提升

4、增强代码的可维护性

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

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

Blade下的Vue

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

<html>
    <body>
        <h2>{{ $hello }}</h2>
    </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处理并发请求

感谢你能够认真阅读完这篇文章，希望小编分享php服务器做前后端分离的方法内容对大家有帮助，同时也希望大家多多支持创新互联建站，关注创新互联网站制作公司行业资讯频道，遇到问题就找创新互联建站，详细的解决方法等着你来学习!

当前文章：php服务器做前后端分离的方法-创新互联
文章链接：https://www.cdcxhl.com/article30/dgesso.html

成都网站建设公司_创新互联，为您提供网站改版、外贸网站建设、服务器托管、全网营销推广、App开发、关键词优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容