Votre première application Web ASP.NET : comment démarrer

Votre première application Web ASP.NET : comment démarrer

ASP.NET est le framework multiplateforme gratuit de Microsoft pour la création d'applications et de services Web. La plate-forme ASP.NET est une extension de .NET, une plate-forme de développement d'outils, de langages de programmation et de bibliothèques utilisés pour créer différentes applications.

Comme vous l'avez probablement deviné, ASP.NET est un cadre fantastique que les débutants peuvent utiliser pour créer des applications Web. Il offre beaucoup de flexibilité et est facile à utiliser. Dans cet article, nous allons vous aider à créer votre première application Web dans ASP.NET à l'aide de Microsoft Visual Studio.

Qu'est-ce qu'ASP.NET ?

ASP signifie "Active Server Pages" ; ASP et ASP.NET sont des technologies côté serveur utilisées pour afficher des pages Web interactives. ASP.NET offre aux développeurs beaucoup de flexibilité dans un écosystème vaste et polyvalent avec diverses bibliothèques et outils. Les développeurs peuvent également créer des bibliothèques personnalisées qu'ils peuvent partager avec n'importe quelle application créée sur la plate-forme .NET.

Connexes : cadres Web qui valent la peine d'être appris pour les développeurs

Vous pouvez écrire le code principal de vos applications ASP.NET en C#, Visual Basic ou même F#. Cette flexibilité permet aux développeurs de coder efficacement la logique métier et la couche d'accès aux données. Un autre avantage important de l'utilisation d'ASP.NET est la création de pages Web dynamiques à l'aide de C# à l'aide d'un outil de syntaxe de modèle de page Web connu sous le nom de Razor.

Razor fournit également une syntaxe pour créer des pages Web dynamiques interactives incorporant HTML, CSS, JavaScript et C#. Le code côté client est généralement écrit en JavaScript et ASP.NET peut même être intégré à d'autres frameworks Web tels que Angular ou React.

Connexes : Tailwind CSS vs Bootstrap : quel est le meilleur framework ?

ASP.NET fournit également aux développeurs un système d'authentification qui comprend une base de données, des bibliothèques, des modèles de gestion des connexions, une authentification externe à Google, Facebook, etc., etc. Les développeurs peuvent utiliser ASP.NET sur toutes les principales plates-formes, y compris Windows, Linux, macOS et même Docker.

Comment créer une application Web ASP.NET dans Visual Studio

Avant de créer une application Web, il est préférable de vous familiariser avec HTML, CSS, JavaScript et C#, afin de tirer le meilleur parti d'ASP.NET. Voyons comment créer une application Web dans ASP.NET dans Microsoft Visual Studio 2019.

Assurez-vous que les packages logiciels suivants sont installés :

  • Microsoft Visual Studio 2019 ou supérieur
  • ASP.NET et charge de travail de développement Web à partir du programme d'installation de Visual Studio

Comprendre les composants du projet d'application Web ASP.NET

Avant de commencer à développer votre application Web, il est essentiel de comprendre les composants essentiels d'ASP.NET et de savoir comment les utiliser dans votre application Web.

Dans ce didacticiel, nous utiliserons des formulaires Web ASP.NET pour créer les pages Web individuelles telles que la page d'accueil, Contactez-nous, etc. Chaque formulaire Web comporte trois composants principaux, un fichier .aspx pour le HTML/CSS, un fichier .aspx fichier de code .cs et un fichier .aspx.designer.cs. Nous travaillerons principalement dans les fichiers .aspx et .aspx.cs pour ce didacticiel.

Le fichier .aspx contiendra tout le code HTML et CSS de vos pages Web. Assurez-vous d'utiliser des balises asp plutôt que des balises HTML, car les balises asp récupèrent les données du serveur et envoient les données d'entrée au serveur. Il s'agit de la caractéristique de fonctionnalité requise dans une application Web dynamique.

Le fichier .aspx.cs contient le code C# de vos pages Web, et cela contrôle ce qui se passe lorsqu'un événement particulier tel qu'une page Web est chargé, un bouton est cliqué, etc. Vous pouvez créer des fonctions distinctes pour chaque fonction et les lier à la balise asp appropriée dans le fichier .aspx correspondant.

Les pages maîtres sont bénéfiques pour les développeurs et ajoutent des composants essentiels tels que la barre de navigation et le pied de page à chaque page Web. Au lieu d'ajouter le même code de manière répétitive, les développeurs peuvent ajouter tout le code requis par le modèle dans une page maître, puis lier chaque page Web à la page maître. Nous vous montrerons comment procéder dans les sections suivantes.

Créer un nouveau projet d'application Web ASP.NET

La première étape de la création d'une application Web dans ASP.NET consiste à sélectionner un modèle de projet et à créer une nouvelle application Web :

Votre première application Web ASP.NET : comment démarrer

  1. Lancez Microsoft Visual Studio et cliquez sur Créer un nouveau projet
  2. Tapez ASP.NET dans la zone de recherche de modèle, sélectionnez Application Web ASP.NET ( .NET Framework ) et cliquez sur Suivant . Vous n'obtiendrez pas ce modèle si vous ne disposez pas des installations requises mentionnées dans la section précédente.
  3. Dans l'écran suivant, configurez le nom et le répertoire de votre projet et cliquez sur Suivant .
  4. Visual Studio va maintenant créer votre modèle de projet et vous devriez pouvoir exécuter l'application modèle en cliquant sur le bouton de lecture vert en haut de l'écran.

Créer un nouveau formulaire Web ASP.NET

Votre première application Web ASP.NET : comment démarrer

Pour vous aider à mieux comprendre ASP.NET, nous allons créer une page produit simple pour un magasin de jeux. La première étape consiste à créer un nouveau formulaire Web. Dans le projet que vous avez créé précédemment, accédez à Fichier > Nouveau > Fichier et sélectionnez Formulaire Web . Une fois que vous l'avez configuré, vous devriez pouvoir voir un fichier .aspx vierge avec juste le code d'en-tête.

Pour commencer à développer l'apparence générale de votre page Web, vous pouvez utiliser vous-même le code HTML/CSS ou utiliser un modèle de Tailblocks .

Votre première application Web ASP.NET : comment démarrer

Nous avons configuré la mise en page du produit ci-dessus à l'aide d'un modèle. Il affiche une image du produit, les détails du produit et une barre de navigation. Nous avons ajouté le HTML et le CSS de la barre de navigation à l'aide de la page maître.

Votre première application Web ASP.NET : comment démarrer

Dans le code ci-dessus (fichier .aspx.cs), nous avons configuré la fonction loadpage pour définir les détails du produit dans nos espaces réservés. Vous pouvez créer des fonctions similaires pour vous connecter, vous inscrire, ajouter au panier, etc.

Un exemple de balise asp pour afficher la description du produit est le suivant :

La valeur de description du code C# sera affichée dans cet espace réservé. Vous pouvez également utiliser la boîte à outils de Visual Studio pour ajouter des éléments d'affichage tels que des images, des boutons, des boutons radio, etc. Il existe plusieurs ressources disponibles en ligne où vous pouvez apprendre la syntaxe ASP.NET.

Application Web ASP.NET pour les débutants

ASP.NET est une plate-forme puissante pour la création d'applications et de services Web. Vous devez être à l'aise avec JavaScript, HTML, CSS et C# avant de développer une application Web dans ASP.NET.


Comment utiliser Python comme calculatrice de ligne de commande

Comment utiliser Python comme calculatrice de ligne de commande

Bien que vous puissiez utiliser une calculatrice graphique sur votre ordinateur, l'interpréteur du langage de programmation Python peut également servir de calculatrice de bureau. C'est une blague si populaire dans la communauté Python qu'elle est mentionnée dans le didacticiel officiel. Voici comment vous pouvez utiliser Python comme calculatrice.

Les 8 meilleurs blogs Java pour les programmeurs

Les 8 meilleurs blogs Java pour les programmeurs

En tant que programmeur, vous devez relever des défis pour survivre et créer des merveilles dans le domaine du développement ou de la programmation. Par conséquent, si vous cherchez à apprendre un langage de programmation avancé pour améliorer vos compétences professionnelles, Java est l'une des meilleures perspectives.

7 commandes vitales pour démarrer avec Python pour les débutants

7 commandes vitales pour démarrer avec Python pour les débutants

Apprendre un nouveau langage de programmation comme Python devient facile si vous disposez d'une feuille de route complète détaillant les concepts à apprendre en tant que débutant et comment progresser davantage pour atteindre le prochain jalon. Même les programmeurs intermédiaires devraient fréquemment réviser leurs bases pour se construire une base solide.

Principes de conception de sites Web réactifs

Principes de conception de sites Web réactifs

De nos jours, il est courant de créer un site Web ou une application qui ajuste son interface utilisateur en fonction du navigateur ou de l'appareil. Il existe deux approches pour atteindre cet objectif. La première consiste à créer différentes versions de votre site Web ou de votre application pour différents appareils. Mais c'est inefficace et peut conduire à des erreurs imprévisibles.

Comment compter le nombre de chiffres dans un nombre à laide de C++, Python et JavaScript

Comment compter le nombre de chiffres dans un nombre à laide de C++, Python et JavaScript

Travailler avec des nombres fait partie intégrante de la programmation. Chaque langage de programmation prend en charge la manipulation des nombres de différentes manières. Dans cet article, vous apprendrez à trouver le nombre total de chiffres dans un entier à l'aide d'approches itératives, basées sur les journaux et basées sur les chaînes.

Les 9 meilleures alternatives Docker pour la gestion des conteneurs

Les 9 meilleures alternatives Docker pour la gestion des conteneurs

Les conteneurs sont très utiles pour le développement, le déploiement et la gestion de logiciels dans un environnement virtuel. Docker est utile dans le processus de conteneurisation, mais ce n'est pas la seule plate-forme disponible. Si vous recherchez des alternatives à Docker, ne cherchez pas plus loin. Cette liste présente des alternatives Docker riches en fonctionnalités et efficaces à utiliser dans votre prochain projet.

SQL vs NoSQL : quelle est la meilleure base de données pour votre prochain projet ?

SQL vs NoSQL : quelle est la meilleure base de données pour votre prochain projet ?

SQL vs NoSQL : quelle est la meilleure base de données pour votre prochain projet ?

Comment intégrer des tweets dans vos publications WordPress

Comment intégrer des tweets dans vos publications WordPress

L'intégration de services tiers dans vos publications WordPress est un moyen passionnant de captiver l'intérêt d'un visiteur. Le contenu intégré fournit également des repères visuels qui facilitent la numérisation. WordPress a facilité l'ajout de ce type de contenu.

Comment supprimer le dossier des modules de nœud avec npkill

Comment supprimer le dossier des modules de nœud avec npkill

Node.js est un environnement d'exécution JavaScript qui vous permet d'exécuter JavaScript en dehors des navigateurs Web, ce qui en fait un choix populaire pour développer toutes sortes d'applications. Une partie de sa popularité est due à la pléthore de packages NPM disponibles pour faciliter l'expérience des développeurs.

Comment écrire et compiler votre premier code de solidité

Comment écrire et compiler votre premier code de solidité

Solidity est le langage de programmation utilisé par les contrats intelligents sur la blockchain Ethereum. C'est un langage de programmation orienté objet de type statique.

Top 5 des badges qui vont booster votre dépôt GitHub

Top 5 des badges qui vont booster votre dépôt GitHub

Les badges GitHub peuvent améliorer la lisibilité d'un référentiel en offrant aux utilisateurs un moyen rapide de capturer les métriques du référentiel. Des badges peuvent être intégrés dans votre README.md pour clarifier l'importance et la nécessité de votre projet aux autres développeurs. En conséquence, les lecteurs se font une idée très rapide du référentiel en vérifiant les badges joints.

Quest-ce que la Journée internationale des programmeurs ? 3 façons de célébrer cette année

Quest-ce que la Journée internationale des programmeurs ? 3 façons de célébrer cette année

Les journées de célébration internationales sont un bon moyen de reconnaître les questions sociales, les journées historiques et les carrières respectives. La Journée internationale des programmeurs célèbre le rôle que les programmeurs jouent pour améliorer la vie quotidienne. Le monde civilisé dans lequel nous vivons est le produit du travail acharné des programmeurs.

Comment fonctionne la méthode Python String format() ? 10 exemples

Comment fonctionne la méthode Python String format() ? 10 exemples

Qu'il s'agisse d'une requête de base de données ou de résultats d'opérations mathématiques, la méthode de format de chaîne Python offre un moyen plus dynamique et attrayant de présenter les résultats à un utilisateur.

Visual Studio 2022 vs. 2019 : devriez-vous mettre à niveau maintenant ? Expliqué

Visual Studio 2022 vs. 2019 : devriez-vous mettre à niveau maintenant ? Expliqué

Plus tôt cette année, Microsoft a publié la version préliminaire de Visual Studio 2022 dans le monde de la programmation sauvage. C'est une bonne nouvelle! C'est un IDE extrêmement populaire, mais qui doit faire l'objet d'une mise au point ou peut-être même d'une refonte, étant donné le rythme des changements dans l'écosystème DevOps dans lequel il prospère.

Une introduction simple aux métriques logicielles

Une introduction simple aux métriques logicielles

Les métriques logicielles sont des mesures utilisées pour quantifier divers aspects de votre logiciel. Ces aspects peuvent aller du coût, de la qualité et de l'efficacité de l'équipe de développement.

Comment installer .NET Framework version 3.5 sur Windows 10

Comment installer .NET Framework version 3.5 sur Windows 10

En tant qu'utilisateur Windows, vous avez probablement au moins une fois rencontré les mots .NET Framework. Il s'agit d'un framework logiciel développé par Microsoft qui vous permet de créer et d'exécuter des programmes C#, C++, F# et Visual Basic. La dernière version de .NET est la 4.8, mais votre ordinateur peut avoir besoin d'une ancienne version de .NET (comme .NET 3.5) pour exécuter certaines applications.

Flask ou CherryPy : quel framework Python devriez-vous utiliser ?

Flask ou CherryPy : quel framework Python devriez-vous utiliser ?

Si vous êtes un développeur Python, vous pouvez grandement bénéficier de la gamme de frameworks disponibles. Alors que certains cadres sont mieux adaptés aux grands écosystèmes, d'autres se spécialisent dans la réalisation d'objectifs de développement spécifiques. Lisez la suite pour découvrir les fonctionnalités de base, les utilisations et les différences entre deux frameworks Python : Flask et CherryPy.

Comment trouver des cubes et des carrés parfaits à N-Digit à laide de Python, C++ et JavaScript

Comment trouver des cubes et des carrés parfaits à N-Digit à laide de Python, C++ et JavaScript

De nombreux programmeurs adorent résoudre des problèmes mathématiques délicats à l'aide de code. Il aide à aiguiser l'esprit et à améliorer les compétences en résolution de problèmes. Dans cet article, vous apprendrez à trouver les carrés et cubes parfaits à n chiffres les plus petits et les plus grands à l'aide de Python, C++ et JavaScript. Chaque exemple contient également un exemple de sortie pour plusieurs valeurs différentes.

Comment ajouter Python à la variable PATH de Windows

Comment ajouter Python à la variable PATH de Windows

L'exécution de Python à partir du terminal est souvent inévitable. Cependant, si vous venez d'installer Python sur Windows 10 pour la première fois, son exécution via le terminal Windows n'est possible que s'il est ajouté à la variable d'environnement Windows PATH.

Comment utiliser linstruction Python if

Comment utiliser linstruction Python if

L'instruction if est la force motrice de la programmation logique. En conséquence, une meilleure compréhension des Pythons est un ajout important à vos compétences en programmation Python.

Comment utiliser Python comme calculatrice de ligne de commande

Comment utiliser Python comme calculatrice de ligne de commande

Bien que vous puissiez utiliser une calculatrice graphique sur votre ordinateur, l'interpréteur du langage de programmation Python peut également servir de calculatrice de bureau. C'est une blague si populaire dans la communauté Python qu'elle est mentionnée dans le didacticiel officiel. Voici comment vous pouvez utiliser Python comme calculatrice.

Les 8 meilleurs blogs Java pour les programmeurs

Les 8 meilleurs blogs Java pour les programmeurs

En tant que programmeur, vous devez relever des défis pour survivre et créer des merveilles dans le domaine du développement ou de la programmation. Par conséquent, si vous cherchez à apprendre un langage de programmation avancé pour améliorer vos compétences professionnelles, Java est l'une des meilleures perspectives.

7 commandes vitales pour démarrer avec Python pour les débutants

7 commandes vitales pour démarrer avec Python pour les débutants

Apprendre un nouveau langage de programmation comme Python devient facile si vous disposez d'une feuille de route complète détaillant les concepts à apprendre en tant que débutant et comment progresser davantage pour atteindre le prochain jalon. Même les programmeurs intermédiaires devraient fréquemment réviser leurs bases pour se construire une base solide.

Principes de conception de sites Web réactifs

Principes de conception de sites Web réactifs

De nos jours, il est courant de créer un site Web ou une application qui ajuste son interface utilisateur en fonction du navigateur ou de l'appareil. Il existe deux approches pour atteindre cet objectif. La première consiste à créer différentes versions de votre site Web ou de votre application pour différents appareils. Mais c'est inefficace et peut conduire à des erreurs imprévisibles.

Comment compter le nombre de chiffres dans un nombre à laide de C++, Python et JavaScript

Comment compter le nombre de chiffres dans un nombre à laide de C++, Python et JavaScript

Travailler avec des nombres fait partie intégrante de la programmation. Chaque langage de programmation prend en charge la manipulation des nombres de différentes manières. Dans cet article, vous apprendrez à trouver le nombre total de chiffres dans un entier à l'aide d'approches itératives, basées sur les journaux et basées sur les chaînes.

Les 9 meilleures alternatives Docker pour la gestion des conteneurs

Les 9 meilleures alternatives Docker pour la gestion des conteneurs

Les conteneurs sont très utiles pour le développement, le déploiement et la gestion de logiciels dans un environnement virtuel. Docker est utile dans le processus de conteneurisation, mais ce n'est pas la seule plate-forme disponible. Si vous recherchez des alternatives à Docker, ne cherchez pas plus loin. Cette liste présente des alternatives Docker riches en fonctionnalités et efficaces à utiliser dans votre prochain projet.

SQL vs NoSQL : quelle est la meilleure base de données pour votre prochain projet ?

SQL vs NoSQL : quelle est la meilleure base de données pour votre prochain projet ?

SQL vs NoSQL : quelle est la meilleure base de données pour votre prochain projet ?

Comment intégrer des tweets dans vos publications WordPress

Comment intégrer des tweets dans vos publications WordPress

L'intégration de services tiers dans vos publications WordPress est un moyen passionnant de captiver l'intérêt d'un visiteur. Le contenu intégré fournit également des repères visuels qui facilitent la numérisation. WordPress a facilité l'ajout de ce type de contenu.

Comment supprimer le dossier des modules de nœud avec npkill

Comment supprimer le dossier des modules de nœud avec npkill

Node.js est un environnement d'exécution JavaScript qui vous permet d'exécuter JavaScript en dehors des navigateurs Web, ce qui en fait un choix populaire pour développer toutes sortes d'applications. Une partie de sa popularité est due à la pléthore de packages NPM disponibles pour faciliter l'expérience des développeurs.

Comment écrire et compiler votre premier code de solidité

Comment écrire et compiler votre premier code de solidité

Solidity est le langage de programmation utilisé par les contrats intelligents sur la blockchain Ethereum. C'est un langage de programmation orienté objet de type statique.