简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > バックエンド開発 > PHPの問題 > 本文

PHPサーバーでフロントエンドとバックエンドを分離するにはどうすればよいですか?

尚
リリース： 2023-02-27 15:14:02
オリジナル
12019 人が閲覧しました

PHPサーバーでフロントエンドとバックエンドを分離するにはどうすればよいですか?

php コードは HTML で記述されており、純粋な PHP ファイルと HTML ファイルが存在せず、フロントエンドとバックエンドが分離されていないため、開発効率が大幅に低下します。したがって、フロントエンドとバックエンドを分離するには、PHP サーバーをフロントエンドから分離する必要があります。

推奨書籍: php サーバー

フロントエンドとバックエンドを分離する利点:

1. 無駄のないチームを構築する高品質な製品

2. 作業効率の向上と分業の明確化

##3. ローカルパフォーマンスの向上

##4. コードの保守性の向上

#PHP サーバーでフロントエンドとバックエンドを分離する 方法:

vue を使用して、PHP サーバーのフロントエンドとバックエンドを分離できます。


Vue under Blade

Laravel テンプレート ファイルを作成し、PHP 変数を渡してレンダリングします。 

<html>
    <body>
        <h1>{{ $hello }}</h1>
    </body>
</html>
ログイン後にコピー
script タグを通じて Vue を導入し、タグ内に Vue ロジックを記述します。 

<script src="js/vue.min.js"></script>
ログイン後にコピー
axios などの ajax ライブラリでは、フロントエンドはリソース/ビュー フォルダーにのみ記述できます。

ビルドツールの 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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
php サーバ
ソース：php.cn
前の記事：phpインターフェースは何で構成されていますか? 次の記事：URL php は何を意味しますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
ApacheのどこにCustomLogディレクティブを配置すればよいですか 私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...
から 2024-04-06 22:03:59
0
1
990
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
ループするために MySQL の結果を ID ごとにグループ化する mysqlにフライトデータを含むテーブルがあります。 codeigniter3Journey_idair_idFlightDurationout_or_inflightdurati...
から 2024-04-06 17:27:56
0
1
406
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！