首頁 > 文章 > 後端開發 > php伺服器如何做前後端分離？

php伺服器如何做前後端分離？

php伺服器如何做前後端分離？

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 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呼叫。

分離與轉送

這裡後端的工作一般是：

前端的工作一般是：

以上是php伺服器如何做前後端分離？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多