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

Freigeben: 2023-02-27 15:14:02
Original
12045 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:

    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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage