Heim > Artikel > Backend-Entwicklung > Wie trennt man Front-End und Back-End im PHP-Server?
Wie trennt man Front-End und Back-End im PHP-Server?
- 尚Original
- 2019-10-21 10:52:5611950Durchsuche
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:
- Lumen-Code schreiben und Dienste bereitstellen
- Restful API-Dokumentation schreiben
- Verwenden Sie den Postboten zum Testen
- Die Front-End-Arbeit ist im Allgemeinen:
- Vue-Code schreiben
- Paketieren und kompilieren
- Verwenden Sie Node, um API-Anfragen zur Lösung weiterzuleiten domänenübergreifende Probleme
- Verwenden Sie PM2, um gleichzeitige Anfragen zu verarbeiten
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!