Was ist Front-End- und Back-End-Trennung?

Die Trennung von Front-End und Back-End dient der Trennung von Datenbetrieb und -anzeige. Das Front-End konzentriert sich auf die Datenanzeige und zeigt die Daten intuitiv durch Text, Bilder oder Symbole an. Das Back-End konzentriert sich auf die Datenmanipulation. Das Front-End sendet Daten an das Back-End und das Back-End ändert die Daten.

【Verwandte Lernempfehlungen: Front-End-Video-Tutorial】

Im Prozess der Website-Entwicklung scheint es unterschiedliche Meinungen über die Trennlinie zwischen Front-End und Back-End zu geben. Wenn ich im Internet nach der Front-End- und Back-End-Trennung suche, gibt es viele Informationen darüber und die Beschreibung ist unklar. Von Anfang an gab es überhaupt kein Konzept für Front-End und Back-End, und dann kam es zu einer Verflechtung.

Traditionelle Trennungsmethode

Wenn es um Front-End und Back-End geht, ist meiner Meinung nach im Grunde der erste Unterschied, der auffällt: Das Back-End befasst sich mit der Datenbank und dem Server und das Front-End. Ende befasst sich mit dem Surfen im Umgang mit Geräten. Es scheint kein Problem zu geben, das denken alle. Daran ist natürlich nichts auszusetzen. Wir haben immer gedacht, dass wir den Browser nur als Grenze verwenden, um diese beiden Teile des Codes zu trennen. Die ursprüngliche Absicht der Front-End- und Back-End-Trennung besteht jedoch darin, die Verantwortlichkeiten der Front-End- und Front-End-Entwickler zu trennen und gleichzeitig das Problem des Entwicklungsmodells zu lösen. Aber es scheint, dass ihre Verantwortlichkeiten vorher oder sogar jetzt nicht klar waren. Obwohl sich das Frontend mit dem Browser befasst, ist die Seite, die der Browser letztendlich erhält, nur eine temporäre statische Seite, die vom Server über eine Vorlage generiert wird. Das Backend ist also tatsächlich involviert, da es sich mit Vorlagen befassen muss. Natürlich gibt es im Allgemeinen zwei traditionelle Entwicklungszusammenarbeitsmodelle:

Eine besteht darin, dass das Front-End zuerst eine statische Seite schreibt und nach dem Schreiben das Back-End die Vorlage festlegen lässt . Statische Seiten können lokal entwickelt werden und es besteht keine Notwendigkeit, die Geschäftslogik zu berücksichtigen. Sie müssen lediglich View implementieren. Der Nachteil besteht darin, dass Sie auch eine Back-End-Vorlage benötigen und diese Front-End-Codes vom Back-End durchsucht werden müssen, um Fehler zu vermeiden.

Ein weiterer Modus für die Zusammenarbeit besteht darin, dass das Front-End die Vorlage direkt schreibt. Das Problem dabei ist, dass der Front-End-Schreibprozess stark von der Back-End-Umgebung abhängt Frontend kann es kaum leben.

Natürlich scheint es bei beiden Methoden viele Probleme zu geben, aber zumindest ist dies das Modell, das bisher von den meisten Unternehmen übernommen wurde. Sie unterscheiden die Entwicklung des Front-Ends und des Front-Ends von der physischen Ebene und spielen gleichzeitig die logische Farbe des Front-Ends herunter. Da das Frontend eine statische Version der Seite implementiert, finden die meisten Unternehmen Arbeit für die Frontend-Ingenieure. Wenn man sich die aktuellen Anforderungen an Front-End-Ingenieure ansieht, wenn Unternehmen einstellen, haben diese neben grundlegenden Fähigkeiten in der Seitenproduktion auch zusätzliche Designverantwortung. Beherrschen Sie beispielsweise mindestens eine Back-End-Programmiersprache NodeJs oder PHP oder Java.

Zu diesem Zeitpunkt dachten wir ursprünglich, wir hätten Front-End und Back-End getrennt, aber wenn es um die peinliche Frage der Vorlagen geht, haben die Front-End- und Back-End-Ingenieure definitiv viel gelitten. Derzeit sollte es selten sein, HTML direkt in JSP oder PHP zu schreiben. Die Trennung von Vorder- und Hinterteil erfolgt planmäßig.

Wie man also trennt, wer mehr und wer weniger belegt, hängt vom technischen Niveau jedes Unternehmens ab. Wenn der Front-End-Entwicklungsingenieur großartig ist, denkt er nur an MVC und MVVM im Front-End. Wenn das Backend großartig ist, denke ich einfach, geben Sie diesen Prototyp an das Backend und kümmern Sie sich nicht um den Rest.

Traditionelle Entwicklungsmethode

Der vorherige PHP-Code wurde im HTML-Code geschrieben. Hier sind die Front- und Back-Ends nicht getrennt, was ungefähr PHP und HTML bedeutet gewinne und ich habe dich in mir.

Allerdings sind Frontend-Ingenieure (HTML, CSS, JS) möglicherweise nicht in der Lage, PHP-Code zu lesen, und PHP-Ingenieure sind nicht sehr gut darin Wenn Sie mit CSS-Inhalten vertraut sind, finden Sie später eine Möglichkeit, den Code zu trennen. Dies ermöglicht es jedem, in seinem jeweiligen Bereich eine bessere Leistung zu erbringen, ist jedoch aus einer bestimmten Perspektive für Entwickler geeignet

Vorher und Nachher Eine End-to-End-Trennung ist nicht so kompliziert, wie es im Internet behauptet wird.

1.

Zuallererst müssen Sie wissen, dass alle Programme auf Daten basieren. Ein Programm ohne Daten hat keine praktische Bedeutung. Das Wesentliche eines Programms ist das Hinzufügen, Löschen, Ändern und Überprüfen des Programms.

2.

Die Trennung von Front-End und Back-End dient der Trennung von Datenbetrieb und -anzeige. Das Frontend konzentriert sich auf die Datenanzeige und zeigt die Daten intuitiv durch Text, Bilder oder Symbole an. Das Backend konzentriert sich auf Datenoperationen. Das Front-End sendet Daten an das Back-End und das Back-End ändert die Daten.

3.

Das Backend verwendet im Allgemeinen Java, C# und andere Sprachen. Der aktuelle Knoten gehört zu JavaScript und kann hier auch Backend-Operationen ausführen. Das Backend stellt eine Verbindung zur Datenbank her und verarbeitet die Daten.

4.

Das Backend stellt eine Schnittstelle bereit, die das Frontend aufrufen kann, um den Datenbetrieb des Backends auszulösen. Das Grundprinzip ist folgendes. Die Sprache mag ungenau sein, aber die Denkweise ist richtig.

Der Kern der Website-Entwicklung ist also im Wesentlichen:

HTML + CSS: Seitenanzeige

Javascript + Ajax (dies ist Teil des Browsers und kann über Javascript aufgerufen werden): Seiteninteraktion, Logikverarbeitung

Übliche Auswahl an Entwicklungsframeworks:

Einfache Website: JQuery + Bootstrap

Backend-Verwaltungssystem: AngularJS + JQuery + Bootstrap + Webpack

Komplexe Produkte: React + Redux + Webpack

Das obige ist der detaillierte Inhalt vonWas ist Front-End- und Back-End-Trennung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!