P. 1
Tutorial:crear un formulario Web con ASP NET en Visual Studio 2008

Tutorial:crear un formulario Web con ASP NET en Visual Studio 2008

4.62

|Views: 66.047|Likes:
Publicado porCarlos
crear un formulario Web con ASP NET en Visual Studio 2008
crear un formulario Web con ASP NET en Visual Studio 2008

More info:

Published by: Carlos on Jun 20, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

05/09/2014

pdf

text

original

TUTORIAL: CREAR UN FORMULARIO WEB CON ASP.

NET EN VISUAL STUDIO 2008

Este tutorial ofrece una guía para el usuario en la que se muestran las técnicas básicas para crear una nueva página, agregar controles y escribir código necesario para el funcionamiento de nuestro formulario Web. Objetivos: • •
• •

Crear un sitio Web Crear una página ASP.NET Agregar controles para la implementación de un formulario Web Ejecutar las paginas con el Servidor Web

Para completar este tutorial será necesario:  Visual Studio 2008  El entorno .NET Framework

Carlos De Gracia

Tutorial: Como crear un formulario con ASP.NET en Visual Studio 2008.

. elija Nuevo (New). Para crear un sitio Web: 1. En el menú Archivo (File).NET en Visual Studio 2008... luego Sitio Web (Web Site. Carlos De Gracia Tutorial: Como crear un formulario con ASP.). Abra Visual Studio 2008. 2. Nos aparece el cuadro de dialogo Nuevo Sitio Web (New Web Site).Crear un sitio y una página Web Aquí crearemos un sitio Web y le agregaremos una nueva página.

5. seleccione Sistemas de Archivos (File System) y escriba la dirección donde desea guardar la página del sitio Web. el cual será el lenguaje predeterminado del sitio Web que crearemos. En Plantillas instaladas de Visual Studio (Visual Studio installed templates). En la lista Lenguaje (Language).3. Haga clic en Aceptar (OK). Se creará una carpeta y una nueva página llamada Default. 4.NET Web Site) Esta plantilla Sitio Web ASP. .aspx. 6.NET en Visual Studio 2008. En el cuadro Ubicación (Location).NET creará varias carpetas y archivos predeterminadas. seleccione Visual C#. Carlos De Gracia Tutorial: Como crear un formulario con ASP.NET (ASP. haga clic en Sitio Web ASP.

haciendo clic derecho sobre la pestaña que contiene la pagina y escoja la opción Cerrar (Close). Desactive la casilla de verificación Colocar el código en un archivo independiente (Place code in separate file). sino que crearemos una página nueva y trabajaremos en ella. 3. En Plantillas instaladas de Visual Studio (Visual Studio installed templates). haciendo clic derecho sobre el Sitio Web en el Explorador de Soluciones (Solution Explorer). coloque un nombre para nuestra página. 2. seleccione el lenguaje de programación Visual C#. 6. En la lista Lenguajes (Language). En el cuadro Nombre (Name).aspx. Carlos De Gracia Tutorial: Como crear un formulario con ASP. 4. Ahora agregará una nueva página a nuestro Sitio Web. 5.NET En esta sección no trabajaremos con la página predeterminada Default. Cierre la página Default. . escoja la opción Web Form.NET en Visual Studio 2008.Crear una página ASP. Para agregar una página al Sitio Web: 1.aspx.

cuadros de texto. RadioButton y Button. Cambie a la vista Diseño (Design). Carlos De Gracia Tutorial: Como crear un formulario con ASP. DropDownList. 2. Agregar y programar controles para la implementación de un formulario Web En esta parte del tutorial agregaremos controles de servidor a la página. además de que agregaremos código para controlar el evento Click del control Button.7. TextBox. entre los cuales están botones. etiquetas. . Haga clic en Agregar (Add). Para agregar controles a la página: 1.NET en Visual Studio 2008. En el cuadro de herramientas localizado en el lateral izquierdo se encuentran los controles estándar que utilizará: Label.

Además le asigna a la propiedad Checked el valor True para uno de los botones de acción. en la ventana de propiedades seleccione para ambos la propiedad GroupName y le asigna el mismo nombre. . Esto permitirá escoger solo una de las opciones que se mostrarán en nuestro formulario. 4.NET en Visual Studio 2008. Presiones SHIFT+ENTER varias veces para dejar espacio.3. Arrastre estos controles hacia la página para crear la interfaz de nuestro formulario. Carlos De Gracia Tutorial: Como crear un formulario con ASP. Al insertar los botones de acción (RadioButton) en nuestra página.

con lo cual podemos adherir la cantidad de elementos a listar. Esto nos cambiará automáticamente a la vista Código fuente (Source) y crea un esquema del controlador de eventos para el evento Click del control Button.). por lo que pasamos a editar las etiquetas en la ventana de propiedades. hacemos doble clic sobre el control Button. como lo muestra la imagen. Para el caso de las listas desplegables (DropDownList). Programar el control Button En esta parte del tutorial. Carlos De Gracia Tutorial: Como crear un formulario con ASP. con solo seleccionar las tareas de listas desplegables (DropDownList Task) escoger la opción Editar Elementos (Edit Items.. agregaremos código que permita leer los datos introducidos por el usuario al formulario y luego al presionar el botón se desplegarán esos mismos datos a través de los controles Label. Visual Studio permite editar los datos a listar de una manera sencilla. . necesitamos que solo nos muestren la información requerida al realizar un clic sobre el botón Desplegar datos. rellenando con un espacio vacío la propiedad Text de las mismas. 6. Agregando el controlador de eventos de botón: 1. En la vista Diseño (Design).NET en Visual Studio 2008.. Ahora para el caso de las etiquetas (Label).5.

Label1. Observe que ahora en la vista Código fuente el elemento <asp:Button> tiene el atributo onclick=”Button1_Click”. if (DropDownList1.SelectedItem.Text == "Soltero/a") Label3. if (DropDownList1.Text = "Su estado civíl es casado".SelectedItem.Text = "Su estado civíl es soltera". . else Label3.Text = "Su estado civíl es soltero". Dentro del controlador de eventos Click para el botón agregue el siguiente código escrito en Visual C#.Text = "Su estado civíl es casada". } 3.Text + " " + TextBox2.NET en Visual Studio 2008.Text = "Usted es Mujer de " + edad + " años". } else{ Label2.2.añonac. Ejecutar la página Carlos De Gracia Tutorial: Como crear un formulario con ASP.Text == "Soltero/a") Label3. if (RadioButton1.Text. int añonac = int.Text = "Usted es Hombre de " + edad + " años".Parse(TextBox5.Text).Text = "Su nombre es " + TextBox1.Checked) { Label2. else Label3. Este atributo enlaza el evento Click del botón al método controlador codificado. int edad = 2008 .

Aunque la pagina se muestra en el explorador con extensión . Con esto aparece un icono en la barra de tareas. Podemos utilizar el Internet Information Server (IIS) como servidor Web. 2. Rellene el formulario con los datos correspondientes y haga clic en el botón. pero en nuestro caso utilizaremos para probar la página el servidor de desarrollo de ASP.aspx.Para ejecutar la página necesitaremos un servidor Web. que se ejecuta localmente y no requiere IIS.NET en Visual Studio 2008. Ahora probaremos nuestra página: 1. . Carlos De Gracia Tutorial: Como crear un formulario con ASP. se ejecuta como cualquier pagina HTML. que indica que el servidor Web está en ejecución. Presione CTRL+F5 para ejecutar la página.NET.

edad y estado civil del usuario. 4. sólo se ve HTML ordinario.Los controles Label se encargarán de desplegar el nombre.NET en Visual Studio 2008. Por ejemplo. Carlos De Gracia Tutorial: Como crear un formulario con ASP. 3. sexo. . Cierre el explorador. el control <asp:Button> se representa como elemento HTML <input type="submit">. no se ven los elementos <asp:> con los que ha trabajado en la vista Código fuente. En el explorador. vea el código fuente de la página que está ejecutando En el código fuente de la página.

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->