首頁 > 後端開發 > PHP問題 > php伺服器如何做前後端分離?

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

發布: 2023-02-27 15:14:02
原創
12121 人瀏覽過

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

分離與轉送

這裡後端的工作一般是:

  • 寫Lumen程式碼,提供服務

  • 寫好Restful的API文件

  • 用postman進行測試

前端的工作一般是:

  • 寫Vue程式碼

  • 打包編譯

  • #使用Node轉送API請求,解決跨域問題

  • 使用PM2處理並發請求

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板