ASP Net - Manual Web Matrix

8/17/2019 ASP Net - Manual Web Matrix

1/111

Primeros Pasos Introducción Principales herramientas

Su primera página ASP.NET

Crear una nueva página ASP.NET Construir una página "hola mundo" con ASP.NET Ejecutar páginas con el Servidor e! incorporado

Aadir un #ich Calendar e! Control Ejecutar páginas con el Servidor e! IIS $sar la %aler&a de Controles en '&nea

Creando una Base de Datos Conectarse a un Servidor de (ase de )atos Crear una nueva (ase de )atos Crear una nueva ta!la Editar datos en una ta!la )esconectarse de la (ase de )atos Conectarse a una (ase de )atos e*istente

Páginas ASP.NET con Datos +ostrar datos con +*)ata%rid )ar ,ormato al +*)ata%rid $sar el )ata Code (uilder )ar ,ormato al )ata%rid Plantillas - )ata'ist )rop)on'ist Code (uilder

Servicios Web XM con ASP.NET Crear un nuevo Servicio e! /+' e!+ethod 0Su!tract0 e!+ethod de acceso a datos Crear un cliente de Servicios e!

Desarro!!o m"vi! con ASP.NET Crear una nueva página para dispositivos móviles

Aadir +o!ile Controls Pro!ar páginas para dispositivos móviles

#osting $SP%&TP Conectarse a un proveedor de hosting +odi,icar una página ASP.NET remota )esconectarse del proveedor de hosting

A'uda ' Comunidad Archivos de plantilla Comunidad (1s2ueda +- Snippets Class (roser

Construir una Ap!icaci"n de Punta(a(Punta Acerca de la Aplicación Crear la ta!la 0$sers0 Introducir datos del usuario Crear una página +aster3)etails Crear una página de 'ogin Crear un archivo e!.Con,ig Crear la página de #egistro Ejecutar la Aplicación

Temas Avan)ados Pre,erencias del usuario

Primeros Pasos Introducción

Bienvenido al Tour Guiado de ASP.NET Web Matrix

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/intro.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/tooloverview.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/tooloverview.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/createnewpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/createnewpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addbasiccontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addbasiccontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/runviamatrixweb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/runviamatrixweb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addadvcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addadvcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/runviaiisweb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/runviaiisweb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addcustomcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addcustomcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/newconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdbtables.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdbtables.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/adddata.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/adddata.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/disconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/existconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/existconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/binddatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/binddatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/formatdatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/dgcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/dgcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/formatdatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/formatdatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/thedatalist.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/thedatalist.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/ddlcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/ddlcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createnewxmlws.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createnewxmlws.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/subwebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/subwebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/dawebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/dawebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createwsclient.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createwsclient.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/createnewmobilepage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/createnewmobilepage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/addmobilecontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/addmobilecontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/testmobilepage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/modifypage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/modifypage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpdisconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/projtemplates.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/projtemplates.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/community.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/community.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/search.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/search.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/mysnippets.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/mysnippets.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/classbrowser.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/about.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/about.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createuserstable.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createuserstable.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/adddata.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createdefaultpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createdefaultpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createloginpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createloginpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createwebconfig.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createwebconfig.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createregpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createregpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/runapp.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/runapp.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section10/userprefs.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/intro.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/tooloverview.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/createnewpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addbasiccontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/runviamatrixweb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addadvcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/runviaiisweb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addcustomcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/newconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdbtables.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/adddata.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/disconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/existconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/binddatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/formatdatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/dgcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/formatdatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/thedatalist.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/ddlcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createnewxmlws.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/subwebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/dawebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createwsclient.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/createnewmobilepage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/addmobilecontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/testmobilepage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/modifypage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpdisconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/projtemplates.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/community.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/search.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/mysnippets.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/classbrowser.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/about.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createuserstable.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/adddata.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createdefaultpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createloginpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createwebconfig.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/createregpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section9/runapp.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section10/userprefs.asp


2/111

El Tour Guiado de ASP.NET Web Matrix es un tutorial diseñado para familiarizar rápidamente al desarrollador con lasintaxis la ar!uitectura " el poder del entorno de desarrollo de ASP.NET Web. #ste está planteado paso a paso e inclu"ecomentarios de soporte para facilitar el se$uimiento " comprensi%n de mismo. As& tambi'n pro(ee diferentes e)emploslos !ue están diseñados para ser cortos " fáciles de entender ilustrando las caracter&sticas de Web Matrix.

A su disposici%n tambi'n se encuentra un foro de discusi%n de ASP.NET Web Matrix *localizado en +++.asp.net, paraesclarecer las dudas !ue se ten$an respecto a 'ste.

¿Qué nivel de experiencia se requiere en el Tour Guiado?

-sted debe tener conocimiento sobre la terminolo$&a TM/ " desarrollo Web en $eneral. Si bien no necesita experienciapre(ia en ASP.NET deber&a estar familiarizado con los conceptos referentes a las pá$inas Web interacti(as inclu"endoformularios 0M/ " acceso a datos.

Si$uiente Paso 11

Primeros Pasos Principales Herramientas de ASP.NET Web Matrix

/a si$uiente pantalla muestra a ASP.NET Web Matrix en e)ecuci%n " resalta mediante un c&rculo ro)o las distribucionesde las 2erramientas más importantes con la cuales usted debe familiarizarse.

$DNombreDescripci"n

Menu Bar

El +enu (ar 4(arra de +en15 de ASP.NET e! +atri*6 es el área sealada en la parte superior de la

ventana principal de ASP.NET e! +atri* directamente a continuación de la !arra de t&tulo. El +enu (arinclu-e un conjunto de t&tulos de men16 los cuales proveen acceso a opciones compuestas por una colecciónde &tems u opciones.

'os men1s muestran una lista de comandos disponi!les para el usuario. Estos son distintos tipos de men1s6

http://www.asp.net/http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/tooloverview.asphttp://www.asp.net/http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/getstarted/tooloverview.asp


3/111

inclu-endo desplega!les6 de acceso rápido - en cascada.

Cuando usted mueve el puntero so!re el t&tulo del men1 - hace clic con el !otón primario del mouse6 el

mismo es resaltado - la lista de opciones asociada aparece. Cuando mueve el puntero so!re la opción delmen16 el men1 sigue el movimiento del puntero6 resaltando cada opción 2ue es pasada por el puntero delmouse. Para seleccionar el comando asociado con la opción6 mueva el puntero so!re la opción - haga cliccon el !otón primario del mouse. 'a lista de opciones se cerrará.

$sted tam!i7n accede a la lista de opciones presionando la tecla A'T 4o 89:5 2ue activa el +enu (ar.

Cuando presiona una tecla al,anum7rica6 mientras mantiene presionada la tecla A'T6 o despu7s 2ue la tecla A'T es soltada6 el ASP.NET e! +atri* muestra la lista de opciones 2ue corresponde con la tecla de acceso

al,anum7rica presionada. Note 2ue la correspondencia no es sensi!le a ma-1sculas o min1sculas.

Standard Too!bar

El Standard Tool!ar 4!arra de herramientas estándar5 de ASP.NET e! +atri* es el área 2ue se encuentra

en la parte superior de la ventana principal6 directamente a continuación del +enu (ar.

$n tool!ar es un panel 2ue contiene un conjunto de controles6 diseado para proveer acceso rápido -

directo a comandos u opciones espec&,icas.

$sted puede acceder a los controles incluidos en el tool!ar usando el mouse o teclas de acceso.

Too!bo*

El Tool!o* 4caja de herramientas5 es el área mostrada en la parte i;2uierda de la ventana principal de

ASP.NET e! +atri*6 directamente a continuación de la ventana )ocument 4)ocumento5. 'as opcionesdisponi!les del Tool!o* cam!ian dependiendo de la página de diseos 2ue se est7 usando.

$n tool!o* es un panel 2ue contiene un conjunto de controles - herramientas 2ue usted usa mientras

disea su aplicación e!. Cada conjunto de controls - herramientas es ,uncionalmente organi;ada ensolapas separadas dentro del Tool!o*.

$sted puede seleccionar - arrastrar opciones6 te*to - controles del Tool!o* en ,ormularios6 páginas -

diseadores6 - arrastrar opciones de ese origen6 al Tool!o* para ser usado despu7s. Por ejemplo6 ustedpuede arrastrar un control (utton de la solapa space indo provee una organi;ación de vistas a los archivos del sistema - a los archivos

a!iertos6 asi como tam!i7n un acceso listo a +S)E - al almac7n de datos S@'.


4/111

El or>space indo sirve para navegar - a!rir archivos en ASP.NET e! +atri*. Tam!i7n se puede

utili;ar para conectarse con +S)E - S@' Server6 manipular datos6 - mantener ta!las - procedimientosalmacenados.

Properties Windo+

El Properties indo 4=entana de Propiedades5 de ASP.NET e! +atri* es el área 2ue se indica en la

parte in,erior derecha de la ventana principal6 directamente a continuación del or>space indo.

'as propiedades de,inen el estado6 comportamiento - apariencia de la página ASP.NET6 de documentos ocontroles. 'a ma-or&a de los controles grá,icos contienen propiedades 2ue pueden ser cam!iadas para de,inirsu apariencia visual. Controles6 documentos - páginas ASP.NET pueden e*poner tam!i7n propiedades 2ueespeci,ican cómo van a interactuar con el usuario - la in,ormación 2ue necesitan para operar en tiempo deejecución.

El Properties indo muestra di,erentes tipos de campos de edición6 dependiendo de la necesidad

particular de la propiedad. Estos campos de edición inclu-en cajas de edición6 listas desplega!les6 - lin>s acuadros de diálogo de edición personali;ados. 'as propiedades mostradas grisadas son solo de lectura.

Con el Properties indo se pueden ver - cam!iar las propiedades en tiempo de diseo - tam!ien los

eventos de los o!jetos seleccionados 2ue están locali;ados en editores - diseadores. Tam!i7n es 1til paraver - !uscar los Assem!lies .NET o acceder a la Comunidad nline para !uscar a-uda.

Si$uiente Paso 11

Su Primera Página ASP.NETCrear una nueva p!ina ASP.NET

En esta $u&a usted (a a crear una nue(a pá$ina ASP.NET " para ello debe se$uir los si$uientes pasos3

1. Abra Microsoft ASP.NET Web Matrix, y verá aparecer el cuadro de dialogo Ne !ile.

2. Seleccione "General# del panel Tem$lates.

3. Seleccione la plantilla ASP.NET Page.

4. Escriba la ruta de archivo (path) en el cuadro %ocation.

. Escriba myFirstPage.aspx en el cuadro !ilename.

!. Seleccione &isual Basic en el cuadro desplegable %anguage.

". #aga clic$ en '( . %entana de diálogo Ne !ile&

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/createnewpage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/createnewpage.asp


5/111

'. El archivo myFirstPage.aspx se abrirá en la vista )esign y estará listo para editar.

Si$uiente Paso 11

Su Primera Página ASP.NETConstruir una p!ina "#ola mundo" ASP.NET

4on los pasos !ue se detallan a continuaci%n usted podrá crear una pá$ina simple 52ola mundo5 ASP.NET.Para ello tendrá !ue añadir a la pá$ina ASP.NET !ue cre% en la secci%n anterior tres controles de ser(idorbásicos " lue$o tendrá !ue a$re$ar una l&nea de c%di$o para poder acceder a ellos " modificarlos en el

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addbasiccontrols.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addbasiccontrols.asp


6/111

ser(idor.

1. e la solapa Web *ontrols en el Toolbox (sobre la ano i*+uierda de la herraienta), arrastre un control%abel, un control TextBox y un control Button sobre la página AS.-E. Entre las colocaciones de cadacontrol, presione la tecla Enter.

2. Seleccione la solapa +TM%, ubicada deba/o del ocuent 0indo, para ver el # +ue AS.-E 0ebatri gener5, coo resultado de las tres operaciones anteriores. 6sted puede odi7icar el contenido de la

página htl, usando la solapa de dise8o grá7ico (siilar coo lo hi*o en el paso anterior) o directaente

editando el contenido con la solapa +TM% o la solapa All.3. 4. 5. 6. 7. 8. !. #abel1%. 11. 12. 13. 14. 15. 16.

17.


7/111

propiedad Text del control %abel. Esto perite +ue se despliegue un ensa/e de bienvenida personali*ado,usando el valor introducido en el TextBox&

25. -ub (utton1+,l$)*sender s 0be)t e s ventrs26. #abel1.&e't = "ello " &e't(o'1.&e't " el)ome to the -9.:& ;eb atr$'

9roe)t" nd -ub

27. ?pcionalente, seleccione la solapa All para ver todo el contenido de la página AS.-E. Esto incluyeabas secciones de la página, htl y c5digo, y proporciona una vista conveniente +ue perite ver elc5digo@contenido copleto de la página&

28. 2!.3%. 31.32. -ub (utton1+,l$)*sender s 0be)t e s ventrs33.34. #abel1.&e't = "ello " &e't(o'1.&e't " ;el)ome to the -9.:& ;eb

atr$' 9roe)t"35.36. nd -ub37.38. 3!.4%. 41.42.

43. 44. 45. #abel46. 47. 48. 4!. 5%. 51. 52. 53.


8/111

a. Seleccionando Save del enC !ile.

b. #aciendo clic en el bot5n Save !ile sobre el Standard toolbar.

2. E/ecute la página AS.-E. #ay tres 7oras de e/ecutar una página en el entorno de desarrollo de AS.-E 0ebatri&

a. Seleccionando Start en el enC &ie.

b. #aciendo clic en el bot5n Start sobre el Standard toolbar.

c. resionando la tecla !,. Este ata/o ocasiona +ue la página se e/ecute.

3. Seleccionando cual+uiera de las 7oras anteriorente citadas se abrirá el cuadro de diálogo Start WebA$$lication&


9/111

#ay dos opciones en el cuadro de diálogo Start Web A$$lication&

( )se ASP.NET Web Marix Server* Esta opci%n sir(e para alo)ar la aplicaci%n +eb usando el ser(idor+eb "a incorporado !ue (iene con ASP.NET Web Matrix. Note !ue el ASP.NET Web Matrix Ser(er soportasolo peticiones bro+ser locales por razones de se$uridad. 8e esta manera usted no podrá na(e$arnin$una pá$ina remotamente.

( )se a ne+ ""S ,irual -oo* Esta opci%n permite alo)ar la aplicaci%n +eb usando el ser(idor +ebMicrosoft 99S. Note !ue esta opci%n es discutida mas adelante en el Tour Guiado.

4. #aga clic en la opci5n -se ASP.NET Web Matrix Server y Escriba 8080 en el cuadro A$$lication Port.

. #aga clic en el bot5n Start.

!. El ASP.NET Web Matrix Server iniciará y aparecerá un >cono en el syste tray (bande/a de sistea).

Nota El cuadro de diálogo Start Web A$$lication y el >cono syste tray ASP.NET Web Matrix Server denoti7icaci5n, aparecen la priera ve* +ue usted e/ecuta la página. En las subsecuentes e/ecuciones de página,AS.-E 0eb atri va usar el Servidor 0eb +ue ha sido especi7icado la priera ve* +ue se e/ecut5 la página.AS.-E 0eb atri no va preguntar por el Servidor 0eb nuevaente, hasta +ue cierre y reabra el entorno dedesarrollo de AS.-E 0eb atri y e/ecute la página otra ve*, o detenga anualente y arran+ue el ASP.NETWeb Matrix Server.

". ado +ue la página AS.-E +ue desarroll5 en la secci5n anterior no aparecerá autoáticaente en una nueva


10/111

instancia de su Eplorador 0eb, Escriba un nobre en el TextBox y #aga clic en el Button. El nobreaparecerá en el %abel con el ensa/e de bienvenida.

'. =ierre la instancia del Servidor 0eb.

Si$uiente Paso 11

Su Primera Página ASP.NET A%adir un &ic# Calendar Web Control

A continuaci%n usted añadirá un control ser(er ASP.NET más a(anzado *el control alendar, para la pá$ina!ue desarroll% en la secci%n anterior. Para 2acer esto por fa(or si$a los pasos a continuaci%n3

1. Abra el archivo myFirstPage.aspx.

2. Seleccione la solapa )esign para ver la vista en odo dise8o.

3. e la solapa Web *ontrols en el oolbo, arrastre el control =alendar a la página AS.-E, entre el controlet;o y el control ;utton.

Noa El control alendar muestra un solo mes del calendario permitiendo al usuario seleccionar

fec2as " mo(erse al si$uiente o anterior mes. Este control es más a(anzado por!ue usted puedepersonalizar la apariencia del control alendar confi$urando las propiedades !ue controlan el estilo delas diferentes partes del control inclu"endo el contenido " el formato. En tiempo de e)ecuci%n estoemite salidas 2tml estándar ase$urando cual!uier cliente bro+ser *9E Netscape :pera etc,.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addadvcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addadvcontrol.asp


11/111

4. Seleccione el control *alendar con su ouse.

5. #aga clic en el lin$ Auto !ormat en la parte in7erior de la ventana Pro$erties (aba/o, a ano i*+uierda de laherraienta).

6. El cuadro de diálogo *alendar Auto !ormat aparecerá. Este cuadro de diálogo perite +ue seleccione, de uncon/unto prede7inido de colores, estilos de borde y otras con7iguraciones (re7erido coo schee o es+uea) yaplicar 9stos al control *alendar.


12/111

7. Seleccione la opci5n Sim$le en el schee %istBox. =uando se selecciona un es+uea, las con7iguraciones deliso son aplicadas a las propiedades del control. -ote +ue la vista previa del *alendar ostrará el es+ueaaplicado.

8. #aga clic en '( para seleccionar el es+uea :Siple:.

!. Seleccione la solapa +TM% para ostrar la página en vista #.

Noa El diseño de es!uema del control alendar es persistente as& como el con)unto de propiedadesTM/ confi$uradas. Estas propiedades se pueden actualizar manualmente en futuras personalizacionesde estilo de los controles. Tambi'n se pueden intercambiar la solapa diseño " usar la $rilla paramodificar indi(idualmente esas propiedades.


13/111

fontCbold="&rue" fore)olor=";h$te" ba)*)olor="E666666">

1%. Seleccione la solapa )esign y haga doble clic en el control Button. AS.-E 0eb atri abrirá la vista *ode con el 9todo ;utton1


14/111

Su Primera Página ASP.NET E$ecutar p!inas con el Servidor Web IIS

En esta fase usted $rabará " e)ecutará la pá$ina ASP.NET !ue desarroll% en las secciones anterioresusando un ser(idor +eb 99S. Note !ue deber&a tener instalado 99S en su e!uipo para realizar esta seriede pasos.

1. riero cierre el ASP.NET Web Matrix Web Server. resionando el bot5n derecho sobre el >conoen la bande/a de entrada ASP.NET Web Matrix Web Server (aba/o, a ano derecha de su ventanade escritorio) y seleccionando Sto$.

2. E/ecute de nuevo la página AS.-E, presionando el bot5n start o presionando D y aparecerá elcuadro de diálogo Start Web A$$lication&

3. #aga clic en la opci5n -se a ne S &itual /oot.

4. Escriba MatrixTour en la ca/a A$$lication Name.

. -o seleccione el chec$ bo Enable )irector0 Brosing (predeterinado).

!. #aga clic$ en Start.

". AS.-E 0eb atri creará un nuevo irectorio %irtual de S llaado MatrixTour y su páginaAS.-E aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb.

Note !ue al i$ual !ue la opci%n de Web deplo"ment de ASP.NET Web Matrix no se muestra elicono en la bande)a del sistema o notificaci%n de mensa)e cuando una pá$ina es instalada*deplo"ed, (&a la opci%n ""S Web Server. Para modificar la confi$uraci%n del Ser(idor Webuse la 2erramienta 99S Administration o elimine el directorio (irtual !ue 2a creado.

"#porane* ASP.NET Web Matrix no pre$untará para especificar un Ser(idor Webnue(amente 2asta !ue usted cierre " abra de nue(o el entorno de desarrollo de ASP.NET WebMatrix (ol(iendo a e)ecutar la pá$ina.

'. =ierre la instancia del Servidor 0eb.

Si$uiente Paso 11

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addcustomcontrol.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section1/addcustomcontrol.asp


15/111

Su Primera Página ASP.NET'sar la (aler)a de Controles en *)nea

ASP.NET Web Matrix inclu"e un puente al ASP.NET /nline Server onrol Galler0. /a $aler&a de controleses un directorio de controles de ser(idor ASP.NET !ue usted puede usar en sus aplicaciones. Esta $aler&a esfrecuentemente actualizada por tanto es aconse)able re(isarla re$ularmente para encontrar nue(os controles!ue puede usar en sus aplicaciones.

Si$uiendo esta serie de pasos usted añadirá un uso# conrol desde el /nline o#ponen Galler0 para

una nue(a pá$ina ASP.NET.

1. Abra ASP.NET Web Matrix y verá el cuadro de diálogo Ne !ile.



4. Escriba la ruta del archivo en el cuadro %ocation.

5. Escriba myFirstCustomPage.aspx en el cuadro !ilename.

6. Seleccione &isual Basic en la lista desplegable %anguage.

7. #aga clic en '( y el archivo myFirstCustomPage.aspx se abrirá en vista )esign.

8. #aga clic en la solapa *ustom *ontrols del Toolbox, ubicado sobre a la i*+uierda de la herraienta.

!. #aga clic con el bot5n secundario sobre el Toolbox para a8adir un control personali*ado. uede agregarcontroles personali*ados, buscando en la estaci5n de traba/o local o en la 'nline *om$onent Galler0.


16/111

1%. Seleccione la opci5n Add 'nline Toolbox *om$onents y aparecerá el cuadro de diálogo *om$onentGaller0. El contenido de este cuadro de diálogo es llenado por un F 0eb Service +ue se e/ecuta en elebsite .asp.net.

11. 6sted puede buscar coponentes en la 'nline *om$onent Galler0 por *ategor0 (predeterinado) o por(e0ord (palabra clave).

12. Seleccione el >te )ata 1 2M% *ontrols en la lista *ategories y se presentará el )ata 1 2M% *ontrols coo resultado en la grilla.

13. Seleccione el control 2M%EditGrid en la grilla de resultados y verá aparecer una descripci5n. El control2M%EditGrid enla*a un arc3ivo 2M% con un )ataGrid.


17/111

14. #aga clic en nstall.

15. AS.-E 0eb atri le hará una pregunta en la ca/a de diálogo. #aga clic en 4es para instalar en l>nea elcoponte en el Global Assembl0 *ac3e "GA*#.

16. uego aparecerá el 2M%EditGrid en la ca/a de herraientas *ustom *ontrols. Este server control 7uecargado e instalado en su á+uina, para peritir su uso en cual+uier página AS.-E.

17. Arrastre el control 2M%EditGrid en la página AS.-E, desde la solapa de *ustom *ontrols en elToolbox.


18/111

18. =ree un nuevo arc3ivo 2M% para enla*arlo con el 2M%EditGrid&

a. Seleccione Ne del enC !ile.

b. Seleccione "General# del panel Tem$lates.

). Seleccione la plantilla 2M% !ile.

d. Escriba la ruta de acceso de archivo en el cuadro %ocation.

e. Escriba myFirstXMLFile.xml en el cuadro !ilename.

Noa /a extensi%n del arc2i(o de la pá$ina ASP.NET es aspx . /a extensi%n del arc2i(o para un0M/ es xml .

f. #aga clic$ en '( y el archivo myFirstXMLFile.xml se abrirá.


19/111

. Agregue un eleento F y atributos F para myFirstXMLFile.xml &h. $. . 1*. 4/23/2%%2l. (ob -m$thm. n. o. 2. 5/12/2%%2H. -ally Ionesr. s.

t. Brabe y cierre el archivo.

2. Seleccione la solapa )esign de la página AS.-E y seleccione el control 2M%EditGrid.

3. Seleccione la propiedad 2M%!ile en la ventana Pro$erties.

4. =abie la propiedad 2M%!ile del 2M%EditGrid a myFirstXMLFile.xml . Esta propiedad liga el arc3ivo2M% con el 2M%EditGrid.


20/111

5. Seleccione el control 2M%EditGrid.

6. #aga clic$ en el lin$ Auto !ormat, en la parte in7erior de la ventana Pro$erties.

7. El cuadro de diálogo 2M%EditGrid Auto !ormat aparecerá. Gste perite seleccionar un con/unto prede7inido de colores, estilos de borde y otras con7iguraciones re7eridas a un es+uea y aplicar 9stos alcontrol 2M%EditGrid.

8. Seleccione la opci5n Sim$le 5 en la lista de es+ueas y la con7iguraci5n de 9stos se aplicara aplicada a las propiedades del control. -ote +ue la vista previa uestra coo se verá el 2M%EditGrid con el es+ueaaplicado.

!. #aga clic en '( .


21/111


22/111

sobre su Servidor 0eb. -ote +ue esta operaci5n re+uiere perisos en el eb server para escribir un archivo(si no los tiene, ocurrirá una ecepci5n cuando presione el bot5n grabar). e anera predeterinada lasaplicaciones AS.-E se e/ecutan ba/o S y no tienen perisos para escribir archivos (en este caso senecesita conceder epl>citaente a la cuenta :AS-E:, acceso de escritura a archivos).

16. Abra el archivo myFirstXMLFile.xml .

17. %erá un nuevo registro con 'rder) de 3 en el arc3ivo 2M%&

18.


23/111

*reando una Base de )atosConectarse a un Servidor de +ase de ,atos

ASP.NET Web Matrix simplifica el desarrollo de aplicaciones de base de datos ASP.NET inclu"endosoporte para Microso! SQ1 Server " MS2E *un producto $ratuito " compatible con las base de datosde S;/ Ser(er, para la administraci%n de la misma dentro del entorno de desarrollo ASP.NET WebMatrix.

MS8E está disponible para descar$a en 2ttp3


24/111

2. #aga clic en el bot5n Ne *onnection sobre el toolbar de la ventana )ata.

3. El cuadro de diálogo *onnect to )atabase aparecerá.

4. Escriba lo#alhost en el cuadro Server (predeterinado).

. #aga clic en el bot5n de elecci5n Windos aut3entication.

Noa Solo si su confi$uraci%n de S;/ Ser(er re!uiere autentificaci%n 2a$a clic en el bot%nSQ1 Server au3enicaion " escriba una cuenta de S;/ Ser(er (álida en los cuadros )serna#e " Pass+ord.

Si$uiente Paso 11

*reando una Base de )atosCrear una nueva +ase de ,atos-sted puede conectarse a una base de datos existente o crear una base de datos desde ASP.NET WebMatrix.

A continuaci%n usted creará una nue(a base de datos llamada Orders dentro de su ser(idor de base dedatos. Para ello.

1. =oplete la serie de pasos titulada *onnect to a ne data source.

2. #aga clic en el enlace *reate a ne database ubicado en la parte in7erior del cuadro de diálogo*onnect to )atabase.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdb.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdb.asp


25/111

3. %erá aparecer el cuadro de diálogo Enter nformation. Escriba $r%ers en el cuadro de base de datosy haga clic en '( .

4. AS.-E 0eb atri creará una nueva base de datos $r%ers. Aparecerá una vista de árbol en laventana Wor6s$ace +ue contiene un nodo padre llaado lo#alhost.$r%ers . Este nodo contiene dosnodos hi/os& uno llaado Ta&les y otro llaado 'tore% Pro#e%ures.

Si$uiente Paso 11

*reando una Base de )atosCrear una nueva tabla

4on esta serie de pasos usted creará una nue(a tabla llamada Orders en la base de datos Orders.

1. #aga clic en el nodo Tables del árbol de la ventana )ata y luego haga clic en el bot5n Ne tem enel toolbar de la ventana )ata.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdbtables.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/createnewdbtables.asp


26/111

2. Aparecerá el cuadro de diálogo *reate Ne Table.

3. Escriba $r%ers en el cuadro Table Name.

4. #aga clic en el bot5n Ne de la parte *olumns en el cuadro de diálogo.

. Escriba $r%er(" en el cuadro Name de la parte *olumn Pro$erties en el cuadro de diálogo.

!. Seleccione nt en la lista )ata T0$e.

". Seleccione el cuadro de veri7icaci5n /e7uired y los cuadros de veri7icaci5n Primar0 (e0 y Auto8increment.

'. #aga clic en Ne para seguir a8adiendo colunas.

K. Agregue una segunda coluna en la tabla $r%ers llaada $r%er"ate con las siguientes propiedades&

9 Name& ?rderate9 )ata T0$e& ateie9 /e7uired& rue (chec$ed)9 Primar0 (e0& Dalse (unchec$ed)


27/111

1I. Agregue una tercera coluna en la tabla $r%ers llaada Customer)ame con la siguientes propiedades&

9 Name& =ustoer-ae9 )ata T0$e& %ar=har9 /e7uired& rue (chec$ed)9 Primar0 (e0& Dalse (unchec$ed)9 !ield Si:e& I (de7ault)

11. #aga clic$ en '( para grabar la tabla $r%ers en la base de datos $r%ers.

12. a tabla $r%ers aparecerá coo un nodo hi/o de Tables en la ventana )ata.

13. #aga clic en el nodo Tables del árbol y luego en el bot5n Ne tem en el toolbar de la ventana )ata.Agregue una segunda tabla en la base de datos $r%ers llaada $r%er"etails.

14. A8ada una coluna de clave priaria para la tabla $r%er"etails llaada $r%er"etail(" con lassiguientes propiedades&

9 Name& ?rderetail9 )ata T0$e& nt


28/111

9 /e7uired& rue (chec$ed)9 Primar0 (e0& rue (chec$ed)9 Auto8increment& rue (chec$ed)

1. Agregue una segunda coluna en la tabla $r%er"etails llaada $r%er(" con las siguientes propiedades&

9 Name& ?rder9 )ata T0$e& nt9 /e7uired& rue (chec$ed)9 Primar0 (e0& Dalse (unchec$ed)

9 Auto8increment& Dalse (unchec$ed)1!. A8ada una tercera coluna en la tabla $r%er"etails llaada Pro%u#t)ame con las siguientes

propiedades&

9 Name& roduct-ae9 )ata T0$e& %ar=har9 /e7uired& rue (chec$ed)9 Primar0 (e0& Dalse (unchec$ed)9 !ield Si:e& I (de7ault)

1". Agregue una cuarta coluna en la tabla $r%er"etails llaada *uatity con las siguientes propiedades&

9 Name& Juantity9 )ata T0$e& nt

9 /e7uired& rue (chec$ed)9 Primar0 (e0& Dalse (unchec$ed)9 Auto8increment& Dalse (unchec$ed)

1'. A8ada una cuarta coluna en la tabla $r%er"etails llaada +itPri#e con las siguientes propiedades&

9 Name& 6nitrice9 )ata T0$e& oney9 /e7uired& rue (chec$ed)9 Primar0 (e0& Dalse (unchec$ed)

1K. #aga clic en '( para grabar la tabla $r%er"etails en la base de datos $r%ers.

2I. a tabla $r%er"etails aparecerá coo nodo hi/o de Tables en la ventana )ata.


29/111

Si$uiente Paso 11

*reando una Base de )atos

Editar datos en una Tabla

En esta serie de pasos usted añadirá datos en la tabla Orders " OrderDetails de la base de datosOrders.

1. ara editar de la tabla $r%ers, eisten dos 7oras de hacerlo en el entorno de desarrollo AS.-E 0eb atri&

a. #acer clic en el bot5n Edit del toolbar en la ventana )ata.

b. #acer doble clic en el nobre de la tabla del árbol de la ventana )ata.

2. Entonces aparecerá el cuadro de diálogo Edit Table. Gste uestra un data grid +ue contiene losdatos de la tabla. as odi7icaciones +ue usted haga en la grilla Edit Table son hechasdirectaente en la base de datos.

3. A8ada dos nuevos registros en la tabla $r%ers.

Nota resione la tecla Enter o seleccione un registro di7erente en la grilla de datos para +ue segenere un nuevo registro en la base de datos.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/adddata.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/adddata.asp


30/111

Nota a coluna $r%er(" es con7igurada para increentarse autoáticaente, iniciando en 1 con increentos de 1. e esta anera, cuando un nuevo registro se escriba, la base de datosautoáticaente y asignará el valor siguiente para el capo autoLincreento.Nota os valores de los capos auto M increento son solo de lectura en el la grilla del cuadroEdit Table, y tienen un valor negativo hasta +ue un registro nuevo se a8ada a la base de datos.Nota #aciendo clic en el enlace Edit;&ie Table )esign, +ue está deba/o del cuadro de diálogoEdit Table, se puede ver la de7inici5n de la tabla ientras está en odo de edici5n. Si hay datosen la tabla, no se podrá editar la de7inici5n.

4. #aga clic en *lose.

. Edite la tabla $r%er"etails.

!. A8ada de dos a cuatro registros para la tabla $r%er"etails, para cada dato de la tabla $r%ers.


31/111

". #aga clic en *lose.

Si$uiente Paso 11

*reando una Base de )atos ,esconectarse de la +ase de ,atos

4on las si$uientes instrucciones usted aprenderá a desconectarse de la base de datos !ue (ieneeditando en las secciones anteriores.

1. #aga clic en la solapa )ata de la ventana Wor6s$ace.

2. #aga clic en el nodo padre, llaado lo#alhost.$r%ers en el árbol de la ventana )ata.

3. #aga clic en el bot5n *lose *onnection del toolbar de la ventana )ata.

-ota& El bot5n *lose *onnection está deshabilitado hasta +ue seleccione el nodo server en el árbol dela ventana )ata.Si$uiente Paso 11

*reando una Base de )atosConectarse a una +ase de ,atos existente

-sted puede conectarse a una base de datos existente con el entorno de desarrollo de ASP.NET WebMatrix.

A continuaci%n aprenderá a conectarse a la base de datos !ue constru"% en las secciones anteriores.

1. #aga clic en la solapa )ata de la ventana Wor6s$ace.

2. #aga clic en el bot5n Ne *onnection del toolbar de la ventana )ata.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/disconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/existconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/disconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section2/existconn.asp


32/111

3. Seguidaente el cuadro de diálogo *onnect to )atabase.

4. Escriba lo#alhost en el cuadro Server.

. #aga clic en el bot5n de opci5n Windos aut3entication.

!. #aga clic en la lista )atabase. AS.-E 0eb atri se conectará al origen de datos y llenará la lista)atabase. Seleccione la base de datos $r%ers.

". #aga clic en '( .

'. %erá un vista de árbol en la ventana )ata +ue contiene un nodo padre llaado lo#alhost.$r%ers . El

nodo padre contiene dos nodos hi/os& uno llaado Ta&les y el otro llaado 'tore% Pro#e%ures.


33/111

Si$uiente Paso 11

Páginas ASP.NET con )atos Mostrar ,atos con Mx,ata(ridEl Web 4ontrol de ser(idor M08ataGrid de ASP.NET está espec&ficamente diseñado para mostrarinformaci%n de or&$enes de datos. -sted puede enlazar el control a un ori$en de datos en tiempo dediseño o en tiempo de e)ecuci%n. A pesar !ue puede mostrar datos de una (ariedad de or&$enes dedatos las fuentes mas t&picas son datasets " data (ie+s.

Mediante las si$uientes instrucciones usted podrá li$ar el M42aaGrid con la tabla Orders de la basede datos Orders.

1. Seleccione DileLN-e para obtener el cuadro de diálogo :-e Dile:.



4. Escriba una ruta de acceso de archivo en el cuadro %ocation.

. Escriba myFirst"ata,ri%.aspx en el cuadro Dilenae.

!. Seleccione &isual Basic en la lista desplegable %anguage.

". #aga clic$ en '( .

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/binddatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/binddatagrid.asp


34/111

'. El archivo myFirst"ata,ri%.aspx se abrirá en la vista )esign.

K. Escriba :?rders isting: en la página y presione la tecla Enter para insertar un espacio en vac>o.

1I. Seleccione la solapa )ata en la ventana Wor6s$ace.


35/111

11. =on9ctese a la base de datos $r%ers +ue desarroll5 en secciones anteriores .

12. Seleccione la tabla $r%ers en el nodo Tables de la vista de árbol de )ata.

13. Arrastre la tabla $r%ers en la página AS.-E.

14. %erá aparecer un '*L"ata'our#eCotrol y un MX"ata,ri% en la página AS.-E.

Noa ASP.NET Web Matrix coloca propiedades automáticamente para elSQ12aaSourceonrol basándose en la informaci%n de conexi%n !ue se especific% cuandose conect% a la base de datos.

Noa ASP.NET Web Matrix li$a automáticamente el M42aaGrid con elSQ12aaSourceonrol.

1. Guarde y e/ecute la página AS.-E.

1!. Su página AS.-E aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb. ElM2)ataGrid uestra todos los registros de la tabla $r%ers. Si tiene ás de 1I registros en la base dedatos, entonces el FataBrid activará la paginaci5n para +ue soporte solo 1I registros al isotiepo (y agregará lin$s de navegaci5n para +ue el usuario pase de atrás hacia adelante en la tabla).


36/111

1". =ierre la instancia del Eplorador 0eb.

Si$uiente Paso 11

Páginas ASP.NET con )atos ,ar -ormato al Mx,ata(rid

A tra('s de las si$uientes pautas usted podrá cambiar el formato " comportamiento del M42aaGrid.

1. Abra el archivo myFirst"ata,ri%.aspx en vista )esign.

2. Seleccione el control M2)ataGrid.

3. Seleccione la propiedad AlloPaging en la ventana Pro$erties .

4. onga la propiedad AlloPaging del M2)ataGrid a False. Esta propiedad, 7i/a la 7uncionalidad de

páginaci5n del M2)ataGrid.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/formatdatagrid.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section3/formatdatagrid.asp


37/111

. Seleccione la propiedad !ields en la ventana Pro$erties .

!. Aparecerá el cuadro de diálogo *ollection Editor.


38/111

". =abie la propiedad +eaderText de la coluna $r%er(" de $r%er(" a (".

'. #aga clic en '( .

K. Guarde y e/ecute la página AS.-E.

1I. Su página AS.-E aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb. -ote+ue la cabecera de la priera coluna es (" y el nCero de página no aparecerá en la parte in7eriordel M2)ataGrid.


39/111

11. =ierre la instancia del Eplorador 0eb.

Si$uiente Paso 11

Páginas ASP.NET con )atos'sar ,ata Code +uilder

/os 4ode >uilders *4onstructores de c%di$o, son asistentes !ue $eneran c%di$o los cuales a"udan acrear funciones para tareas comunes. ASP.NET Web Matrix (iene con (arios $eneradores de c%di$oinclu"endo al$unos diseñados espec&ficamente para optimizar las tareas comunes de acceso a datosutilizando A8:.NET.

En esta serie de pasos usted usará el SE1ET ode 5uilder para $enerar c%di$o necesario !ue retireinformaci%n de la tabla OrderDetails " llene un 2aaGrid.

1. Seleccione DileLN-e para obtener el cuadro de diálogo :-e Dile:.

2. Seleccione "General# del panel Tem$lates.3. Seleccione la plantilla ASP.NET Page.

4. Escriba una ruta de acceso de archivo en el cuadro %ocation.

. Escriba myFirst"ataPage.aspx en el cuadro !ilename.



http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/dgcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/dgcodebuilder.asp


40/111

'. El archivo myFirst"ataPage.aspx se abrirá en vista )esign.

K. esde la solapa Web *ontrols en el Toolbox (ubicada sobre el lado i*+uierdo de la herraienta),arrastre un control TextBox, un control )ataGrid y un control Button a la página AS.-E. resionela tecla Enter entre cada asentaiento de control.


41/111

1I. Seleccione la solapa *ode.

11. e la solapa *ode Builders en el Toolbox, arrastre un '-L-CT "ata Metho% *ode Builder sobre la página AS.-E.



14. #aga clic en el b5ton de opci5n Windos aut3entication.

1. #aga clic en la lista desplegable )atabase. AS.-E 0eb atri se conectará al origen de datos yllenará la lista )atabase con nobres de bases de datos. Seleccione la base de datos $r%ers +uedesarroll5 en las secciones anteriores.


42/111

1!. #aga clic en '( .

1". %erá el prier paso de *ode Builder Wi:ard, el cual es llaado *onstruct SE%E*T


43/111

22. Seleccione $r%er(" en la lista *olumn.

Noa Esta opci%n coloca el Operador Left como parte de la sentencia WE?E.

23. Seleccione el bot5n de opci5n !ilter y escriba $r%er(" en el cuadro 7ilter (predeterinado).

Noa Esta opci%n coloca el /perador -i'3 como parte de la sentencia WE?E. Mas adelantepasará el (alor del parámetro para la sentencia WE?E.

24. #aga clic en '( .

2. %olverá al paso *onstruct SE%E*T


44/111

2!. #aga clic$ en Next.

2". ?bservará el segundo paso del *ode Builder Wi:ardP


45/111

31. ?bservará el registro $r%er"etails correspondiente a $r%er(" 1 en el cuadro de diálogo grillaresultante


46/111

32. #aga clic en Next.

33. Aparecerá el tercer paso del *ode Builder Wi:ard. Gste es el cuadro de diálogo llaado Enter A*a$tion. Escriba ,et$r%er"etails en el cuadro ethod nae.

34. Seleccione el bot5n de opci5n "ata'et (predeterinado).

3. #aga clic en !inis3.


47/111

3!. El Wi:ard (asistente) se cerrará y AS.-E 0eb atri colocará una 7unci5n llaadaGet'rder)etails en la vista *ode. a 7unci5n acepta or%er(" coo paráetro de entrada y devuelveun )ataSet coo paráetro de salida. El ataSet es llenado con datos de ?rder etail para unespeci7ico or%er(", usando c5digo de acceso a datos A?.-E, generado por el code builder&

37. Bun)t$on Fet0rderAeta$ls(y@al orderGA s Gnteer s -ystem.Aata.Aata-et38. A$m )onne)t$on-tr$n s -tr$n = +3!. "server=Klo)alhostKL trusted+)onne)t$on=trueL Aatabase=K0rdersK"4%.41. A$m sHl,onne)t$on s -ystem.Aata.-Hl,l$ent.-Hl,onne)t$on = +42. :e -ystem.Aata.-Hl,l$ent.-Hl,onne)t$on)onne)t$on-tr$n43.44. A$m Huery-tr$n s -tr$n = +45. "-#,& M0rderAeta$lsN.O " +46. "BP0 M0rderAeta$lsN " +47. ";P M0rderAeta$lsN.M0rderGAN = ?0rderGA"48.4!. A$m sHl,ommand s -ystem.Aata.-Hl,l$ent.-Hl,ommand = +5%. :e -ystem.Aata.-Hl,l$ent.-Hl,ommandHuery-tr$n sHl,onne)t$on51.52. sHl,ommand.9arameters.dd"?0rderGA" -ystem.Aata.-HlAb&ye.Gnt.@alue =

orderGA53.54. A$m datadater s -ystem.Aata.-Hl,l$ent.-HlAatadater = +55. :e -ystem.Aata.-Hl,l$ent.-HlAatadatersHl,ommand56.57. A$m data-et s -ystem.Aata.Aata-et = :e -ystem.Aata.Aata-et58.5!. datadater.B$lldata-et6%.61. Peturn data-et62. nd Bun)t$on

!3. Seleccione la solapa )esign.


48/111

!4. #aga doble clic en Button para abrir el evento ;utton1


49/111

1. Abra el archivo myFirst"ataPage.aspx en vista )esign.

2. Seleccione la solapa )esign.

3. Seleccione el )ataGrid.

4. #aga clic en el lin$ de Auto !ormat, situado deba/o de la ventana Pro$erties.

. Se presentará el cuadro de diálogo Auto !ormat, el cual perite seleccionar un con/unto prede7inidode colores, estilos de bordes y otras con7iguraciones (re7eridas a un esuema) y aplicar estos al control)ataGrid.

!. Seleccione la opci5n Sim$le 5 en el es+uea %istBox. =uando seleccione un es+uea, lascon7iguraciones de es+uea son aplicadas a las propiedades del control. -ote +ue la vista previauestra coo se ve el )ataGrid con el es+uea aplicado.


'. Guarde y e/ecute la página AS.-E.

K. Su página AS.-E aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb.

1I. Escriba 1 en el TextBox y presione Button. ?bserve +ue el MasterGrid ipleenta las opciones de7orato del es+uea Sim$le 5.


50/111


Si$uiente Paso 11

Páginas ASP.NET con )atos Plantillas ,ata*ist

El control de ser(idor 2aa1is pro(ee control adicional sobre el enlace a datos a tra('s de lasplantillas definidas por el usuario. /as plantillas le permiten controlar el estilo de los ob)etosencabezados pies de pá$ina etc.

Si$uiendo los si$uientes pasos a continuaci%n usted desarrollará un ItemTemplate !ue li$a un 1abel para la columna ProductName de la tabla OrderDetails.


2. Juite el )ataGrid de la página AS.-E.

3. esde la solapa Web *ontrols en el Toolbox, arrastre un control )ata%ist sobre la página AS.-E.=olo+ue el )ata%ist en la isa posici5n sobre el 7orulario donde estaba el )ataGrid.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/thedatalist.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/thedatalist.asp


51/111

4. #aga clic con el bot5n secundario sobre el )ata%ist y seleccione Edit Tem$lates.

. Ahora verá el cuadro de diálogo Edit Tem$lates.

!. Seleccione temTem$lates de lista desplegable Select a Tem$late to edit.

". Seleccione temTem$late de la lista desplegable Tem$late T0$e.

'. Escriba Pro%u#t)ame en el cuadro Template "esig.

K. esde la solapa Web *ontrols en el Toolbox, arrastre un control %abel sobre el cuadro Template "esig, inediataente a la derecha del Pro%u#t)ame.


52/111

1I. Seleccione el %abel en el cuadro Template "esig.

11. Seleccione la propiedad ")ataBindings# en la ventana Pro$erties.

12. -otará el cuadro de diálogo )ataBindings. El cuadro de diálogo )ataBindings uestra una lista de propiedades para el control, y perite especi7icar +u9 origen de datos se enla*ará.


53/111

13. Seleccione el nodo Text en la vista de árbol Bindable Pro$erties (predeterinado).

14. Seleccione el bot5n de opci5n *ustom binding ex$ression.

1. Escriba "atai%er.-al4Cotaier."ata(tem5 Pro%u#t)ame7 en el cuadro *ustom bindingex$ression. Esta epresi5n liga el valor de la coluna $r%er"etail(" con la propiedad Text delcontrol %abel, para cada uno de los registros de la tabla de la base de datos.

1!. #aga clic en '( .

Noa El 1abel tendrá cuadrados rodeándolo. Esto indica !ue el control está enlazado a datos.

1". #aga clic en '( para cerrar el cuadro de diálogo Edit Tem$lates.


54/111

1'. Seleccione la solapa *ode.

1K. odi7i+ue el c5digo del evento =lic$ de Button para +ue 9ste llene el )ata%ist con el resultado de lallaada a la 7unci5n ,et$r%er"etails&

2%. -ub (utton1+,l$)*sender s 0be)t e s ventrs21.22. Aata#$st1.Aata-our)e = Fet0rderAeta$ls,Gnt&e't(o'1.&e't23. Aata#$st1.Aata($nd24.

nd -ub

2. Seleccione la solapa +MT%.

2!. A8ada atributos a la eti+ueta )ata%ist # para darle un borde negro&

27. 2!.

3I. Guarde y e/ecute la página AS.-E.

31. Su página AS.-E aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb.

32. Escriba 1 en el TextBox y presione Button.

33. El )ata%ist ostrará todas las colunas de la tabla $r%er"etails del $r%er(" especi7icado.


Si$uiente Paso 11

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/ddlcodebuilder.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section4/ddlcodebuilder.asp


55/111

Páginas ASP.NET con )atos ,rop,o/n*ist Code +uilder

En esta serie de pasos usted desarrollará un SE1ET ode 5uilder !ue llene un 2rop2o+n1is conOrderIDs de la tabla Orders. 4uando un &tem order *pedido, es seleccionado del dropdo+nlist el2aalis (a ser filtrado con el dato de :rder8etails apropiado.


2. Juite el TextBox de la página AS.-E.

3. Juite el Button del la página AS.-E.

4. e la solapa Web *ontrols en el Toolbox, arrastre un control )ro$)on%ist en la página AS.-E.=olo+ue el )ro$)on%ist en la isa posici5n donde se encontraba el TextBox borrado.

. =olo+ue la propiedad AutoPostBac6 del )ro$)on%ist a True (verdadero), usando la grilla de

propiedades ubicada a la derecha, en la herraienta.

!. Seleccione la solapa *ode.

". Juite el c5digo del evento ;utton1


56/111

K. El cuadro de diálogo *onnect to )atabase aparecerá.

1I. Escriba lo#alhost en el cuadro Server (predeterinado).

11. #aga clic en la lista desplegable )atabase. AS.-E 0eb atri se conectará con el origen de datosy llenará la lista desplegable )atabase con nobres de bases de datos. Seleccione la base de datos$r%ers +ue desarroll5 en secciones anteriores.

12. #aga clic en '( .

13. Aparecerá el paso uno del *ode Builder Wi:ardP 9ste es llaado cuadro de diálogo *onstructSE%E*T te $r%er(" en la lista *olumns.

1!. #aga clic en Next.

1". Aparecerá el paso dos del *ode Builder Wi:ardP este es llaado cuadro de diálogo


57/111

2I. #aga clic en Next.

21. Aparecerá el *ode Builder Wi:ard. Escriba ,et$r%ers en el cuadro ethod nae.

22. Seleccione el bot5n de opci5n )ataSet (predeterinado).

23. #aga clic en !inis3.


58/111

24. El Wi:ard se cerrará y AS.-E 0eb atri colocará la 7unci5n llaada ,et$r%ers en la vista*ode. a 7unci5n no acepta paráetros de entrada y devuelve un )ataSet coo un paráetro desalida. El )ataSet es llenado con todos los $r%er("s de la tabla $r%ers&

25. Bun)t$on Fet0rders s -ystem.Aata.Aata-et26. A$m )onne)t$on-tr$n s -tr$n = +27. "server=Klo)alhostKL trusted+)onne)t$on=trueL Aatabase=K0rdersK"28.2!. A$m sHl,onne)t$on s -ystem.Aata.-Hl,l$ent.-Hl,onne)t$on = +3%. :e -ystem.Aata.-Hl,l$ent.-Hl,onne)t$on)onne)t$on-tr$n31.32. A$m Huery-tr$n s -tr$n = "-#,& M0rdersN.M0rderGAN BP0 M0rdersN"33.34. A$m sHl,ommand s -ystem.Aata.-Hl,l$ent.-Hl,ommand = +35. :e -ystem.Aata.-Hl,l$ent.-Hl,ommandHuery-tr$n sHl,onne)t$on36.37. A$m datadater s -ystem.Aata.-Hl,l$ent.-HlAatadater = +38. :e -ystem.Aata.-Hl,l$ent.-HlAatadatersHl,ommand3!.4%. A$m data-et s -ystem.Aata.Aata-et = :e -ystem.Aata.Aata-et41.

42. datadater.B$lldata-et43.44. Peturn data-et45. nd Bun)t$on

4!. Seleccione la solapa *ode.

4". A8ada un 9todo +ue anipule el evento age


59/111

52. AroAon#$st1.Aata-our)e = Fet0rders53. AroAon#$st1.Aata($nd54. nd Gf55.56. nd -ub

". Seleccione la solapa )esign.

'. #aga doble clic sobre el control de servidor )ro$donlist para crear un ane/o de eventoSelectednde=hanged.

K. Agregue c5digo en el evento del )ro$)on%ist Selectednde=hanged, +ue liga el )ata%ist, para el$r%er(" dentro del )ro$)on%ist&

6%. -ub AroAon#$st1+-ele)tedGnde',hanedsender s 0be)t e s ventrs61.62. Aata#$st1.Aata-our)e =

Fet0rderAeta$lsAroAon#$st1.GtemsAroAon#$st1.-ele)tedGnde'.&e't63. Aata#$st1.Aata($nd64.65. nd -ub

!!. Guarde y e/ecute la página AS.-E.

!". Su página AS.-E aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb.

!'. Seleccione 1 en el )ro$)on%ist.

!K. El )ata%ist ostrará todos los registros del la tabla $r%er"etails para el $r%er(" especi7icado.

"I. =ierre la instancia de su Eplorador 0eb.

Next Step 11

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createnewxmlws.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createnewxmlws.asp


60/111

Servicios Web 2M%

Crear un nuevo Servicio Web 0M*/a industria informatica está con(er$iendo en un nue(o modelo para la construcci%n de soft+are. Estemodelo 2abilita una forma estándar de conectar aplicaciones e intercambiar informaci%n utilizando9nternet. /a nue(a metodolo$&a de inte$raci%n basada en 9nternet llamada Ser(icios Web 0M/ 2abilitalas aplicaciones má!uinas " procesos de ne$ocio para traba)ar con)untamente en una forma nuncaantes posible.

A continuaci%n usted aprenderá a crear un Ser(icio Web 0M/ con ASP.NET.

1. Abra Microsoft ASP.NET Web Matrix y verá el cuadro de diálogo Ne !ile.

2. Seleccione "General# de la panel Tem$lates.

3. Seleccione la plantilla 2M% Web Service.

4. Escriba la ruta de acceso del archivo en el cuadro %ocation.

. Escriba myFirste&'eri#e.asmx en el cuadro !ilename.


". Escriba 'ample en el cuadro *lass.

'. Escriba Matrix"emo en el cuadro Names$ace.

K. #aga clic$ en '( . El archivo myFirste&'eri#e.asmx se abrirá en vista *ode.

Si$uiente Paso 11

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/subwebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/subwebmethod.asp


61/111

Servicios Web 2M%WebMet#od 1Subtract1

4on las si$uientes instrucciones usted creará un nue(o WebMe3od !ue de(uel(a un tipo simple7 eneste caso un "ne'er representando la diferencia de dos n6meros.

1. Abra el archivo myFirste&'eri#e.asmx en vista *ode.

2. A8ada c5digo al WebMet3od llaado 'u&tra#t . a 7unci5n tiene dos paráetros de entrada y uno desalida, +ue contiene la di7erencia de los dos prieros. odos son del tipo nteger&

3. 9ubl$) Bun)t$on -ubtra)ta s Gnteer b s Gnteer s Gnteer4. Peturn a C b5. nd Bun)t$on

!. Guarde y e/ecute el Servicio 0eb F (presione el bot5n start o presione D para e/ecutarlo).

". Aparecerá una página generada autoáticaente, describiendo su Servicio 0eb F en una nuevainstancia de su Eplorador 0eb.

'. Aparecerá el archivo de descripci5n # del Servicio 0eb F, conteniendo el 9todo Subtract.

K. #aga clic en el enlace 'u&tra#t , situado en la parte superior del archivo de descripci5n #. Estotraerá una página con detalles del 9todo eb Subtract, incluyendo un es+uea de detalles acerca dela carga de S?A (el cual es usado para invocar este 9todo eb) y un 7orulario # parainvocar y probar el 9todo.


62/111

1I. ntrodu*ca 8 en cuadro del paráetro a.

11. ntrodu*ca 3 en el cuadro del paráetro b.

12. #aga clic en nvo6e.

13. El Servicio 0eb regresará una respuesta F +ue da la di7erencia entre los dos paráetros de entradaen una nueva instancia de su Eplorador 0eb.


63/111


Si$uiente Paso 11

Servicios Web 2M%WebMet#od de acceso a datos

En esta secci%n usted creará un WebMe3od !ue de(uel(a un tipo comple)o en este caso un 2aaSe representando re$istros de la tabla Orders.

1. Abra el archivo myFirste&'eri#e.asmx en vista *ode.

2. esde la solapa *ode Builders en el Toolbox, arrastre un '-L-CT "ata Metho% *ode Builder en la páginadel Servicio 0eb F.



. #aga clic en la lista desplegable )atabase. AS.-E 0eb atri se conectará al origen de datos y llenará lalista )atabase con nobres de bases de datos. Seleccione la base de datos $r%ers +ue cre5 en las seccionesanteriores.

!. #aga clic en '( .

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/dawebmethod.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/dawebmethod.asp


64/111

". Aparecerá el paso uno *ode Builder Wi:ard, el cual es llaado cuadro de diálogo *onstruct SE%E*T


65/111


1. istinguira el tercer paso del *ode Builder Wi:ardP esto es llaado cuadro de diálogo Enter A *a$tion.Escriba ,et$r%ers en el cuadro ethod nae.

1!. Seleccione el bot5n de opci5n )ataSet (predeterinado).

1". #aga clic en !inis3.


66/111

1'. El Wi:ard se cerrará y AS.-E 0eb atri colocará la 7unci5n llaada ,et$r%ers en vista *ode. a7unci5n no tiene paráetros de entrada y devuelve un )ataSet coo un paráetro de salida. El )ataSet esllenado con todos los pedidos de la tabla $r%ers.

1K. A8ada el atributo WebMet3od a la 7unci5n ,et$r%ers. El WebMet3od no tiene paráetros de entrada ydevuelve un )ataSet coo paráetro de salida. El )ataSet es llenado con todos los registros de la tabla$r%ers&

2%. Bun)t$on Fet0rders s -ystem.Aata.Aata-et21. A$m )onne)t$on-tr$n s -tr$n = +22. "server=Klo)alhostKL trusted+)onne)t$on=trueL Aatabase=K0rdersK"23.24. A$m sHl,onne)t$on s -ystem.Aata.-Hl,l$ent.-Hl,onne)t$on = +25. :e -ystem.Aata.-Hl,l$ent.-Hl,onne)t$on)onne)t$on-tr$n26.27. A$m Huery-tr$n s -tr$n = "-#,& M0rdersN.O BP0 M0rdersN"28. A$m sHl,ommand s -ystem.Aata.-Hl,l$ent.-Hl,ommand = +2!. :e -ystem.Aata.-Hl,l$ent.-Hl,ommandHuery-tr$n sHl,onne)t$on3%.31. A$m datadater s -ystem.Aata.-Hl,l$ent.-HlAatadater = +

32. :e -ystem.Aata.-Hl,l$ent.-HlAatadatersHl,ommand33.34. A$m data-et s -ystem.Aata.Aata-et = +35. :e -ystem.Aata.Aata-et36.37. datadater.B$lldata-et38.3!. Peturn data-et4%. nd Bun)t$on

41. Guarde y e/ecute la página Servicios 0eb F.


67/111

42. Su página de Servicio 0eb F aparecerá autoáticaente en una nueva instancia de su Eplorador 0eb.

43. %erá la página # de descripci5n del Servicio 0eb F. Esta uestra todo los servicios soportados porServicio 0eb F en particular.

44. #aga clic en el lin$ ,et$r%ers situado arriba, en el archivo # de descripci5n.

4. #aga clic en nvo6e.


68/111

4!. El Servicio 0eb devolverá una respuesta F +ue uestra todas las colunas en la tabla $r%ers en unanueva instancia de su Eplorador 0eb.


69/111

4". =ierre la instancia del Eplorador 0eb.

Si$uiente Paso 11

Servicios Web 2M%Crear un cliente de Servicios Web

En esta serie de pasos usted $enerará una clase prox" *o cliente, de Ser(icio Web 0M/ " la usarádesde una pá$ina ASP.NET para llamar el Ser(icio Web 0M/ !ue desarroll% en la fase anterior. EsteSer(icio Web 0M/ podr&a estar en cual!uier ser(idor remoto proporcionando una poderosa forma dedistribuir c%di$o " datos a tra('s de la red.

1. Abra Microsoft ASP.NET Web Matrix y aparecerá el cuadro de diálogo Ne !ile.



4. Escriba la ruta de acceso del archivo en el cuadro %ocation.. Escriba myFirst'Cliet.aspx en el cuadro !ilename.


". #aga clic en '( . El archivo myFirst'Cliet.aspx se abrirá en vista )esign.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createwsclient.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section5/createwsclient.asp


70/111

'. esde la solapa Web *ontrols en el Toolbox, arrastre un )ataGrid y un control Button sobre la página AS.-E. resione la tecla Enter entre los asentaientos de cada control.

K. Seleccione la solapa *ode.


71/111

1I. Seleccione el >te WebService Prox0 Generator del enC Tools.

11. ?bservará el cuadro de diálogo 2M% Web Service Prox0 Generator.

12. Escriba todo el nobre en el cuadro WS)% -/% del 6Q habilitado por el 0eb service +uedesarroll5 anteriorente en esta secci5n. or e/eplo& http//lo#alhost8080/myFirste&'eri#e.asmx

Nota 0S es la sigla por Web Services )escri$tion %anguage. 0S de7ine c5o un Servicio0eb F se coporta e instruye al cliente co5 interactuar con el servicio. 6sted puede acceder al0S para el Servicio 0eb, a8adiendo una cadena de consulta paraetri*ada para el 6Q delServicio 0eb. or e/eplo& http&@@localhost&'I'[email protected]

13. Escriba Matrix"emo en el cuadro Names$ace.

14. Seleccione &isual Basic .NET en la lista desplegable %anguage.

1. Escriba una ruta de acceso de archivo en el cuadro 'ut$ut )irector0.

m$ortante AS.-E 0eb atri re+uiere +ue el archivo proy se encuentre en el iso path (rutade acceso) +ue la página AS.-E.

1!. Acepte el valor predeterinado para el Source !ile y para el cuadro Generate Assembl0.

1". #aga clic en Generate.

1'. %erá un cuadro de ensa/e con7irando la generaci5n del proy para el Servicio 0eb.

1K. #aga clic en '( .


72/111

2I. #aga clic en *ancel para cerrar el cuadro de diálogo 2M% Web Service Prox0 Generator.

21. Seleccione la solapa )esign y haga doble clic en el control Button. AS.-E 0eb atri generaráautoáticaente un ane/o de evento para el evento =lic$ del control Button y abrirá la página envista *ode.

22. A8ada c5digo para el evento ;utton1


73/111

)esarrollo m>vil con ASP.NETCrear una nueva p!ina para dispositivos móviles

-sted puede usar Mobile pa'es para crear pá$inas Web pro$ramables !ue sir(an de interfaz deusuario para sus aplicaciones m%(iles. -na Mobile pa'e presenta informaci%n para el usuario sobredispositi(os como tel'fonos m%(iles " P8As además de implementar aplicaciones l%$icas usando c%di$odel lado del ser(idor.

Esta serie de pasos re!uiere el ASP.NET Mobile "nerne Tool6i $MM"T% 7.8. Si es necesariodescar$ue e instale el MM"T desde 2ttp3vil con ASP.NETCrear una nueva p!ina para dispositivos móviles

4on las si$uientes instrucciones usted añadirá un control de ser(idor /b9ec1is para la Mobile pa'e !ue desarroll%en la serie de pasos anteriores. Para ello3

1. esde la solapa Mobile *ontrols en el Toolbox, arrastre un control 'b?ect%ist en la obile page dentro del

http://asp.net/download.aspxhttp://asp.net/download.aspxhttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/addmobilecontrols.asphttp://asp.net/download.aspxhttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/addmobilecontrols.asp


74/111

7orulario llaado !orm5.

2. =olo+ue la propiedad ) para el 'b?ect%ist a $r%erList .

3. Seleccione la solapa *ode.

4. esde la solapa *ode Builders en el Toolbox, arrastre un '-L-CT "ata Metho% *ode Builder sobre la parte in7eriorde la página AS.-E.

. %erá el cuadro de diálogo *onnect to )atabase.

!. Escriba lo#alhost en el cuadro Server (predeterinado).

". #aga clic en la lista )atabase. AS.-E 0eb atri se conectará al origen de datos y llenará la lista )atabase connobres de bases de datos. Seleccione la base de datos $r%ers.

'. #aga clic en '( .

K. Advertirá entonces el paso uno del *ode Builder Wi:ardP esto es llaado cuadro de diálogo *onstruct SE%E*Tte O de la lista *olumns.


75/111


13. %erá el paso dos del *ode Builder Wi:ardP esto es llaado cuadro de diálogo


76/111

1. Alternativaente, podrá probar la página contra un eulador de dispositivo 5vil o con un eulador de tel97onocelular o A. Esta página a/ustará autoáticaente el lenguage de arcado (por e/eplo& tener coo salida 0

para dispositivos 0A).


Si$uiente Paso 11

)esarrollo m>vil con ASP.NET Probar p!inas para dispositivos móviles

/os emuladores en l&nea proporcionan una representaci%n exacta de la experiencia del usuario m%(ilcon la (ista de una (ariedad de dispositi(os portátiles.

En esta serie de pasos usted probará la pá$ina myFirstMobilePage.aspx usando la tecnolo$&a deemulaci%n en l&nea ofrecida por SmartP2one. Note !ue este emulador re!uiere 99S para ser(ir su Mobilepa$e en lu$ar de ASP.NET Web Matrix Web Ser(er.

1. Abra el archivo myFirstMo&ilePage.aspx.

2. nicie el eulador en l>nea.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/testmobilepage.asphttp://www.yospace.com/spewe.htmlhttp://www.yospace.com/spewe.htmlhttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section8/testmobilepage.asphttp://www.yospace.com/spewe.html


77/111

3. resione el enlace Go-/%.

4. Escriba el 6Q para myFirstMo&ilePage +ue ipleent5 para el S anteriorente.

. Su obile page aparecerá en la ventana del eulador del dispositivo.


78/111

!. ara ver los detalles de la tabla $r%ers, haga clic sobre un enlace de $r%er(" en la ventana deleulador del dispositivo.

Noa a$a clic sobre los botones del emulador del dispositi(o para desplazarse a tra('s de losdetalles de pedidos.

". =ierre la instancia del eulador en l>nea.

Si$uiente Paso 11

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpconn.asp


79/111

+osting SP;!TPConectarse a un proveedor de #ostin!

ASP.NET Web Matrix proporciona acceso remoto para los arc2i(os de las instancias de las aplicacionesWeb (&a el @ile Transport Protocol *@TP,. -sted puede abrir editar " publicar arc2i(os remotos desde elASP.NET Web Matrix.

4on los si$uientes pasos usted añadirá una nue(a conexi%n @TP " de esta manera podrá Modificar unapá$ina ASP.NET remota en un ser(idor Web..

1. Seleccione Add !TP *onnection del enC Wor6s$ace.

.

3. Aparecerá el cuadro de diálogo Ne !TP *onnection.

4. Escriba un sitio D en el cuadro !TP Site.

. Escriba un puerto D en el cuadro Port. El puerto predeterinado es 21.

!. Escriba el nobre de usuario del sitio D en el cuadro -ser Name.

". Escriba la contrase8a del sitio D en el cuadro Passord.

'. Escriba un 6Q válido de un sitio 0eb en el cuadro Web -/%. Este podr>a ser el 6Q de ladirecci5n de locali*aci5n del Servidor 0eb reoto y será usado por AS.-E 0eb atri pararesolver la e/ecuci5n de la página.

K. #aga clic en '( .

1I. ?bservará un nuevo nodo en la solapa Wor6s$ace de la ventana Wor6s$ace, +ue representa aldirectorio ra>* del 6Q especi7icado en el cuadro de diálogo Ne !TP *onnection. =ual+uier nodo


80/111

hi/o representa una sub carpeta 7uera del directorio ra>*.

Si$uiente Paso 11

+osting SP;!TP Modi-icar una p!ina ASP.NET remota

En esta serie de pasos usted modificará una pá$ina ASP.NET alo)ada en un ser(idor remoto pormedio de la conexi%n @TP !ue usted estableci% en la secci%n anterior.

1. En la ventana Wor6s$ace, arrastre el archivo myFirstPage.aspx (+ue desarroll5 en la secci5n SuPrimera Página ASP.NET) desde el directorio donde se encuentra locali*ado, y su9ltelo en el !TPWor6s$ace. Esto copiará los archivos al sitio D proveedor de hosting.

2. #aga doble clic en el archivo myFirstPage.aspx en el !TP Wor6s$ace para abrir la vista )esign.

3. E/ecute la página apretando el bot5n Start, o presionando D. Esto abrirá autoáticaente en suEplorador 0eb la página myFirstPage.aspx alo/ada reotaente.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/modifypage.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/modifypage.asp


81/111

4. %uelva a AS.-E 0eb atri y seleccione la solapa +TM%.

. A8ada un atributo a la eti+ueta bodyN para poner el color de 7ondo en 9o:o&

6.

". Guarde la página AS.-E.

'. E/ecute la página nuevaente pulsando el bot5n Start o presionando D. %erá +ue la página reotaahora tiene un 7ondo ro/o.


82/111

K. =ierre la instancia del Eplorador 0eb.

Si$uiente Paso 11

+osting SP;!TP ,esconectarse del proveedor de #ostin!

A continuaci%n usted aprenderá a desconectarse del pro(eedor de 2ostin$ basado en la conexi%n @TP!ue estableci% en la secuencia de pasos anteriores.

1. #aga clic con el bot5n secundario en el nodo ra>* del sitio de hosting D en la ventana Wor6s$ace.

2. Seleccione )elete.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpdisconn.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section6/hostftpdisconn.asp


83/111

Si$uiente Paso 11

A0uda 0 *omunidad Arc#ivos de plantilla

ASP.NET Web Matrix proporciona (arias plantillas de arc2i(os !ue usted puede usar iniciar del desarrollode sus aplicaciones Web ASP.NET. -na plantilla de arc2i(o crea el arc2i(o inicial referencias c%di$o demarco de traba)o confi$uraciones de propiedades " tareas apropiadas para la tarea seleccionada.

4uando usted crea un nue(o arc2i(o los &conos en el cuadro de diálo$o Ne+ :ile representan lastareas disponibles. Por e)emplo los si$uientes son los :ile Te#plaes para la cate$or&a $General%3

/a plantilla de arc2i(o !ue está asociada con el &cono !ue usted seleccion% determina el tipo de salida" otras opciones disponibles para el pro"ecto. 4uando usted selecciona una plantilla de arc2i(o unabre(e descripci%n del &tem aparecerá deba)o del marco Templates.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/projtemplates.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/projtemplates.asp


84/111

Noa Este Tour Guiado utiliza solo un pe!ueño subcon)unto de las plantillas de arc2i(o disponibles !ueestán incluidas en las pá$inas ASP.NET Pa'e *(ea Crear un nuea p!gina "#P.N$T , el 4M1 WebService *(ea Crear un nueo #ericio %eb &ML, el Si#ple Mobile Pa'e *(ea Crear un nuea p!gina para dispositios m'iles, " el Maser;2eails Grid 2aa -epor *(ea 4rear una pá$ina 8efault ba)ola secci%n Construir una aplicaci'n simple,.

/as plantillas de arc2i(os ASP.NET Web Matrix están a$rupadas en seis cate$or&as3

Beneral& usadas para un prop5sito general coo desarrollo de páginas AS.-E, Servicios 0ebF, archivos #, archivos reutili*ables de clases, ho/as de estilo en cascada y archivos F.

ata ages& usadas para consultar y anipular datos de una base de datos en )ataGrids.

obile ages& usadas para un prop5sito general de desarrollo de aplicaciones +ue tengan cooob/etivo los dispositivos 5viles, por e/eplo los tel97onos 5viles.

?utput =aching& usadas para e/orar el rendiiento de las páginas AS.-E, ediante el caching(antener en eoria) de peticiones para una página en particular. e esta anera, el c5digo +ue iniciala página, no se tendrá +ue e/ecutar en las subsiguientes peticiones.

Security& usadas para construir páginas de inicio (login) y cierre de sesi5n (logout) para una aplicaci5n+ue re+uiere Dors ;ased Authentication (autenti7icaci5n basada en 7oras).

0eb Services& usadas para escribir un Servicio 0eb F service +ue puede ser utili*ado por otrosServicios 0eb o por aplicaciones en la red.

Si$uiente Paso 11

A0uda 0 *omunidadComunidad

o##uni0 es su punto de partida para comunicarse en l&nea con cole$as " expertos para obtenerinformaci%n acerca de ASP.NET otros productos de Microsoft " tecnolo$&as " para ser(icios de forosabiertos.

-sted puede acceder a o##uni0 directamente desde el entorno de desarrollo de ASP.NET WebMatrix con la selecci%n de la solapa o##uni0. /a solapa o##uni0 está localizada aba)o en laes!uina derec2a del entorno de desarrollo de ASP.NET Web Matrix.

1. #aga clic en el bot5n ASP.NET Web Matrix 'nline and )iscussion !orums (predeterinado).

2. ?bservará la ventana *ommunit0, actuali*ada con los recursos +ue son espec>7icos de AS.-E 0ebatri.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/community.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/community.asp


85/111

3. #aga clic en el bot5n /elated %in6s.

4. Aparecerá la ventana *ommunit0, actuali*ada con los recursos en l>nea relativos a AS.-E y otrastecnolog>as .-E.

. #aga clic en el bot5n *ontacts.

!. %erá la ventana *ommunit0 actuali*ada con los contactos presentes en su grupo My ;'P.)-TCota#ts en Windos Messenger.


86/111


87/111

Si$uiente Paso 11

A0uda 0 *omunidadClass +ro/ser

El ASP.NET Web Marix lass 5ro+ser le permite examinar " descubrir clases " sus miembros *propiedades m'todose(entos (ariables constantes elementos numerados etc.,. El entorno de m6ltiples (entanas 2ace fácil la a$rupaci%nb6s!ueda " ordenamiento de las clases. /a 2erramienta tambi'n pro(ee enlaces a recursos de a"uda en l&nea " local paracada miembro de la clase.

1. Seleccione el grupo de prograa Microsoft ASP.NET Web Matrix del Men@ nicio.

2. Seleccione *lassBroser.

3. Aparecerá el ASP.NET Web Matrix *lass Broser. El ASP.NET Web Matrix *lass Broser contiene tres áreas7uncionales&

9 Toolbar "5#& contiene ata/os para bCs+ueda, ordenaiento y agrupaiento de 7unciones.9 *lasses Treevie "#& uestra las clases coo nodos padre y tiene coo nodos hi/os a los iebros.9 Member nformation Windo "#& uestra in7oraci5n detallada para un >te seleccionado en el *lasses Treevie,incluyendo enlaces a recursos en l>nea y de ayuda local.

http://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/mysnippets.asphttp://www.microsoft.com/spanish/msdn/comunidad/dce/curso/webmatrix/tour/section7/mysnippets.asp


88/111

4. Epanda el nodo S0stem.)ata en el *lasses Treevie.

. #aga doble clic en el nodo )ataSet.

!. %erá el Member nformation Windo, el cual tiene tres áreas 7uncionales&

9 Member Treevie "C#& uestra el iebro coo nodo padre y los =apos, =onstructores, ropiedades y Eventos conodos hi/os.9 Member nformation Tab ",#& uestra los iebros -aespace, Assebly, Terar+u>a y detalles de Atributo. abi9nuestra enlaces para recursos de ayuda local y en l>nea para los iebros.9 Member % Tab "D#& uestra el ntermediate %anguage "%# detallado por iebro. % son etadatos +ue describeneleentos a el copilador. =uando el c5digo es e/ecutado, el runtie carga etadatos en la eoria y lo re7erenca paradescubrir in7oraci5n del c5digo acerca de clases, iebros, herencia, etc.


89/111

Si$uiente Paso 11

*onstruir una A$licaci>n de Punta8a8Punta Acerca de la Aplicación

En esta secci%n de inicio rápido usted 2ará un paseo a tra('s de la creaci%n de

Documents

ASP Net - Manual Web Matrix