Construisez votre première application Wisej.NET
Créez votre première application Wisej.NET dans Visual Studio : créez un projet, concevez une fenêtre, gérez le clic d’un bouton en C# et exécutez l’application dans un navigateur.
Transcription
Module un. Votre première application Wisej.NET. Nous allons créer un petit écran qui demande un nom et affiche un message d'accueil. Ceci présente le flux de travail de base : concevoir l'interface, gérer un événement et tester le résultat dans un navigateur.
Commencez dans Visual Studio et choisissez Créer un nouveau projet. Wisej.NET utilise le flux de travail de projet familier, avec des modèles qui fournissent les fichiers d'application initiaux. L'interface s'exécutera dans le navigateur, tandis que notre code d'événement s'exécutera sur le serveur.
Recherchez Wisej.NET. Cette procédure pas à pas utilise le modèle d'application Web Wisej.NET 4 avec C#. Sélectionnez ce modèle et continuez. S'il est absent de votre propre installation, vérifiez que l'extension Wisej.NET et les modèles de projet sont installés avant de continuer.
Choisissez un nom de projet et un emplacement, puis cliquez sur Créer. Visual Studio génère le projet et sa fenêtre de démarrage. Regardez Solution Explorer : c'est ici que vous trouverez les fichiers de l'application et reviendrez à la fenêtre au fur et à mesure que vous construisez l'écran.
Construisez le projet avant d’ouvrir le concepteur. La build compile l'application afin que le concepteur puisse charger ses types. Regardez la fenêtre de sortie et attendez que la construction soit réussie. Si la construction échoue, résolvez les erreurs avant de poursuivre la mise en page.
Dans Solution Explorer, double-cliquez sur Window1 pour ouvrir sa vue de conception. C'est la surface sur laquelle nous disposons les contrôles. Le concepteur enregistre sa mise en page dans Window1.Designer.cs. Conservez ce fichier généré sous le contrôle du concepteur ; écrivez le comportement de l'écran dans Window1.cs.
Faites glisser les contrôles du Toolbox vers la fenêtre. Une étiquette demande le nom de l'utilisateur, une zone de texte accepte la réponse et un bouton lancera le message d'accueil. Ajoutez une deuxième étiquette pour le résultat. Chaque contrôle a désormais un rôle clair dans l'interaction.
Définissez les Name et Text de chaque contrôle dans la fenêtre Propriétés. Name est l'identifiant utilisé par votre code ; Text est ce que l'utilisateur voit. Utilisez txtName pour la saisie, btnSayHello pour le bouton et lblStatus pour le résultat. L'étiquette d'en-tête est lblTitle.
Double-cliquez sur le bouton pour créer son gestionnaire Click. Lisez txtName.Text et coupez les espaces. Si le résultat est vide, définissez lblStatus.Text sur un message demandant un nom, puis revenez. Sinon, mettez le message d'accueil sur l'étiquette. La validation a lieu avant la réponse réussie.
Appuyez sur Démarrer pour exécuter l'application localement. Lorsque le navigateur s'ouvre, entrez un nom et cliquez sur Dites bonjour. Le gestionnaire Click s'exécute et l'étiquette de résultat affiche le message d'accueil. Vous avez connecté un écran visuellement conçu au code C# et vu la réponse dans le navigateur.