php服务器做前后端分离的方法-创新互联
这篇文章主要介绍了php服务器做前后端分离的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
创新互联建站,为您提供网站建设公司、网站制作、网站营销推广、网站开发设计,对服务成都iso认证等多个行业拥有丰富的网站建设及推广经验。创新互联建站网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏心悦目的作品。 与客户共同发展进步,是我们永远的责任!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://myzitong.com/article/dgesso.html