Heim  >  Artikel  >  Verstehen Sie schnell die Essenz der Front-End- und Back-End-Trennung (mit Architekturdiagramm)

Verstehen Sie schnell die Essenz der Front-End- und Back-End-Trennung (mit Architekturdiagramm)

藏色散人
藏色散人nach vorne
2022-08-05 16:37:464632Durchsuche

1. Die Essenz der Front-End- und Back-End-Trennung

Menschen geraten oft in Missverständnisse und versuchen, das Konzept der Front-End- und Back-End-Trennung mit bestimmten Technologien zu beschreiben ist nicht die Antwort auf die Frage. Wenn es beispielsweise um die Trennung von Front-End und Back-End geht, bedeutet dies, dass Laravel + Vue kein völlig korrektes Verständnis ist! Wir haben gefragt: Warum löst man das Problem auf diese Weise? Die Antwort lautet: Wie macht man das konkret?


Trennung von Front- und Backend

ist: Softwaretechnologie und Geschäftsentwicklung gewissermaßen im Projekt Management Ein Upgrade, das am Arbeitsplatz durchgeführt werden muss, ist eher eine Notwendigkeit als ein Unfall! Im Klartext handelt es sich um eine Anpassung der Abteilungsstruktur des Unternehmens. [Verwandte Empfehlungen:

Web-Frontend]Warum kam es zu dieser Änderung?

Weil sich die anfängliche Softwareentwicklung tatsächlich auf das Backend konzentrierte, da die Seitenfunktionen in den frühen Tagen des Internets relativ einfach waren. Sie mussten nur Daten anzeigen und grundlegende Operationen bereitstellen! Daher konzentriert sich das gesamte Projekt auf die Hintergrundverarbeitung der Geschäftslogik. Mit der Entwicklung von Unternehmen und Technologie werden die Front-End-Funktionen jedoch immer komplexer und wichtiger, und gleichzeitig wird der Front-End-Technologie-Stack immer umfangreicher! Auf diese Weise stießen wir während der Entwicklung auf immer mehr Probleme und es wurde immer schwieriger, diese Probleme zu lösen. Zu diesem Zeitpunkt stellten wir fest, dass die Front-End-Entwicklung nicht mehr wie zuvor über die gesamte Systemarchitektur verteilt werden konnte. Auch das Front-End sollte wie das Backend konstruiert, modularisiert und systematisiert werden.

Wie geht das?

besteht darin, eine eigene Front-End-Abteilung einzurichten, um die Front-End-Entwicklung zu zentralisieren, die ursprünglich mit Back-End-Programmierern gemischt wurde, um eine reine Front-End-Abteilung zu bilden. Spezialisieren Sie sich auf die Forschung und Entwicklung technischer Front-End-Technologie und aktualisieren Sie neue Technologiesysteme iterativ, um Probleme in Projekten zu lösen und sich an die Technologieentwicklung anzupassen. Um es also in einem Satz zusammenzufassen:

Um sich an die Bedürfnisse der Technologie und Geschäftsentwicklung anzupassen
. Die Front-End-Entwicklung muss von der bisherigen Organisationsstruktur getrennt werden, in der Front-End und Back-End zu unabhängigen Front-End- und Back-End-Abteilungen zusammengeführt wurden. Dies ist der Grund für die Trennung von Front-End und Back-End . 2. Nachteile der Nichtverwendung der Front-End- und Front-End-Trennung

Front-End-Trennung ist derzeit eine beliebte Entwicklungsmethode, und der größte Teil des Internets wird mithilfe der Front-End- und Back-End-Trennung entwickelt! Front-End- und Back-End-Trennung bedeutet, dass

der Front-End-Code und der Back-End-Code einer Anwendung separat geschrieben werden.

Im herkömmlichen Webentwicklungsprozess wird die Ansichtsebene nicht unabhängig von Back-End-Entwicklern fertiggestellt Front-End-Entwicklung –> Statische HTML-Seite –> Das Front-End erstellt die Seite. Wenn wir das Back-End entwickeln müssen, können wir die Front-End-Seite in die Ansicht einbetten Vorlage, oder verwenden Sie aus dem gleichen Grund andere Vorlagen! Außerdem müssen Tags hinzugefügt werden, um die Daten zu integrieren. Denn der Kern besteht darin, wie man die von unserem Backend zurückgegebenen Daten zur Seite hinzufügt.
Wenn wir zu diesem Zeitpunkt auf Probleme auf der Backend-Seite stoßen, senden wir die Vorlagendatei an die Front-End-Entwicklung, und der Front-End-Entwickler kann dies nicht die Vorlage verstehen. Derzeit ist das Front-End nicht leicht zu lösen und auch das Back-End ist nicht leicht zu lösen. Diese Kommunikations- und Entwicklungseffizienz ist sehr gering! Die Kopplung zwischen Front- und Back-End ist zu hoch, was die Entwicklung zu mühsam macht!

Die Lösung ist ganz einfach: Verwenden Sie zum Entwickeln einfach die
Front-End- und Back-End-Trennung

! Das Front-End muss nur den Client-Code unabhängig schreiben, und das Back-End muss nur den serverseitigen Code unabhängig schreiben, um die Datenschnittstelle bereitzustellen. Das Front-End greift über AJAX-Anfragen auf die Back-End-Datenschnittstelle zu und zeigt das Modell in der Ansicht an.

Front-End- und Backend-Entwicklung. Benutzer müssen sich im Voraus nur auf die Schnittstellendokumente (URL, Parameter, Datentypen ...) einigen und diese dann unabhängig entwickeln. Das Ende kann Daten zum Testen fälschen, ohne sich überhaupt auf das Back-End verlassen zu müssen, und schließlich die Front-End- und Back-End-Integration abschließen.
Echte Implementierung Entkopplung von Front-End- und Back-End-Anwendungen! Erhebliche Verbesserung der Entwicklungseffizienz

Monolith –> Front-End-Anwendung + Back-End-Anwendung Front-End-Anwendung: Verantwortlich für die Datenanzeige und Benutzerinteraktion Back-End-Anwendung: Verantwortlich für die Bereitstellung der Datenverarbeitungsschnittstelle
Front-End HTML——>Ajax—— >RestFul Back-End-Datenschnittstelle

3. Front-End- und Back-End-Trennungsarchitekturdiagramm

Zusammenfassung:

Front-End- und Back-End-Trennung ist Teilen Sie eine einzelne Anwendung in zwei unabhängige Anwendungen auf: Front-End-Anwendung und Back-End-Anwendung. Führen Sie Dateninteraktionen im JSON-Format durch.

Das obige ist der detaillierte Inhalt vonVerstehen Sie schnell die Essenz der Front-End- und Back-End-Trennung (mit Architekturdiagramm). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen