à gros issue
- Prenez
Todo-App comme exemple pour découvrir divers frameworks et bibliothèques à l'avant et à l'arrière. - L'adresse du serveur est
http://localhost:8080 - Les interfaces des extrémités avant et arrière sont:
- Get All Todos:
{path: '/api/todo', method: 'GET', status: 200, return: [{action: 'todo1', done: false}] - Ajouter un nouveau todo:
{path: '/api/todo', method: 'POST', status: 201, return: ''} - Terminez ou fermez le TODO spécifié:
{path: '/api/todo/toggle/{index}', method: 'POST', status: 200, return: ''} - Supprimer le todo spécifié:
{path: '/api/todo/{index}', method: 'DELETE', status: 200, return: ''}
Backend complet
-
{tech: 'spring-boot', tag: 'springboot-backend'}
Frontend Web terminé
-
{tech: 'vuejs', tag: 'use-vue-frontend' } -
{tech: 'vuejs-vuex', tag: 'use-vuex'} -
{tech: 'react', tag: 'use-react'} -
{tech: ['react', 'redux'], tag: 'use-react-redux'} -
{tech: ['react', 'hooks'], tag: 'use-react-hooks'} -
{tech: 'jquery', tag: 'use-jquery-ajax-to-read/write-from/to-server'} -
{tech: ['react', 'typescript'], tag: 'use-react-typescript'} -
{tech: ['react', 'typescript', 'redux'], tag: 'use-react-typescript-redux'}
Frontend de ligne de commande terminée
-
{tech: ['react', 'ink'], tag: 'use-ink-cli'}
Un front-end qui peut fonctionner indépendamment
-
{tech: 'jquery', tag: 'use-jquery-in-static-web' } -
{tech: 'javascript', tag: 'use-pure-javascript' }
But
- Comprendre la signification de la fin et du back-end
- Comprendre les différences et les connexions de multiples fins frontales
- Comprendre la signification d'un gros frontal
- Découvrez le cadre technique grand public du front-end
Front-end, back-end
- Front-end: concevez et implémentez l'interface sur l'interaction humaine-ordinateur dans le système
- Ligne de commande: programme de console. Il est généralement implémenté à l'aide de langues telles que C, C # et Java. Entrée et sortie avec des commandes et des paramètres, ainsi que ScanF et PRINTF
- Bureau: utilisez divers contrôles graphiques tels que les fenêtres, les menus, les formulaires, etc. pour terminer l'entrée et la sortie à l'aide de divers appareils tels que les claviers et les souris. Les technologies couramment utilisées comprennent le MFC, le swing Java, le Qt, le WPF, etc.
- Web (H5): similaire à Desktop, mais fonctionne dans un navigateur. Les technologies adoptées incluent principalement HTML5, CSS3 et JavaScript
- Mobile: Utilisation des téléphones mobiles comme opérateurs, les appareils mobiles communs incluent Android et iOS
- MINI PROGRAMME: Pas besoin d'installer ou de déployer, il exécute des applications telles que WeChat, et est très populaire dans le pays. Tels que les mini-programmes WeChat, les mini-programmes QQ, les mini-programmes Baidu, les mini-programmes en alipay, les applications rapides ...
- Backend: également appelé côté serveur. Généralement utilisé pour fournir des données et des services.
- Procédures de traitement courantes
- Les données sont stockées dans la base de données
- Le serveur reçoit des demandes de l'avant, qui sont généralement des demandes HTTP.
- Selon la demande, la logique métier pertinente est appelée et le résultat de calcul est retourné
- Selon le résultat du calcul, la réponse est retournée, qui est généralement une réponse HTTP. La réponse peut avoir plusieurs représentations, telles que JSON, HTML, etc.
- Technologies et cadres couramment utilisés
- Java ee, asp.net, php
- Printemps, hiberner
- ...
- Caractéristiques de développement des applications traditionnelles
- La pile technologique utilisée dans le front-end et le back-end n'est pas unifiée
- Les piles technologiques utilisées par plusieurs fronts ne sont pas unifiées
- Les méthodes et idées de développement frontal et back-end ne sont pas cohérentes
- Il est difficile d'avoir des ingénieurs qui sont compétents à l'avant et à l'arrière en même temps
Grande extrémité avant, pile complète
