Quelle est la différence entre la séparation et la non-séparation front-end et back-end ?

Différence : lorsque le front-end et le back-end ne sont pas séparés, les effets vus sur la page front-end sont contrôlés par le back-end, et le back-end restitue la page ou les redirections, ce qui c'est-à-dire que le back-end doit contrôler l'affichage du front-end et le couplage entre le front-end et le back-end. Le degré est très élevé. Dans la séparation du front-end et du back-end, le back-end ne renvoie que les données requises par le front-end, ne restitue plus les pages HTML et ne contrôle plus les effets du front-end. -end et le back-end sont relativement faibles.

L'environnement d'exploitation de cet article : système Windows 10, ordinateur thinkpad t480.

Recommandations associées : "Vidéo de programmation"

1. Le concept de séparation front-end et back-end

1. Séparation front-end et back-end

• La séparation front-end et front-end est un modèle architectural. Pour faire simple, la page n'est pas visible dans le projet back-end（JSP | HTML）, le backend fournit une interface au frontend, et le frontend appelle simplement l'interface de style REST fournie par le backend. pages （html|jsp） et rendu （JS|CSS|各种前端框架） ; le backend se concentre uniquement sur l'écriture de code.
• Le noyau de la séparation front-end et back-end : L'arrière-plan fournit les données et le front-end est responsable de l'affichage

1. Modèle d'architecture logicielle

Le plus familier avec le MVC modèle de conception, Model—View-Controller Modèle-Vue-Contrôleur

• Comment ça marche travail? En termes simples : vous saisissez une URL （请求-Request） sur la page, où va cette URL ? Appelez simplement l'interface
  （REST风格） Cette interface est en fait un morceau de code (méthode) qui accède au backend. Il existe de nombreuses méthodes dans le backend.
• Comment déterminer à quelle méthode on accède ? L'interface est définie, par exemple : 177.25.26.7/idp/user/login, où idp représente un
  service (un projet), user représente une classe et login représente la méthode spécifique à appeler. Entrez, la méthode backend est directement appelée. La méthode backend va à la base de données （MySQL|Oracle|其他） pour obtenir les données. Chaque ligne de données dans la table de la base de données représente un objet, c'est-à-dire un JavaBean, et utilise finalement le Enregistrez-le dans le framework de collection pojo, et la méthode renvoie cette collection. Ensuite, le résultat de l'appel de cette interface sera （List|Map|Set|等） pour vous donner un ensemble de résultats. Le front-end obtiendra ces données, puis les affichera. via la page （Response）. Ce que l'utilisateur voit est ce que fait la couche （html|Jsp）. View

2. Raisons de la séparation du front-end et du back-end

Dans le passé, j'ai entendu cela

peut améliorer la qualité du code, nous avons donc implémenté TDD (Test-driven development，测试驱动开发) ; code de base, nous avons donc implémenté TDD. Aujourd'hui, j'ai entendu dire que la séparation front-end et back-end est très populaire, nous avons donc implémenté la séparation front-end et back-end - c'est le légendaire BDD (Behavior-driven development，行为驱动开发). DDD (Domain-driven design，领域驱动设计)DDDHDD（Hype-driven Development，热闹驱动开发）Processus

 :

TDD -》 BDD -》 DDD =》 HDD

3.Avantages de la séparation front-end et back-end

la séparation front-end et back-end peut bien résoudre le problème de la division inégale du travail entre le front-end et le back-end, en attribuant une logique plus interactive au front-end pour le traitement, tandis que le back-end peut se concentrer sur son propre travail, comme fournir des interfaces , contrôler les autorisations et effectuer des calculs. Les développeurs front-end peuvent utiliser

pour créer leur propre serveur local, développer directement localement, puis transmettre

requêtes au backend via certains plug-ins, afin qu'ils puissent simuler complètement des scénarios en ligne et résoudre des problèmes avec le backend .couplage. Le front-end peut compléter indépendamment l'ensemble du processus d'interaction avec les utilisateurs. Les deux peuvent commencer à travailler en même temps sans dépendre l'un de l'autre. L'efficacité du développement est plus rapide et la division du travail est relativement équilibrée. APInodejsapi

Les avantages sont résumés comme suit :

Améliorer l'efficacité du développement

Faire parfaitement face à un front complexe et changeant -besoins finaux
• Améliorer la maintenabilité du code

2. La différence entre la séparation front-end et back-end et la non-front-end et back-end. séparation

1. Les extrémités avant et arrière ne sont pas séparées

• Dans le mode application où le front-end et le back-end ne sont pas séparés, les effets vus sur la page front-end sont contrôlés par le back-end, qui restitue la page ou redirige, c'est-à-dire le back-end. L'extrémité doit contrôler l'affichage du front-end, et le front-end et le backend sont fortement couplés.
• Ce mode d'application est plus adapté aux applications Web pures, mais lorsque le backend est connecté à App, App peut ne pas avoir besoin du backend pour renvoyer une HTML page Web, mais uniquement les données elles-mêmes , donc le backend L'interface d'origine pour renvoyer les pages Web n'est plus adaptée aux applications front-end App Afin de se connecter au App back-end, un autre ensemble d'interfaces doit être développé.

2. Séparation du front-end et du back-end

• Dans le mode d'application de séparation du front-end end et front-end, le back-end ne renvoie que ce que le front-end Les données requises ne sont plus rendues, la page HTML n'est plus rendue et les effets front-end ne sont plus contrôlés. Quant aux effets que voient les utilisateurs front-end et à la manière dont les données demandées au back-end sont chargées dans le front-end, tout est décidé par le front-end lui-même. Les pages Web ont leurs propres méthodes de traitement, App. a App méthodes de traitement, mais quel que soit le front-end, les données requises sont fondamentalement les mêmes et le backend n'a besoin que de développer un ensemble de logique pour fournir des données au monde extérieur.
• Dans le modèle d'application où les extrémités avant et arrière sont séparées, le couplage entre l'extrémité avant et l'extrémité arrière est relativement faible.
• Dans le modèle d'application où le front-end et le back-end sont séparés, nous appelons généralement chaque vue développée par le back-end une interface, ou API Le front-end ajoute, supprime, modifie et vérifie les données en y accédant. l'interface.

Pour plus d'articles connexes, veuillez visiter le Site Web PHP chinois ! !

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!