Qu'est-ce que la séparation front-end et back-end ?

La séparation du front-end et du back-end consiste à séparer le fonctionnement et l'affichage des données. Le front-end se concentre sur l'affichage des données, affichant les données de manière intuitive via du texte, des images ou des icônes ; le back-end se concentre sur la manipulation des données. Le front-end envoie des données au back-end et le back-end modifie les données.

[Recommandations d'apprentissage associées : Tutoriel vidéo front-end]

En cours de développement de sites Web , avant et après La ligne de démarcation entre les deux extrémités semble être un sujet de débat. En recherchant sur Internet ce qu'est la séparation front-end et back-end, il y a beaucoup d'informations à ce sujet et la description n'est pas claire. Dès le début, il n'y avait aucune notion de front-end et de back-end, puis tout s'est enchevêtré.

Méthode de séparation traditionnelle

Quand je mentionne le front-end et le back-end dans mon esprit, fondamentalement, la première différence qui apparaît est :Le le back-end s'occupe de la base de données et du serveur, et le front-end s'occupe du navigateur. Il ne semble y avoir aucun problème, tout le monde le pense. Bien sûr, il n’y a rien de mal à cela. Nous avons toujours pensé que nous utilisions le navigateur uniquement comme frontière pour séparer ces deux parties de code. Mais l'intention initiale de la séparation front-end et back-end est de séparer les responsabilités des développeurs front-end et front-end et de résoudre en même temps le problème du modèle de développement. Mais il semble que leurs responsabilités n'étaient pas claires avant ni même maintenant. Bien que le front-end s'occupe du navigateur, la page que le navigateur obtient finalement n'est qu'une page statique temporaire générée par le serveur via un modèle. Donc, en fait, le backend est impliqué car il doit gérer des modèles. Bien sûr, il existe généralement deux modèles traditionnels de collaboration en matière de développement :

L'un consiste à écrire d'abord une page statique sur le front-end, puis à laisser le back-end définir le modèle après son écriture. . Les pages statiques peuvent être développées localement et il n'est pas nécessaire de prendre en compte la logique métier. Il vous suffit d'implémenter View. L'inconvénient est que vous avez également besoin d'un modèle back-end et que ces codes front-end doivent être parcourus par le back-end pour éviter les erreurs.

Un autre mode de collaboration consiste pour le front-end à écrire directement le modèleLe problème est que le processus d'écriture du front-end repose fortement sur l'environnement back-end. le back-end n'a pas fini d'écrire. Dans ce cas, le front-end est quasiment impossible à travailler.

De toute évidence, les deux méthodes semblent poser de nombreux problèmes, mais c'est au moins le modèle adopté jusqu'à présent par la plupart des entreprises. Ils distinguent le développement du front-end et du front-end de la couche physique, tout en minimisant la couleur logique du front-end. Étant donné que le front-end consiste à implémenter une version statique de la page, la plupart des entreprises trouvent du travail pour les ingénieurs front-end. Si vous examinez les exigences actuelles en matière d'ingénieurs front-end lorsque les entreprises recrutent, en plus des compétences de base en production de pages, ils ont également des responsabilités de conception supplémentaires. Par exemple, connaissez au moins un langage de programmation back-end NodeJs ou PHP ou Java.

À ce stade, nous pensions au départ avoir séparé le front-end et le back-end, mais les ingénieurs front-end et back-end ont certainement beaucoup souffert en ce qui concerne la question embarrassante des modèles. À l’heure actuelle, écrire du HTML directement en jsp ou en php devrait être rare. La séparation des parties avant et arrière est en bonne voie. Alors comment les séparer, qui occupe le plus et qui occupe le moins, dépend du niveau technique de chaque entreprise. Si l'ingénieur de développement front-end est bon, il ne pense qu'au mvc et mvvm front-end, et s'en va directement. Le backend est génial, alors j'ai pensé que vous donnez ce prototype au backend et ne vous souciez pas du reste.

Méthode de développement traditionnelle

Le code php précédent a été écrit dans le code html Il n'y a pas de fichiers php purs et de fichiers html. la séparation du front et du back end, signifie en gros php et html, vous m'avez, et je vous ai.

Cependant, nous avons rencontré de nombreux problèmes lors du développement du Front-end (html, css, js. ) Le code PHP des ingénieurs peut ne pas être lisible, et les ingénieurs PHP ne sont pas très familiers avec le contenu CSS, donc plus tard, les gens ont trouvé un moyen de séparer le code. Cela permet à chacun de mieux performer dans ses domaines respectifs, même si cela consomme une certaine quantité ! de temps. Efficace, mais convivial pour les développeurs d'un certain point de vue.

La séparation du front-end et du back-end n'est pas aussi compliquée qu'on le dit sur Internet.

1.Tout d'abord, vous devez savoir que tous les programmes sont basés sur des données. Un programme sans données n'a aucune signification pratique. suppression, modification et vérification du programme.

2.La séparation du front-end et du back-end consiste à séparer le fonctionnement et l'affichage des données. Le frontal se concentre sur l'affichage des données, en affichant les données de manière intuitive via du texte, des images ou des icônes. Le backend se concentre sur les opérations de données. Le front-end envoie des données au back-end et le back-end modifie les données.

3.Le backend utilise généralement Java, C# et d'autres langages. Le nœud actuel appartient à JavaScript et peut également effectuer des opérations backend ici. Le backend est utilisé pour se connecter à la base de données et opérer sur les données.

4.Le backend fournit une interface que le frontend peut appeler pour déclencher le backend pour qu'il opère sur les données.

Le principe de base est le suivant. Le langage est peut-être inexact, mais la pensée est correcte.

Donc, le cœur du développement de sites Web est essentiellement :

html + css : affichage de la page

javascript + ajax (ceci est considéré comme faisant partie du navigateur , peut être appelé via javascript) : interaction de page, traitement logique

Choix de framework de développement habituels :

Site Web simple : jquery + bootstrap

Système de gestion backend : angulairejs + jquery + bootstrap + webpack

Produits complexes : react + redux + webpack

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!