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:5612044Durchsuche

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>

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-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');

Ä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 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!

Stellungnahme:
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