En tant que back-end autodidacte, je ne connais pas grand-chose au front-end. Le spa revient-il une fois sur le site Web lors de l'accès au site Web, puis change d'affichage via le routage front-end ? Alors le serveur est uniquement responsable du renvoi des données à ajax ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Il vous suffit de fournir un lien URL vers la page index.html du front-end, puis d'écrire l'API de l'interface et de laisser le reste au front-end.
Oui, vous avez bien compris
Il n'y a qu'un seul fichier d'entrée, qui s'appuie sur le routage pour changer de composants et fournit une API en arrière-plan
1. Qu'il s'agisse d'un retour unique dépend du fait que vous ayez effectué un chargement asynchrone du code et une extraction des parties communes.
J'espère que cela vous aidera.2. Le changement de page du spa se fait via le routage frontal. sont complètement séparés, le code n'est pas couplé et le serveur Seuls les services de données sont fournis. Le front-end appelle l'interface du serveur via ajax et met à jour la page après avoir obtenu les données.
Traditionnel : le front-end est composé de plusieurs pages et le back-end est responsable de l'organisation des données, de la mise en œuvre du routage et même de la génération du contenu de la page ; le front-end et le back-end sont en fait mélangés ; le front-end est composé d'une seule page ou d'un petit nombre de pages (Single Page Application), le framework front-end est chargé d'organiser le routage et la commutation du contenu des pages (généralement en divisant les pages en composants/composants), tandis que le back-end est uniquement responsable de la fourniture des services API et de l'envoi et de la réception des données ;
De cette façon, le front-end et le back-end sont fondamentalement séparés et découplés.
Le back-end est uniquement responsable de fournir les données requises par le front-end. La mise en œuvre d'autres logiques telles que le basculement entre les pages et l'interaction de l'utilisateur est complétée par le front-end.
La page unique du spa n'a besoin que d'une seule page index.html comme entrée de l'ensemble du projet, puis introduit les fichiers js nécessaires. D'autres fichiers js peuvent être chargés à la demande, et le contenu spécifique de la page peut être généré et rendu dynamiquement par js. . Parfois, les modifications de page ne sont pas des requêtes ou des actualisations, mais sont pilotées par des événements et exécutent les méthodes correspondantes pour restituer la page actuelle.
Tout commence par un rafraîchissement partiel d'ajax.
Web traditionnel, le navigateur saisit une url et renvoie une page.
Plus tard, les gens ont trouvé que cela gaspillait trop de ressources. Par exemple, si je cliquais sur un j'aime, alors le nombre de j'aime dans la base de données et la page serait de +1. Actualiser la page ne fonctionnerait certainement pas, alors faisons un. 'rafraîchissement partiel'.
Plus tard, le développeur intelligent a pensé que le segment du chemin de hachage (en forme de #header) n'enverrait pas de requête au serveur, nous pouvons donc charger une petite page en cliquant sur une ancre, la rafraîchir partiellement et ajouter Vous pouvez utiliser le navigateur history pour implémenter des fonctions telles que le rollback. Ensuite, créez simplement un routage front-end. Le routage front-end apparaît.
.En fait, le routage frontal est essentiellement une actualisation partielle, mais plus standardisée. Cette actualisation ramène un composant complet, qui contient des vues et des données. Les données ici sont divisées en deux types, l'un est l'arrière. Les données transmises par le. le front-end devient des données de base de données pour le moment, et l'autre est les données générées sur le front-end pour une meilleure gestion des vues, qui deviennent des données de vue pour le moment.
Après en avoir parlé, nous pouvons analyser ce qu'est le SPA.
SPA est l'abréviation de application monopage, qui est appelée application monopage en chinois. Qu'est-ce qu'une seule page ? Cette page est généralement index.html, qui est le fichier d'entrée du projet. du début à la fin du projet, le navigateur est toujours sur cette page, et les changements que vous voyez ne sont que la création et la suppression de composants. Par exemple, si vous introduisez bootstrap sur cette page (ce n'est pas une bonne idée), alors tout. vos composants seront affectés par le bootstrap
.... Je ne peux vraiment plus écrire, la suite est trop longue. J'écrirai un article un jour pour l'expliquer, la longueur est trop grande.
Pour faire simple, le front-end fournit des vues et le back-end fournit des données json. Les données du back-end sont utilisées pour afficher la page front-end..