Cómo crear una aplicación web owncloud
Cómo crear un proyecto de aplicación web En esta sección, creará un proyecto de aplicación web en Visual C# o Visual Basic que representa la interfaz de usuario de su aplicación. En la página de Formularios web, se colocarán un DataSet, DataGrid y DataView para ver tablas específicas en la base de datos. También agregará componentes donde creará el objeto de acceso a datos que contiene la fuente de datos. Crear un formulario web
En el menú Archivo, haga clic en Nuevo y luego haga clic en Proyecto. Aparecerá el cuadro de diálogo "Nuevo proyecto". En el panel Tipos de proyecto, haga clic en Proyecto Visual
Basic o Proyecto Visual C# y seleccione Aplicación web ASP.NET en el panel Plantillas. Nombra la aplicación
MyWebForm. Haga clic en el botón "Aceptar". El AppWizard crea los archivos de proyecto necesarios, incluidos los siguientes archivos: WebForm1.aspx
: contiene la representación visual del formulario web. WebForm1.aspx.cs o WebForm1.aspx.vb:
Un archivo de código subyacente que contiene código para el manejo de eventos y otras tareas de programación. Para ver este archivo en el Explorador de soluciones, haga clic en el icono Mostrar todos los archivos y luego expanda el nodo WebForm1.aspx
. Nota sobre el archivo de formularios web
Si el Explorador de soluciones no se abre, haga clic en Explorador de soluciones en el menú Ver. Para obtener más detalles sobre la creación de proyectos de aplicaciones web, consulte Creación de proyectos
web
. Agregar un componente En el Explorador de soluciones, haga clic derecho en el nombre del proyecto. Haga clic en Agregar en el menú contextual y luego haga clic en Agregar componente. Aparece el cuadro de diálogo Agregar nuevo elemento y la Clase de componente en el panel derecho está seleccionada de forma predeterminada. Acepte el nombre predeterminado
(Componente1) y haga clic en Abrir. A menos que elija un nombre diferente para el componente, esto creará un nuevo archivo en el proyecto llamado Component1.cs o Component1.vb, según el idioma de la aplicación. Component Designer abre la vista de diseño en Component1.cs o Component1.vb
. Creación de componentes de acceso a datos Los conjuntos de datos se pueden utilizar para vincular valores de datos al HTML que se transmite al cliente. Se puede crear en el propio formulario web
o en un componente. Para simular una situación real, se creará en el componente. También escribirá el código necesario para completar el conjunto de datos con datos de la base de datos. Agregar y configurar fuentes de datos Haga clic en Caja de herramientas en el menú Ver. Desde la pestaña Datos de la caja de herramientas, arrastre
sqlDataAdapter
a la superficie del Diseñador de componentes. Aparece el "Asistente de configuración del adaptador de datos". Haga clic en "Siguiente" para avanzar a la página "Elija su conexión de datos" y luego haga clic en "Nueva conexión". Aparecerá el cuadro de diálogo "Propiedades del enlace de datos". En la pestaña Conexión del cuadro de diálogo Propiedades del enlace de datos: ingrese el nombre del servidor en el que está instalada la base de datos de pubs. Ingrese la información de inicio de sesión del servidor. Seleccione
pubs de la lista de bases de datos. Haga clic en el botón "Probar conexión" para probar el enlace de datos. Haga clic en Aceptar para volver al asistente. El nombre de la conexión de datos aparece en la lista desplegable. Nota:
Si no conoce el nombre de usuario y la contraseña de la base de datos de publicaciones de SQL Server
, comuníquese con el administrador de la base de datos. Propiedades del enlace de datos Haga clic en Siguiente para avanzar a la página Seleccionar tipo de consulta. Seleccione "Usar
instrucción SQL" y haga clic en "Siguiente".
Haga clic en "Generador de consultas" en la página "Generar sentencia
SQL". En la pestaña Tablas del cuadro de diálogo Agregar tabla, haga clic en títulos, haga clic en Agregar y luego haga clic en Cerrar. Esto agrega la tabla "títulos" a la consulta
SQL
. En el cuadro de diálogo "Creador de consultas", como se muestra en la siguiente figura, seleccione las casillas de verificación "title_id", "title", "price", "notes" y "pubdate" y luego haga clic en "Aceptar" para generar. p>
Instrucción SQL y regrese al Asistente de configuración del adaptador de datos. Generador de consultas La página Generar sentencia SQL muestra la sentencia SQL generada. Haga clic en "Finalizar" para salir del "Asistente de configuración del adaptador de datos" y conectar la fuente de datos a la tabla "títulos". Agregue los siguientes objetos a la superficie del Diseñador de componentes: sqlDataAdapter1 sqlConnection1 Como alternativa, puede utilizar Server Explorer para crear los objetos sqlDataAdapter1 y sqlConnection1. Para hacer esto, expanda el árbol de SQL Server para mostrar el servidor, la base de datos de publicaciones y la tabla de títulos, como se muestra en la siguiente figura. Expanda los títulos y seleccione las columnas requeridas, luego arrástrelas a la superficie del diseñador de componentes. Explorador de servidores
Puede ver el código generado en el método InitializeComponent del archivo Component1.cs (o la subrutina
InitializeComponent del archivo Component1.vb). Para hacer esto, cambie a la vista de código haciendo clic derecho en Component1.cs (o
Component1.vb) en el Explorador de soluciones y luego haga clic en Ver código en el menú contextual. Haga clic en Guardar todo en el menú Archivo para guardar el proyecto. Generar y completar el conjunto de datos Si el Diseñador de componentes no está visible, haga doble clic en el archivo
Component1.cs (o
Component1.vb) en el Explorador de soluciones. En el menú Datos, haga clic en Generar conjunto de datos. Aparece el cuadro de diálogo "Generar conjunto de datos". Seleccione el botón de opción Nuevo si aún no está seleccionado. Introduzca un nombre en el cuadro de texto correspondiente, como
myDataSet. Asegúrese de que la casilla Agregar este conjunto de datos al diseñador no esté seleccionada y haga clic en Aceptar. El archivo myDataSet.xsd
aparece en el Explorador de soluciones. Si hace doble clic en myDataSet.xsd en el Explorador de soluciones, podrá ver el esquema XML
y el código que describe myDataSet. Observe que las pestañas Conjunto de datos y XML se encuentran en la esquina inferior izquierda de la superficie del Diseñador XML. Enlace de esquema de conjunto de datos
DataGrid En esta sección, agrega un conjunto de datos a la página de formularios web, lo llena con datos y lo vincula a
DataGrid. Agregar un conjunto de datos a un formulario En el Explorador de soluciones, haga doble clic en el archivo WebForm1.aspx para seleccionar la página del formulario web
. Haga clic en Caja de herramientas en el menú Ver. Arrastre un conjunto de datos desde la pestaña Datos de la caja de herramientas a la superficie de Web Form Designer. Aparece el cuadro de diálogo "Agregar conjunto de datos". Si "TypedDataSet" aún no está seleccionado, selecciónelo. Seleccione el nombre del conjunto de datos
(MyWebForm.myDataSet) de la lista desplegable y haga clic en Aceptar. Esto agrega el conjunto de datos myDataSet1 a la parte no visual de la superficie del diseñador del formulario web.
Agregar un conjunto de datos
Complete el conjunto de datos con datos En el Explorador de soluciones, haga clic con el botón derecho en Component1.cs (o
Component1.vb) y seleccione Ver en el menú contextual Código" para cambiar a vista del código del componente. Agregue los siguientes métodos (o subrutinas) a la clase Component1
de la siguiente manera: // C# clase pública Component1:
System.ComponentModel.Component // Agregue el
.siguiente código: public void FillDataSet(myDataSet
dSet) { sqlDataAdapter1.Fill(dSet } // Fin del nuevo
código. ... ... } 'Visual Basic Clase pública
Component1 Hereda
System.ComponentModel.Component ... ...' Agregue el siguiente
código: Public Sub FillDataSet( ByVal dSet As
myDataSet) sqlDataAdapter1.Fill(dSet) End Sub ' Fin del nuevo
código Cambie a la vista de código de Web Forms haciendo clic derecho en el archivo
WebForm1.aspx en el Explorador de soluciones y seleccionando Ver código en el menú contextual. Esto abrirá el archivo de código subyacente,
WebForm1.aspx.cs (o WebForm1.aspx.vb). Declare un objeto componente en el nivel superior de la clase WebForm1
de la siguiente manera: // C# public class WebForm1 :
System.Web.UI.Page { // Agregue la siguiente línea : protected
Componente1 miComponente = nuevo Componente1(); ... ' Visual
Básico Clase pública WebForm1 Hereda System.Web.UI.Page ' Agrega el
línea siguiente: MyComponent protegido como nuevo componente1... Modifique el método Page_Load (o subrutina Page_Load) para llamar a FillDataSet() de la siguiente manera: // C# privado
void Page_Load (objeto remitente, System.EventArgs e ) { // Agrega el
siguiente código: if (!
IsPostBack) { myComponent.FillDataSet(myDataSet1 } // Fin
del nuevo; código. } ' Visual Basic