网站建设资讯

NEWS

网站建设资讯

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

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

创新互联建站服务项目包括辽宁网站建设、辽宁网站制作、辽宁网页制作以及辽宁网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,辽宁网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到辽宁省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

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

推荐阅读: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代码

  • 打包编译

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

  • 使用PM2处理并发请求

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


名称栏目:php服务器做前后端分离的方法
浏览地址:http://njwzjz.com/article/ggsced.html