Ús i maneig de controls genèrics

El desenvolupament d'una aplicació web en Visual Studio és molt similar a la d'una eina de desenvolupament d'aplicacions d'escriptori, ja que amb això no hauria de passar molt de temps escriure codi complex que es genera automàticament en lloc d'utilitzar eines visuals. Per aprendre a utilitzar Visual Studio el millor és desenvolupar una pàgina web simple que utilitza controls de servidor.

Així que vam començar a Visual Studio i creeu un nou projecte de lloc web de tipus. Fem clic a la finestra de l'Explorador de solucions, feu clic al projecte acabat de crear i seleccioneu Afegeix -> Nou element. Al quadre de diàleg que s'obre, seleccioneu formulari Web default.aspx i denominiamolo. Ara feu clic a la pestanya Disseny, i estem disposats a treballar en la nostra

Visual Studio genera automàticament el codi ASP.NET a la pàgina. Si fem clic a la pestanya de dividir el dissenyador es divideix en dues parts: la inferior és una representació gràfica de la pàgina, mentre que el superior és el corresponent codi de ASP.NET. Si s'inclouen una condemna en el gràfic, veurem que Visual Studio lloc simultàniament en el codi de ASP.NET

Per canviar el format del text cal actuar sobre les propietats de la pàgina. Es selecciona el text, feu clic al botó dret sobre ell i seleccioneu les propietats de l'element. A la finestra Propietats, seleccioneu la part de veu i feu clic al botó Estil amb tres punts (punts suspensius). Això obre el quadre de diàleg Modificar estil, a través del qual podem establir diferents propietats

Triem una font que ens agrada i la seva grandària, l'altura i premeu D'acord

Observem una vegada més, com Visual Studio tradueix el codi de la configuració que hem fet

Ara arrossega una etiqueta en la nostra pàgina de la finestra Quadre d'eines

A la finestra Propietats de l'etiqueta en la propietat Text escriu acaba d'inserir "alguna cosa escriure" la frase. Anem a veure immediatament que tant la pàgina i veure els arxius aspx s'actualitzen

Està clar que "es pot personalitzar l'aparença de l'etiqueta a través del quadre de diàleg Propietats d'una manera similar al que es va fer al formulari de la web.

Anem a afegir un quadre de text al costat de l'etiqueta i una llista desplegable en

Fem clic al menú Edita en el DropDownListTasks elements i s'obrirà una finestra on inserir els valors que el control serà presentar als usuaris

cada element pot estar associada amb un text (que es mostrarà durant l'execució) i un valor corresponent.

Finalment afegir un botó a la nostra pàgina

Fem doble clic al botó i anem a veure a l'arxiu de Default.aspx.cs generarà l'esdeveniment Click corresponent

Si en lloc de mirar el codi ASP.NET Visual Studio genera com a resultat de les nostres operacions, el posicionament dels controls que hauria de veure alguna cosa com

que va fer que totes les nostres operacions s'han traduït en codi gràfic.

Si en l'últim pas que volem posar a prova la seva esdeveniment clic del botó inserir el següent codi en ell

Si partim de l'aplicació ara, inserim 'ABCDEF' el text en el quadre de text, seleccioneu l'element 'Tres' a la llista desplegable i feu clic al botó es traduirà en els següents

És evident que la finalitat de la guia no és analitzar totes les característiques dels controls disponibles, podria servir com una guia per això, però perquè s'imagini la facilitat amb què Visual Studio permet la gestió i utilització. Per investigar el funcionament dels controls que s'utilitzen en aquesta lliçó i tots els altres controls genèrics que et convidem a consultar l'oficial de Microsoft.

• <<Lliçó anterior
• Índex de l'ajuda
• Lliçó següent>>