javascript - Welche Methoden werden derzeit im Allgemeinen zum Entwickeln von Websites verwendet? Was ist Front-End- und Back-End-Trennung?

Da ich schon immer Autodidakt war, weiß ich nicht so gut, wie große Unternehmen Websites schreiben. In der Vergangenheit wurden viele Websites durch die Einbettung von JSP- oder PHP-Code in HTML geschrieben. Ich habe zuvor auch die Node-Jade-Methode verwendet, aber jetzt wird die Schnittstelle im Hintergrund bereitgestellt, und dann wird Ajax übermittelt, um die Daten abzurufen, und sie werden dann in der Backbone-Vorlage angezeigt. Was ist also der allgemeine Ansatz? Ich habe einen Senior bei Baidu gefragt und er hat mir „smarty“ gesagt, aber ich habe es auch nicht ganz verstanden. Bitte geben Sie mir einen Rat, danke

Antwortinhalt:

Da ich schon immer Autodidakt war, weiß ich nicht so gut, wie große Unternehmen Websites schreiben. In der Vergangenheit wurden viele Websites durch die Einbettung von JSP- oder PHP-Code in HTML geschrieben. Ich habe zuvor auch die Node-Jade-Methode verwendet, aber jetzt wird die Schnittstelle im Hintergrund bereitgestellt, und dann wird Ajax übermittelt, um die Daten abzurufen, und sie werden dann in der Backbone-Vorlage angezeigt. Was ist also der allgemeine Ansatz? Ich habe einen Senior bei Baidu gefragt und er hat mir „smarty“ gesagt, aber ich habe es auch nicht ganz verstanden. Bitte geben Sie mir einen Rat, danke

Der Grund für die Trennung von Front-End und Backend ist: In der Vergangenheit wurden Websites mit dynamischen Skripten wie JSP und ASP entwickelt.
Gemischte Skripte wie JSP und ASP, die Back-End-Sprachen, Javascript, CSS und HTML integrieren, machen die Codeentwicklung und -wartung äußerst umständlich.
Da Front-End-Interaktionen immer komplexer werden, kann Skriptsyntax wie JSP und ASP die Anforderungen der Entwicklung nicht mehr erfüllen.
Daher wurde das Konzept von Front-End und Back-End vorgeschlagen: Das Front-End-Personal ist für die Seitenanzeige und Interaktion verantwortlich und ruft dann die vom Back-End-Personal geschriebene Datenschnittstelle über Ajax auf.
Der Kern der Entwicklung einer Website ist also im Wesentlichen:

1. HTML-CSS: Seitenanzeige

2. Javascript Ajax (dies ist Teil des Browsers und kann über Javascript aufgerufen werden): Seiteninteraktion, logische Verarbeitung

Übliche Auswahl an Entwicklungsframeworks:

1. Einfache Website: Jquery Bootstrap

2. Backend-Verwaltungssystem: AngularJS JQuery Bootstrap Webpack

3. Komplexes Produkt: React Redux Webpack

Heutzutage ist die Website-Entwicklung im Grunde ein Modell der Trennung von Front- und Back-End. Das Back-End schreibt nur Schnittstellen, und das Front-End ruft Schnittstellen auf und verwendet eine js-Vorlagen-Engine zum Rendern von Daten, z. B. arttemplate.js. Einige Entwicklungsframeworks für js-Module wie sea.js werden ebenfalls verwendet.

Nun, wir schreiben die Seite jetzt nicht. Das Front-End schreibt die Seite und legt sie direkt im CDN ab und ruft dann die von unserem Back-End bereitgestellte Schnittstelle auf, um die Daten zum Rendern zu erhalten.

smarty ist eine Template-Engine, die zur Trennung von Front- und Back-End verwendet wird. Ihr Kerninhalt ist MVC
M = Model
V = View
C = Controller

Diese Frage ist sehr weit gefasst. Websites können in viele Kategorien von klein bis groß unterteilt werden. Das heißt, die Homepages von kleinen Geschäften in drittklassigen Städten und Taobao werden beide als Websites bezeichnet, aber die Gesamtentwicklung ist sehr unterschiedlich.

Eigentlich sollten Sie selbst lernen und mehr darüber nachdenken, wie Sie Anforderungen schneller umsetzen, auf Änderungen in den Anforderungen reagieren und die spätere Wartung erleichtern können. Was ist auf der Grundlage dieses Standards besser? Es gibt auch Unternehmen, die es nutzen. 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 einnimmt, hängt vom technischen Niveau jedes Unternehmens ab. Wenn der Front-End-Entwicklungsingenieur gut ist, denkt er nur an Front-End-MVC und MVVM und geht sofort los. 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.

In der Frage ist Node Jade das Backend und Backbone das Frontend. Smarty ist eine alte Vorlage für PHP. Ähnlich wie Knotenjade.

Positionieren Sie sich also: Sind Sie ein Front-End, ein Back-End oder ein Full-End? Es ist am besten, zuerst eine Sprache tiefer zu verwenden, z. B. Java, Node oder PHP. Sie müssen nicht alles oder nichts wissen. Lassen Sie uns noch einmal zurückgehen und bestätigen, was Ihr Problem ist, und wir werden es im Detail besprechen.

Hat das etwas damit zu tun? Die Routinen sind im Grunde die gleichen, vielleicht in mehrere Ebenen unterteilt, aber das Wesentliche bleibt das Gleiche. Üben Sie sie einfach alle und sammeln Sie mehr praktische Erfahrung. Es gibt keinen Unterschied, keine Sorge

HTML-Ajax

Ich bin mir nicht sicher, ob die Frage, die Sie stellen möchten, die ist, die ich unten sagen werde.
Bezüglich der Trennung von Front- und Backend der Website habe ich das Allgemeine gelesen Beschreibung in den Fragendetails, es kann wie beim vorherigen PHP-Code sein. Es gibt keine reinen PHP-Dateien (nur PHP-Code darin) und HTML-Dateien. Hier sind die Front- und Back-Ends nicht getrennt. Das bedeutet ungefähr, dass ich PHP und HTML habe, und Sie haben es in mir.
Allerdings sind wir während der Entwicklung auf viele Probleme gestoßen. Front-End-Ingenieure (HTML, CSS, JS) sind möglicherweise nicht in der Lage, PHP zu lesen Code und PHP-Ingenieure sind mit CSS-Inhalten nicht sehr vertraut, daher haben die Leute später eine Möglichkeit gefunden, den Code zu konvertieren. Dadurch kann jeder in seinem jeweiligen Bereich bessere Leistungen erbringen, ist aber benutzerfreundlich für Entwickler aus einer bestimmten Perspektive.
Das Smarty-Template ist ein typisches Beispiel. Es trennte das Frontend (für Benutzer) und das Backend (Funktionen, die Benutzerbedürfnisse realisieren), sodass verschiedene Entwickler spielen konnten.

Smarty ist eine Template-Engine, die im Front-End für den von Ihnen erwähnten Back-End-Code implementiert ist. Ajax ist eine asynchrone Operation, um eine Front-to-Back-Trennung zu erreichen

Die Trennung von Front-End und Back-End ist nicht so kompliziert wie im Internet behauptet.

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 wird verwendet, um eine Verbindung zur Datenbank herzustellen und die Daten zu verarbeiten.

4. Das Backend stellt Schnittstellen bereit, die das Frontend aufrufen kann, um Backend-Vorgänge für Daten auszulösen.

Das Grundprinzip ist folgendes. Die Sprache mag ungenau sein, aber die Denkweise ist richtig.