您好,登錄后才能下訂單哦!
這篇文章主要介紹了php服務(wù)器做前后端分離的方法,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
php代碼寫在HTML中,不存在純粹的PHP文件和HTML文件,這就是前后端的不分離,這樣會(huì)導(dǎo)致開發(fā)效率大大降低。所以我們就需要將PHP服務(wù)器與前端分離,實(shí)現(xiàn)前后端分離。
推薦閱讀:php服務(wù)器
前后端分離優(yōu)點(diǎn):
1、為優(yōu)質(zhì)產(chǎn)品打造精益團(tuán)隊(duì)
2、提高工作效率,分工更加明確
3、局部性能提升
4、增強(qiáng)代碼的可維護(hù)性
php服務(wù)器做前后端分離的方法:
我們可以使用vue實(shí)現(xiàn)PHP服務(wù)器前后端分離。
Blade下的Vue
編寫一個(gè)Laravel的模板文件,傳進(jìn)來PHP的變量并渲染。
<html> <body> <h2>{{ $hello }}</h2> </body> </html>
通過script標(biāo)簽引入Vue,然后在標(biāo)簽內(nèi)寫vue的邏輯。
<script src="js/vue.min.js"></script>
配合axios這些ajax庫,前端就可以只寫在resources/views文件夾里。
構(gòu)建工具下的Vue
Laravel Mix提供了一個(gè)管道,可以流式編譯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里面注冊(cè)組件。
// app.js Vue.component('example', require('./components/Example.vue'));
然后就可以直接寫在PHP的模板里面了。
@extends('layouts.app') @section('content') <example></example> // 這里是使用vue組件的 @endsection
其實(shí)原理還是和之前手動(dòng)編譯的一樣,先通過webpack翻譯組件,生成正常的PHP模板,給PHP調(diào)用。
分離與轉(zhuǎn)發(fā)
這里后端的工作一般是:
編寫Lumen代碼,提供服務(wù)
寫好Restful的API文檔
用postman進(jìn)行測(cè)試
前端的工作一般是:
編寫Vue代碼
打包編譯
使用Node轉(zhuǎn)發(fā)API請(qǐng)求,解決跨域問題
使用PM2處理并發(fā)請(qǐng)求
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享php服務(wù)器做前后端分離的方法內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,遇到問題就找億速云,詳細(xì)的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。