Ihre erste Wisej.NET-App erstellen
Erstellen Sie Ihre erste Wisej.NET-Anwendung in Visual Studio: Legen Sie ein Projekt an, gestalten Sie ein Fenster, verarbeiten Sie einen Button-Klick in C# und starten Sie die Anwendung im Browser.
Transkript
Modul eins. Ihre erste Wisej.NET-Anwendung. Wir erstellen einen kleinen Bildschirm, der nach einem Namen fragt und eine Begrüßung anzeigt. Dies stellt den grundlegenden Arbeitsablauf vor: Entwerfen der Benutzeroberfläche, Behandeln eines Ereignisses und Testen des Ergebnisses in einem Browser.
Beginnen Sie in Visual Studio und wählen Sie „Neues Projekt erstellen“. Wisej.NET nutzt den bekannten Projektworkflow mit Vorlagen, die die ersten Anwendungsdateien bereitstellen. Die Schnittstelle wird im Browser ausgeführt, während unser Ereigniscode auf dem Server ausgeführt wird.
Suchen Sie nach Wisej.NET. In dieser exemplarischen Vorgehensweise wird die Webanwendungsvorlage Wisej.NET 4 mit C# verwendet. Wählen Sie diese Vorlage aus und fahren Sie fort. Wenn es in Ihrer eigenen Installation fehlt, überprüfen Sie, ob die Erweiterung Wisej.NET und die Projektvorlagen installiert sind, bevor Sie fortfahren.
Wählen Sie einen Projektnamen und einen Speicherort und klicken Sie dann auf Erstellen. Visual Studio generiert das Projekt und sein Startfenster. Schauen Sie sich Solution Explorer an: Hier finden Sie die Anwendungsdateien und kehren zum Fenster zurück, während Sie den Bildschirm erstellen.
Erstellen Sie das Projekt, bevor Sie den Designer öffnen. Der Build kompiliert die Anwendung, sodass der Designer ihre Typen laden kann. Beobachten Sie das Ausgabefenster und warten Sie, bis der Build erfolgreich war. Wenn der Build fehlschlägt, beheben Sie die Fehler, bevor Sie mit dem Layout fortfahren.
Doppelklicken Sie in Solution Explorer auf Window1, um die Entwurfsansicht zu öffnen. Dies ist die Oberfläche, auf der wir die Steuerelemente anordnen. Der Designer zeichnet sein Layout in Window1.Designer.cs auf. Behalten Sie die Kontrolle über die generierte Datei durch den Designer. Schreiben Sie das Verhalten des Bildschirms in Window1.cs.
Ziehen Sie die Steuerelemente vom Toolbox auf das Fenster. Eine Beschriftung fragt nach dem Namen des Benutzers, ein Textfeld akzeptiert die Antwort und eine Schaltfläche führt die Begrüßung aus. Fügen Sie eine zweite Beschriftung für das Ergebnis hinzu. Jedes Steuerelement hat nun eine klare Rolle in der Interaktion.
Legen Sie Name und Text jedes Steuerelements im Eigenschaftenfenster fest. Name ist die von Ihrem Code verwendete Kennung; Text ist das, was der Benutzer sieht. Verwenden Sie txtName für die Eingabe, btnSayHello für die Schaltfläche und lblStatus für das Ergebnis. Die Überschriftenbezeichnung lautet lblTitle.
Doppelklicken Sie auf die Schaltfläche, um den Handler Click zu erstellen. Lesen Sie txtName.Text und kürzen Sie die Leerzeichen. Wenn das Ergebnis leer ist, setzen Sie lblStatus.Text auf eine Nachricht, die nach einem Namen fragt, und kehren Sie dann zurück. Andernfalls tragen Sie die Begrüßung in das Etikett ein. Die Validierung erfolgt vor der erfolgreichen Antwort.
Drücken Sie Start, um die Anwendung lokal auszuführen. Geben Sie beim Öffnen des Browsers einen Namen ein und klicken Sie auf „Sagen Sie Hallo“. Der Click-Handler wird ausgeführt und die Ergebnisbeschriftung zeigt die Begrüßung an. Sie haben einen visuell gestalteten Bildschirm mit C#-Code verbunden und die Antwort im Browser gesehen.