Maison >Problème commun >Comprendre rapidement l'essence de la séparation front-end et back-end (avec schéma d'architecture)

Comprendre rapidement l'essence de la séparation front-end et back-end (avec schéma d'architecture)

藏色散人
藏色散人avant
2022-08-05 16:37:464700parcourir

1. L'essence de la séparation front-end et back-end

Les gens tombent souvent dans un malentendu et essaient d'utiliser des technologies spécifiques pour décrire le concept de séparation front-end et back-end. n'est pas la réponse à la question. Par exemple, lorsqu'il s'agit de séparer le front-end et le back-end, cela signifie Laravel + Vue. Ce n'est pas une compréhension tout à fait correcte ! Nous avons demandé : Pourquoi résolvez-vous le problème de cette manière

La réponse est : Comment procédez-vous spécifiquement


La séparation du front et du backend

est : la technologie logicielle et le développement commercial dans une certaine mesure, dans le projet ? management Une mise à niveau qui doit s'effectuer au travail, c'est une nécessité plutôt qu'un accident ! Pour parler franchement, il s’agit d’un ajustement de la structure départementale de l’entreprise. [Recommandations associées : front-end web]Pourquoi ce changement a-t-il eu lieu ?

Parce que le développement initial du logiciel s'est en fait concentré sur le back-end, parce que les fonctions des pages aux débuts d'Internet étaient relativement simples. Elles n'avaient besoin que d'afficher des données et de fournir des opérations de base ! Par conséquent, l’ensemble du projet se concentre sur le traitement de la logique métier en arrière-plan. Cependant, avec le développement des affaires et de la technologie, les fonctions front-end deviennent de plus en plus complexes et importantes, et en même temps, la pile technologique front-end devient de plus en plus abondante ! De cette façon, nous avons rencontré de plus en plus de problèmes lors du développement, et il est devenu de plus en plus difficile de résoudre ces problèmes. À cette époque, nous avons constaté que le développement front-end ne pouvait plus être dispersé dans l'architecture du système comme auparavant. Le front-end doit également être conçu, modularisé et systématisé comme le back-end.

Comment faire ça ?

consiste à mettre en place un département front-end dédié pour centraliser le développement front-end qui était à l'origine mélangé avec des programmeurs back-end pour former un pur département front-end. Se spécialiser dans la recherche et le développement de technologies d'ingénierie frontales et mettre à niveau de manière itérative de nouveaux systèmes technologiques pour résoudre les problèmes des projets et s'adapter au développement technologique. Donc en une phrase :
Afin de s'adapter aux besoins de la technologie et du développement des affaires

. Le développement front-end doit être séparé de la structure organisationnelle précédente dans laquelle le front-end et le back-end étaient mélangés pour former des départements front-end et back-end indépendants. C'est la raison de la séparation du front-end et du back-end. . 2. Inconvénients de ne pas utiliser la séparation front-end et front-end front-end et back-end La séparation est actuellement une méthode de développement populaire, et la majeure partie d'Internet sera développée en utilisant la séparation front-end et back-end !

La séparation front-end et back-end signifie
le code front-end et le code back-end d'une application sont écrits séparément


Dans le processus de développement Web traditionnel, la couche View n'est pas complétée indépendammentpar les développeurs back-end Développement front-end——> Page HTML statique——> Développement back-end

Le front-end créera la page Si nous avons besoin de développer le back-end, nous pouvons intégrer la page front-end dans la vue. modèle, ou utilisez d'autres modèles pour la même raison ! Des balises doivent également être ajoutées pour intégrer les données. Parce que l'essentiel est : comment ajouter les données renvoyées par notre backend à la page
Si nous rencontrons des problèmes dans la page backend à ce moment-là, nous envoyons le fichier modèle au développement front-end, et le développeur front-end ne peut pas comprendre le modèle. À l’heure actuelle, le front-end n’est pas facile à résoudre, et le back-end n’est pas non plus facile à résoudre. Cette efficacité de communication et de développement est très faible ! Le couplage front-end et back-end est trop élevé, ce qui rend le développement trop compliqué !

La solution est très simple : il suffit d'utiliser la
séparation front-end et back-end
pour développer !
Le front-end n'a besoin que d'écrire le code client de manière indépendante, et le back-end n'a besoin que d'écrire le code côté serveur indépendamment pour fournir l'interface de données.

Le front-end accède à l'interface de données back-end via des requêtes AJAX. et affiche le modèle dans la vue.

Développement front-end et back-end Les utilisateurs doivent simplement se mettre d'accord à l'avance sur les documents d'interface (URL, paramètres, types de données...), puis les développer indépendamment Le front- end peut falsifier des données pour les tests, sans s'appuyer du tout sur le back-end, et enfin terminer l'intégration front-end et back-end Implémentation réelle Découplage des applications front-end et back-end ! Améliore considérablement l'efficacité du développement

Monolith——> Application front-end + Application back-end

Application front-end : responsable de l'affichage des données et de l'interaction utilisateur
Application back-end : responsable de la fourniture d'une interface de traitement des données
Front-end HTML——>Ajax—— >Interface de données back-end RestFul

3. Schéma d'architecture de séparation front-end et back-end


Résumé :

La séparation front-end et back-end consiste à divisez une seule application en deux applications indépendantes : une application frontale et une application back-end, effectuez une interaction de données au format JSON.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer