Construye tu primera aplicación Wisej.NET
Crea tu primera aplicación Wisej.NET en Visual Studio: crea un proyecto, diseña una ventana, gestiona el clic de un botón en C# y ejecuta la aplicación en el navegador.
Transcripción
Módulo uno. Su primera aplicación Wisej.NET. Construiremos una pequeña pantalla que solicite un nombre y muestre un saludo. Esto presenta el flujo de trabajo básico: diseñar la interfaz, manejar un evento y probar el resultado en un navegador.
Comience en Visual Studio y elija Crear un nuevo proyecto. Wisej.NET utiliza el flujo de trabajo de proyecto familiar, con plantillas que proporcionan los archivos de aplicación iniciales. La interfaz se ejecutará en el navegador, mientras que nuestro código de evento se ejecutará en el servidor.
Busque Wisej.NET. Este tutorial utiliza la plantilla de aplicación web Wisej.NET 4 con C#. Seleccione esa plantilla y continúe. Si falta en su propia instalación, verifique que la extensión Wisej.NET y las plantillas de proyecto estén instaladas antes de continuar.
Elija un nombre de proyecto y una ubicación, luego haga clic en Crear. Visual Studio genera el proyecto y su ventana de inicio. Mire Solution Explorer: aquí es donde encontrará los archivos de la aplicación y regresará a la ventana a medida que construye la pantalla.
Construya el proyecto antes de abrir el diseñador. La compilación compila la aplicación para que el diseñador pueda cargar sus tipos. Mire la ventana de Salida y espere a que la compilación se haya realizado correctamente. Si la compilación falla, resuelva los errores antes de continuar con el diseño.
En Solution Explorer, haga doble clic en Window1 para abrir su vista de diseño. Esta es la superficie donde disponemos los controles. El diseñador registra su diseño en Window1.Designer.cs. Mantenga ese archivo generado bajo el control del diseñador; escriba el comportamiento de la pantalla en Window1.cs.
Arrastre los controles del Toolbox a la ventana. Una etiqueta solicita el nombre del usuario, un cuadro de texto acepta la respuesta y un botón ejecutará el saludo. Agregue una segunda etiqueta para el resultado. Cada control ahora tiene un papel claro en la interacción.
Configure Name y Text de cada control en la ventana Propiedades. Name es el identificador utilizado por su código; Text es lo que ve el usuario. Utilice txtName para la entrada, btnSayHello para el botón y lblStatus para el resultado. La etiqueta del título es lblTitle.
Haga doble clic en el botón para crear su controlador Click. Lea txtName.Text y recorte los espacios. Si el resultado está vacío, configure lblStatus.Text como un mensaje que solicite un nombre y luego regrese. En caso contrario, pon el saludo en la etiqueta. La validación ocurre antes de la respuesta exitosa.
Presione Inicio para ejecutar la aplicación localmente. Cuando se abra el navegador, ingrese un nombre y haga clic en Saludar. El controlador Click se ejecuta y la etiqueta del resultado muestra el saludo. Ha conectado una pantalla diseñada visualmente al código C# y ha visto la respuesta en el navegador.