Heim > Artikel > Backend-Entwicklung > 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.
Schreiben Sie eine Laravel-Vorlagendatei, übergeben Sie PHP-Variablen und rendern Sie sie.
<html> <body> <h1>{{ $hello }}</h1> </body> </html>
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>
Bei Ajax-Bibliotheken wie Axios kann das Frontend nur im Ordner resources/views geschrieben werden.
Vue unter dem Build-ToolLaravel 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');
Ähnlich wie Gulp läuft es auch auf Node.
npm install npm run dev npm run production
Registrieren Sie die Komponente in app.js.
// app.js Vue.component('example', require('./components/Example.vue'));
Dann können Sie es direkt in die PHP-Vorlage schreiben.
@extends('layouts.app') @section('content') <example></example> // 这里是使用vue组件的 @endsection
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 WeiterleitungDie 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!