Costruisci la tua prima app Wisej.NET
Crea la tua prima applicazione Wisej.NET in Visual Studio: crea un progetto, disegna una finestra, gestisci il clic di un pulsante in C# ed esegui l’app nel browser.
Trascrizione
Modulo uno. La tua prima applicazione Wisej.NET. Costruiremo una piccola schermata che chiede un nome e mostra un saluto. Questo esempio introduce il flusso di lavoro di base: progettare l’interfaccia, gestire un evento e verificare il risultato nel browser.
In Visual Studio, scegli Create a new project. Wisej.NET usa il consueto flusso di creazione dei progetti, con modelli che forniscono i file iniziali dell’applicazione. L’interfaccia verrà eseguita nel browser, mentre il codice dei nostri eventi verrà eseguito sul server.
Cerca Wisej.NET. Questa dimostrazione usa il modello Wisej.NET 4 Web Application con C#. Selezionalo e continua. Se non compare nella tua installazione, prima di procedere verifica che siano installati l’estensione Wisej.NET e i relativi modelli di progetto.
Scegli il nome del progetto e la cartella, quindi fai clic su Create. Visual Studio genera il progetto e la finestra iniziale. Guarda Solution Explorer: qui troverai i file dell’applicazione e potrai tornare alla finestra mentre costruisci la schermata.
Compila il progetto prima di aprire il designer. La compilazione permette al designer di caricare i tipi dell’applicazione. Controlla la finestra Output e attendi il messaggio Build succeeded. Se la compilazione fallisce, risolvi gli errori prima di proseguire con il layout.
In Solution Explorer, fai doppio clic su Window1 per aprire la vista di progettazione. Qui disporremo i controlli. Il designer ne registra il layout in Window1.Designer.cs. Lascia che sia il designer a gestire quel file generato e scrivi il comportamento della schermata in Window1.cs.
Trascina i controlli dalla Toolbox alla finestra. Un’etichetta chiede il nome dell’utente, una casella di testo riceve la risposta e un pulsante avvia il saluto. Aggiungi una seconda etichetta per il risultato. Ogni controllo ha ora un ruolo preciso nell’interazione.
Imposta Name e Text per ciascun controllo nella finestra Properties. Name è l’identificatore usato dal codice; Text è ciò che vede l’utente. Usa txtName per l’input, btnSayHello per il pulsante e lblStatus per il risultato. L’etichetta del titolo si chiama lblTitle.
Fai doppio clic sul pulsante per creare il gestore Click. Leggi txtName.Text ed elimina gli spazi iniziali e finali. Se il risultato è vuoto, assegna a lblStatus.Text un messaggio che chieda di inserire un nome e termina il gestore. Altrimenti, mostra il saluto nell’etichetta. La validazione avviene prima della risposta di successo.
Premi Start per eseguire l’applicazione in locale. Quando si apre il browser, inserisci un nome e fai clic su Say Hello. Il gestore Click viene eseguito e l’etichetta del risultato mostra il saluto. Hai collegato una schermata progettata visualmente al codice C# e ne hai visto la risposta nel browser.