Wie trennt man Front-End und Back-End im PHP-Server?-PHP-Problem-php.cn

Wie trennt man Front-End und Back-End im PHP-Server?

尚

Freigeben： 2023-02-27 15:14:02

Original

12017 Leute haben es durchsucht

Wie trennt man Front-End und Back-End im PHP-Server?

PHP-Code ist in HTML geschrieben. Es gibt keine reinen PHP-Dateien und HTML-Dateien. Dadurch wird die Entwicklungseffizienz erheblich verringert . Daher müssen wir den PHP-Server vom Front-End trennen, um eine Trennung von Front-End und Back-End zu erreichen.

Empfohlene Lektüre: PHP-Server

Vorteile der Front-End- und Backend-Trennung:

1 Hochwertige Produkte

2. Verbessern Sie die Arbeitseffizienz und machen Sie die Arbeitsteilung klarer

3. Verbessern Sie die Wartbarkeit des Codes

Trennung von Front-End und Back-End für den PHP-Server Methode:

Wir können Vue verwenden, um eine Front-End- und Back-End-Trennung des PHP-Servers zu erreichen.

Vue unter Blade

Schreiben Sie eine Laravel-Vorlagendatei, übergeben Sie PHP-Variablen und rendern Sie sie.

<html>
    <body>
        <h1>{{ $hello }}</h1>
    </body>
</html>

Nach dem Login kopieren

Führen Sie Vue über das Skript-Tag ein und schreiben Sie dann die Vue-Logik in das Tag.

<script src="js/vue.min.js"></script>

Nach dem Login kopieren

Bei Ajax-Bibliotheken wie Axios kann das Frontend nur im Ordner resources/views geschrieben werden.

Vue unter dem Build-Tool

Laravel Mix bietet eine Pipeline, die CSS und JS kompilieren kann.

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

Nach dem Login kopieren

Ähnlich wie Gulp läuft es auch auf Node.

npm install
npm run dev
npm run production

Nach dem Login kopieren

Registrieren Sie die Komponente in app.js.

// app.js
Vue.component('example', require('./components/Example.vue'));

Nach dem Login kopieren

Dann können Sie es direkt in die PHP-Vorlage schreiben.

@extends('layouts.app')

@section('content')
    <example></example> // 这里是使用vue组件的
@endsection

Nach dem Login kopieren

Tatsächlich ist das Prinzip immer noch das gleiche wie bei der vorherigen manuellen Kompilierung. Zunächst wird die Webpack-Übersetzungskomponente verwendet, um eine normale PHP-Vorlage zu generieren und von PHP aufgerufen zu werden.

Trennung und Weiterleitung

Die Back-End-Arbeit hier ist im Allgemeinen:

Das obige ist der detaillierte Inhalt vonWie trennt man Front-End und Back-End im PHP-Server?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!