UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

Transcripción

1 CICLO: 01/2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN GUIA DE LABORATORIO #5 Nombre de la Práctica: Conectando a Fuentes de Datos Parte II Lugar de Ejecución: Centro de cómputo Tiempo Estimado: 2 horas con 30 minutos MATERIA: Lenguaje de Programación II DOCENTES: Karens Medrano / Hugo Dimas II. INTRODUCCIÓN TEÓRICA Terminología de Bases de Datos: Una Base de Datos es un fichero electrónico (o conjunto de ficheros) que permite almacenar información de manera estructurada. Una Base de Datos Relacional es un modelo de base de datos que almacena la información en Tablas. Cada Tabla, almacena un conjunto específico de datos estructurados. Una tabla contiene una colección de filas (tuplas o registros) y columnas (campos o atributos). Cada Columna de la tabla posee un nombre, y un Tipo de Dato, que define la información que podrá almacenar. Por ejemplo: fechas, nombres, importes en moneda o números. Las Tablas poseen además, restricciones como ser la Clave Primaria, que asegura la unicidad de los datos en la tabla; además de relaciones o claves foráneas con otras tablas, implementando integridad referencial. ADO.NET ADO.NET es un conjunto de componentes del software que pueden ser usados por los programadores para acceder a datos y a servicios de datos. Es una parte de la biblioteca de clases base que están incluidas en el Microsoft.NETFramework. Es comúnmente usado por los programadores para acceder y para modificar los datos almacenados en unsistema Gestor de Bases de Datos Relacionales, aunque también puede ser usado para acceder a datos en fuentes no relacionales. ADO.NET es a veces considerado como una evolución de la tecnología ActiveX Data Objects (ADO), pero fue cambiado tan extensivamente que puede ser concebido como un producto enteramente nuevo. ADO.NET consiste en dos partes primarias: Data provider: estas clases proporcionan el acceso a una fuente de datos, como Microsoft SQL Server y Oracle. Cada fuente de datos tiene su propio conjunto de objetos del proveedor, pero cada uno tienen un conjunto común de clases de utilidad: Connection: Proporciona una conexión usada para comunicarse con la fuente de datos. También actúa como Abstract Factory para los objetos command. Command: Usado para realizar alguna acción en la fuente de datos, como lectura, actualización, o borrado de datos relacionales. Parameter: Describe un simple parámetro para un command. Un ejemplo común es un parámetro para ser usado en un procedimiento almacenado. DataAdapter: "Puente" utilizado para transferir data entre una fuente de datos y un objeto DataSet (ver abajo). DataReader: Es una clase usada para procesar eficientemente una lista grande de resultados, un registro a la vez. Lenguaje de Programación II 1 / 20

2 DataSets: los objetos DataSets, son un grupo de clases que describen una simple base de datos relacional en memoria, fueron la estrella del show en el lanzamiento inicial (1.0) del Microsoft.NET Framework. Las clases forman una jerarquía de contención: Un objeto DataSet representa un esquema (o una base de datos entera o un subconjunto de una). Puede contener las tablas y las relaciones entre esas tablas. o Un objeto DataTable representa una sola tabla en la base de datos. Tiene un nombre, filas, y columnas. Un objeto DataView "se sienta sobre" un DataTable y ordena los datos (como una cláusula "order by" de SQL) y, si se activa un filtro, filtra los registros (como una cláusula "where" del SQL). Para facilitar estas operaciones se usa un índice en memoria. Todas las DataTables tienen un filtro por defecto, mientras que pueden ser definidos cualquier número de DataViews adicionales, reduciendo la interacción con la base de datos subyacente y mejorando así el desempeño. Un DataColumn representa una columna de la tabla, incluyendo su nombre y tipo. Un objeto DataRow representa una sola fila en la tabla, y permite leer y actualizar los valores en esa fila, así como la recuperación de cualquier fila que esté relacionada con ella a través de una relación de clave primaria - clave extranjera. Un DataRowView representa una sola fila de un DataView, la diferencia entre un DataRow y el DataRowView es importante cuando se está interactuando sobre un resultset. Un DataRelation es una relación entre las tablas, tales como una relación de clave primaria - clave ajena. Esto es útil para permitir la funcionalidad del DataRow de recuperar filas relacionadas. Un Constraint describe una propiedad de la base de datos que se debe cumplir, como que los valores en una columna de clave primaria deben ser únicos. A medida que los datos son modificados cualquier violación que se presente causará excepciones. Un DataSet es llenado desde una base de datos por un DataAdapter cuyas propiedades Connection y Command que han sido iniciados. Sin embargo, un DataSet puede guardar su contenido a XML (opcionalmente con un esquema XSD), o llenarse a sí mismo desde un XML, haciendo esto excepcionalmente útil para los servicios web, computación distribuida, y aplicaciones ocasionalmente conectadas desconectados. Acceso a Bases de Datos Relaciónales Escenario Conectado Un entorno conectado es uno en el cual los usuarios están constantemente conectados a la fuente de datos Ventajas: Mayor seguridad Mejor control de concurrencia Los datos se mantienen actualizados Desventajas: Se requiere una conexión constante (consume recursos del servidor) Escalabilidad Acceso a Bases de Datos Relacionales Escenario Desconectado En un entorno desconectado, una parte de los datos del repositorio central se copia y modifica en forma local, para luego sincronizarse con éste. Ventajas Se puede trabajar en forma independiente Mayor escalabilidad y performance Lenguaje de Programación II 2

3 Desventajas Los datos no están sincronizados Resolución manual de conflictos System.Data Es el espacio de nombres de ADO.NET. Tareas habituales en la programación de aplicaciones que gestionan bases de datos: o Establecer una conexión con la Base de Datos. o Solicitar al Servidor datos específicos. o El Servidor retorna los datos solicitados. o El Usuario modifica los datos, y envía las actualizaciones al Servidor. o Se cierra la conexión. La gestión de datos se puede realizar en línea, o en un proceso desconectado. ADO.NET ofrece un modelo unificado de desarrollo a lo largo de la Plataforma.NET, independiente al lenguaje de Programación (Visual Basic.NET, C#, etc.) e independiente a la arquitectura de la aplicación a desarrollar (aplicación de escritorio, aplicación web, aplicación de consola, etc.). III. MATERIALES Y EQUIPO Para la realización de la guía de práctica se requerirá lo siguiente: No. Requerimiento Cantidad 1 Guía de práctica #4: Conectando a Fuentes de Datos Parte I 1 2 Computadora con Visual Studio 2012 instalado 1 3 Memoria USB o disco flexible 1 IV. PROCEDIMIENTO Ejercicio #1 Creación de base de datos usando SQL Server 2012 para que funcione como fuente de datos. 1. Proceda a iniciar la herramienta de Microsoft SQL Server Management Studio instalada en su computadora, una vez cargada, proceda a ejecutar el script que se le proporciona en los recursos de esta guía. Asegúrese que la base de datos Bolsa_Trabajo no se encuentre creada, de ser así elimínela y proceda a crearla nuevamente con la ayuda del script proporcionado. Cuando ya haya ejecutado todas las querys, proceda a verificar mediante un diagrama las relaciones entre las tablas, las cuales deben verse como se muestra a continuación: Lenguaje de Programación II 3

4 Ejercicio #2 Creación de conexión desde Visual Studio con el origen de datos a través del asistente. 1. Proceda a iniciar Microsoft Visual Studio desde su computadora. Una vez cargado el IDE en pantalla procederemos a crear la conexión de tal manera que esta se encuentre activa desde nuestra ventana. De esta manera se podrá administrar los objetos de bases de datos desde el IDE. Para ello, proceda a iniciar el explorar de servidores, desde el menú Ver, Explorador de Servidores. Podrá observar que se carga una nueva ventana listando los diferentes servidores asociados a la aplicación. El que nos interesa por el momento es el que indica Conexiones de datos. Desde este punto procederemos a agregar una nueva conexión, para ello proceda a dar clic derecho sobre el icono asociado a servidores de base datos, automáticamente verá un menú emergente del cual deberá seleccionar la opción de Agregar conexión. 2. Se nos mostrará una ventana donde se nos solicita especificar los parámetros de conexión a nuestro servidor. Estos parámetros son los que se explican en la introducción teórica de esta guía de laboratorio. Procederemos a llenar el formulario presentado de la siguiente forma: del campo de servidor, seleccione el servidor asociado a su instancia de SQL Server instalada en su computadora. Para la conexión al servidor se debe usar conexión con autenticación de Windows. Posteriormente seleccione la base de datos que creo usted en el inicio de esta guía. La configuración anterior debe quedar como muestra la siguiente imagen. Finalmente de clic en el botón de probar conexión el cual nos indicara si se ha podido establecer la conexión y si esta ha sido satisfactoria y luego de clic en Aceptar. Lenguaje de Programación II 4

5 3. Una vez creada la conexión, procederemos a configurar la cadena de conexión en nuestro archivo web.config, ya que de esta manera se podrá mantener una sola cadena de conexión en todo el sitio. Para ello, de clic derecho sobre la conexión antes establecida y proceda a dar clic en Propiedades del menú emergente. Una vez se carguen las propiedades de la conexión, proceda a copiar la propiedad Cadena de conexión de la ventana de propiedades. Debe conservar los datos en memoria. Verifique la siguiente imagen. Lenguaje de Programación II 5

6 4. Ahora, proceda a editar e archivo web.config de su sitio web, para agregar las siguientes líneas de código. En la etiqueta connectionstring debe colocar el valor de la cadena de conexión copiada en el punto anterior. Al final debe quedarle como se muestra a continuación: <connectionstrings> <add name="cadenaconexion" connectionstring="data Source=REEG;Initial Catalog=Bolsa_Trabajo;Integrated Security=True" providername="system.data.sqlclient" /> </connectionstrings> Lo que se acaba de realizar es la adición de las cadenas de conexión en el web.config de tal manera que se encuentre disponible en todos nuestros archivos de código del proyecto. Esto es de suma utilidad ya que en casos de que se necesite cambiar la cadena de conexión, únicamente se modifica este archivo a las nuevas referencias de la fuente de datos, sin estar cambiando una a una las conexiones existentes. La etiqueta de conexión describe una propiedad name la cual establece el nombre con la que estableceremos nuestra conexión desde el código en C#. La propiedad connectionstring establece la ruta al servidor de base de datos y la base de datos misma. Finalmente el providername establece el espacio de nombres del proveedor de datos que utilizaremos para la gestión de nuestra conexión. 5. Una vez creado nuestro sitio web, procederemos a configurar las condiciones de trabajo del mismo mediante la creación de carpetas y archivos. Para ello cree 4 carpetas en la raíz del sitio según el detalle de la siguiente tabla. El contenido de cada carpeta se encuentra como recurso de esta guía, por lo que debe de proceder a adicionar el contenido de cada una de las carpetas como ya lo ha realizado anteriormente. Carpeta css fonts images js 6. Ahora, proceda a agregar un nuevo Web Form con nombre Default.aspx, y luego digite el siguiente marcado. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE HTML> <html> Lenguaje de Programación II 6

7 <head> <title>bolsa de Trabajo en Línea - Universidad Don Bosco</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> <script src="js/jquery.min.js"></script> <script src="js/jquery.scrolly.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/jquery.scrollex.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-xlarge.css" /> </noscript> <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]--> <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> </head> <body> <!-- Header --> <header id="header" class="skel-layers-fixed"> <h1 id="logo"><a href="/">página Principal</a></h1> <nav id="nav"> <ul> <li><a href="nuevaoferta.aspx" class="button special">nueva Oferta</a></li> </ul> </nav> </header> <!-- Main --> <div id="main" class="wrapper style1"> <div class="container"> <header class="major"> <h2>bolsa de Trabajo en Línea</h2> <p>universidad Don Bosco</p> </header> <!-- Formulario de Ingreso de Información --> <section> <form id="form1" runat="server"> <div class="row uniform 50%"> </form> </section> <!-- Footer --> <footer id="footer"> <ul class="icons"> <li><a href="#" class="icon alt fa-twitter"><span class="label">twitter</span></a></li> <li><a href="#" class="icon alt fa-facebook"><span Lenguaje de Programación II 7

8 class="label">facebook</span></a></li> <li><a href="#" class="icon alt fa-envelope"><span class="label"> </span></a></li> </ul> <ul class="copyright"> <li> All rights reserved.</li> </ul> </footer> </body> </html> 7. Dentro del marcado anterior, ubique el div que tiene como clase row uniform 50% ya que es al interior de este div que colocaremos el contenido de la página. Dentro de este div procederemos a crear 3 DropDownList, un botón y un GridView, por lo que digite el siguiente marcado dentro de este div. <div class="4u 12u$(xsmall)"> Categoría <div class="select-wrapper"><asp:dropdownlist ID="ddlCategorias" runat="server"></asp:dropdownlist> <div class="3u 12u$(xsmall)"> Localidad <div class="select-wrapper"><asp:dropdownlist ID="ddlLocalidades" runat="server"></asp:dropdownlist> <div class="3u 12u$(xsmall)"> Empresa <div class="select-wrapper"><asp:dropdownlist ID="ddlEmpresas" runat="server"></asp:dropdownlist> <div class="2u 12u$(xsmall)"> <br /> <asp:button ID="btnBuscar" runat="server" Text="Buscar" Width="100%" CssClass="special"/> <asp:gridview ID="GridView1" runat="server"></asp:gridview> 8. Ahora, procederemos a configurar el GridView agregado en el punto anterior, para ello, desde la pestaña de opciones generales, seleccione la opción Elegir origen de datos y luego en Nuevo origen de datos. Con esto, crearemos un control SQLDataSource que sea enlazado con el GridView. En el cuadro de Tipo de origen de datos seleccione Base de Datos y colóquele como nombre SQLDataSource1. Refiérase por las figuras. Lenguaje de Programación II 8

9 9. En la ventana de conexión de datos, seleccione cadenaconexion que es la cadena que se configuro anteriormente. Posteriormente se nos pedirá que ingresemos la consulta, para ello, seleccione Especificar una consula SQL e ingrese la siguiente consulta. Posteriormente de clic en siguiente. SELECT categorias.snombrecategoria, ofertas.nidoferta, ofertas.stitulooferta, ntipocontrato = CASE ofertas.ntipocontrato WHEN 1 THEN 'Permanente' WHEN 2 THEN 'Por proyecto' END, ntipojornada = CASE ofertas.ntipojornada WHEN 1 THEN 'Tiempo Completo' WHEN 2 THEN 'Por horas' END, ofertas.fsalario, ofertas.dfechapublicacion, empresas.snombreempresa, municipios.snombremunicipio FROM municipios INNER JOIN ofertas ON municipios.nidmunicipio = ofertas.nidlocalidad INNER JOIN empresas ON ofertas.nidempresa = empresas.nidempresa INNER JOIN categorias ON ofertas.nidcategoria = categorias.nidcategoria WHERE categorias.nidcategoria AND municipios.nidmunicipio AND empresas.nidempresa 10. Como usted puede ver anteriormente, en la anterior consulta se ha aplicado un filtro de 3 parámetros, los cuales son representados por un símbolo de arroba (@) al principio. Estos tres filtros corresponden a la categoría, empresa y municipio. El siguiente paso es indicarle a ASP que debe tomar el valor de los parámetros desde los 3 controles DropDownList provistos con anterioridad. Para ello, para cada uno de los parámetros, seleccione como Origen de parámetro el valor de control, y como ControlID seleccione ddlempresas si el parámetro corresponde a empresas, ddlcategorias si el parámetro corresponde a categorías y ddlocalidades si corresponde a las localidades. Como valor por defecto coloque 1 en los tres casos. De clic en siguiente y luego en finalizar. Lenguaje de Programación II 9

10 11. De clic en el botón de opciones del GridView1 y seleccione la opción de Editar Columnas, cambie el nombre de cada una de las columnas que se muestran en la tabla a un nombre más natural. Además para el campo de Fecha de Publicación cambie la propiedad DataFormatString a 0:d y para el campo de Salario coloque la misma propiedad en $0. Guíese por la siguiente imagen: 12. Procederemos ahora a agregar una columna, para ello, siempre en el editor de columnas, seleccione dentro del nodo CommandField, la opción de Seleccinar, de clic en el botón de agregar y proceda a configurar la nueva columna estableciendo como Header Text el valor de Editar, como Button Type seleccione Image, con la propiedad SelectImageUrl busque edit_flat_icon.png dentro de Lenguaje de Programación II 10

11 la carpeta images. Dentro de la sección de estilos, despligue el nodo Control Style y coloque un Width de 50px. De clic en Aceptar. Lenguaje de Programación II 11

12 13. Procederemos ahora a agregar una nueva columna, para ello, siempre en el editor de columnas, agregue un nuevo CommandField de tipo Eliminar. Configure las propiedades como sigue: nombre de coolumna Header Text con valor de Eliminar, como Button Type seleccione Image, con la propiedad DeleteImageUrl busque eliminar_icon_flat.png dentro de la carpeta images. Dentro de la sección de estilos, despligue el nodo Control Style y coloque un Width de 40px. De clic en Aceptar. 14. Ahora, procederemos a establecer una propiedad dentro del GridView1 que es de suma importancia, ya que de esta manera, se le establece que el valor que devolverá por cada operación sea la llave de la tabla, por lo que ubíquese en la vista de código dentro de la página Default.aspx y dentro de esta ubique la propiedad DataKeyNames, si no existe digítela y luego asígnele el valor de nidoferta 15. Una vez concluido esto, nos resta programar los controles de DropDownList. Para ello, cree una nueva clase con el nombre de conexion.cs, y digite el siguiente código. Tome especial cuidado de que se han incluido los espacios de nombres orientados a datos como System.Data.SQLClient. using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data.SqlClient; using System.Configuration; using System.Web.UI.WebControls; using System.Data; public class conexion private String cadenaconexion; private SqlConnection conexionsql; public conexion() this.cadenaconexion = ConfigurationManager.ConnectionStrings["CadenaConexion"].ConnectionString; public bool conectar() try Lenguaje de Programación II 12

13 this.conexionsql = new SqlConnection(this.cadenaConexion); this.conexionsql.open(); return true; catch (Exception e) return false; public bool estadoconexion() switch (this.conexionsql.state) case System.Data.ConnectionState.Broken: return true; case System.Data.ConnectionState.Open: return true; default: return false; public void desconectar() this.conexionsql.close(); public void getcategorias(ref DropDownList combobox) SqlCommand comando = new SqlCommand(); SqlDataReader lector; comando.commandtype = System.Data.CommandType.Text; comando.commandtext = "SELECT * FROM categorias ORDER BY snombrecategoria"; comando.connection = this.conexionsql; try combobox.items.clear(); lector = comando.executereader(); if (lector.hasrows) while (lector.read()) combobox.items.add(new ListItem(lector.GetString(1), lector[0].tostring())); lector.close(); catch (SqlException error) public void getlocalidades(ref DropDownList combobox) SqlCommand comando = new SqlCommand(); SqlDataReader lector; Lenguaje de Programación II 13

14 comando.commandtype = System.Data.CommandType.Text; comando.commandtext = "SELECT * FROM municipios ORDER BY snombremunicipio"; comando.connection = this.conexionsql; try combobox.items.clear(); lector = comando.executereader(); if (lector.hasrows) while (lector.read()) combobox.items.add(new ListItem(lector.GetString(1), lector["nidmunicipio"].tostring())); lector.close(); catch (SqlException error) public void getempresas(ref DropDownList combobox) SqlCommand comando = new SqlCommand(); SqlDataReader lector; comando.commandtype = System.Data.CommandType.Text; comando.commandtext = "SELECT * FROM empresas ORDER BY snombreempresa"; comando.connection = this.conexionsql; try combobox.items.clear(); lector = comando.executereader(); if (lector.hasrows) while (lector.read()) combobox.items.add(new ListItem(lector.GetString(1), lector.getint32(0).tostring())); lector.close(); catch (SqlException error) public int nuevaoferta(int nidempresa, String stitulooferta, int ntipojornada, int ntipocontrato, double fsalario, int nidlocalidad, int ntipolocalidad, int nidcategoria, String fechapublicacion, String sdescripcion, String fechacontratacion, int nvacantes ) String queryinsert = "INSERT INTO ofertas(nidempresa, stitulooferta, ntipojornada, Lenguaje de Programación II 14

15 ntipocontrato, fsalario, nidlocalidad, ntipolocalidad, nidcategoria, dfechapublicacion, sdescripcion, @p12)"; SqlCommand comando = new SqlCommand(); comando.commandtype = System.Data.CommandType.Text; comando.commandtext = queryinsert; comando.connection = this.conexionsql; try comando.parameters.addwithvalue("@p1", nidempresa); comando.parameters.addwithvalue("@p2", stitulooferta); comando.parameters.addwithvalue("@p3", ntipojornada); comando.parameters.addwithvalue("@p4", ntipocontrato); comando.parameters.addwithvalue("@p5", fsalario); comando.parameters.addwithvalue("@p6", nidlocalidad); comando.parameters.addwithvalue("@p7", ntipolocalidad); comando.parameters.addwithvalue("@p8", nidcategoria); comando.parameters.addwithvalue("@p9", fechapublicacion); comando.parameters.addwithvalue("@p10", sdescripcion); comando.parameters.addwithvalue("@p11", fechacontratacion); comando.parameters.addwithvalue("@p12", nvacantes); return comando.executenonquery(); catch (SqlException error) return 0; 16. Ahora, proceda a programar el evento load de la página agregando el siguiente código. protected void Page_Load(object sender, EventArgs e) conexion conexionsql = new conexion(); conexionsql.conectar(); if (!Page.IsPostBack) conexionsql.getcategorias(ref ddlcategorias); conexionsql.getlocalidades(ref ddllocalidades); conexionsql.getempresas(ref ddlempresas); conexionsql.desconectar(); 17. Ahora, proceda a programar el evento clic del botón de buscar agregando el siguiente código. protected void btnbuscar_click(object sender, EventArgs e) GridView1.DataBind(); 18. Ahora, proceda a crear los siguientes métodos al código siempre al mismo nivel del código del evento Load. Estos nos servirán para gestionar la selección y eliminación de registros desde el GridView. Lenguaje de Programación II 15

16 protected void GridView1_SelectedIndexChanging(object sender, GridViewSelectEventArgs e) int nidoferta = Convert.ToInt32(GridView1.DataKeys[e.NewSelectedIndex].Value); Response.Redirect(string.Format("EditarOferta.aspx?id=0", nidoferta)); protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e) SqlDataSource1.DeleteCommand = "DELETE FROM ofertas WHERE nidoferta SqlDataSource1.DeleteParameters.Add("nIdOferta", GridView1.DataKeys[e.RowIndex].Values["nIdOferta"].ToString()); SqlDataSource1.Delete(); GridView1.DataBind(); 19. Ahora, procederemos a enlazar los dos eventos anteriores a las acciones del grid, para ello agregue las siguientes propiedades al marcado del GridView1. Una vez hecho esto, proceda a ejecutar la página y filtre los datos con respecto a los que se almacenan en la base de datos. 20. Cree un nuevo Web Form con el nombre de NuevaOferta.aspx y proceda a digitar el siguiente marcado: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NuevaOferta.aspx.cs" Inherits="NuevaOferta" %> <!DOCTYPE HTML> <html> <head> <title>bolsa de Trabajo en Línea - Universidad Don Bosco</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> <script src="js/jquery.min.js"></script> <script src="js/jquery.scrolly.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/jquery.scrollex.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-xlarge.css" /> </noscript> <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]--> <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> </head> <body> <!-- Header --> <header id="header" class="skel-layers-fixed"> <h1 id="logo"><a href="/">página Principal</a></h1> Lenguaje de Programación II 16

17 <nav id="nav"> <ul> <li><a href="default.aspx" class="button special">listado de Oferta</a></li> </ul> </nav> </header> <!-- Main --> <div id="main" class="wrapper style1"> <div class="container"> <h3>nueva oferta de trabajo</h3> <p>ingrese la información en los campos siguientes para adicionar una nueva oferta de trabajo</p> <!-- Formulario de Ingreso de Información --> <section> <form id="form1" runat="server"> <div class="row uniform 50%"> <div class="6u 12u$(xsmall)"> <label>empresa</label> <div class="select-wrapper"><asp:dropdownlist ID="ddlEmpresas" runat="server"></asp:dropdownlist> <div class="6u 12u$(xsmall)"> <label>título de la oferta</label> <asp:textbox ID="txtTituloOferta" runat="server"></asp:textbox> <asp:requiredfieldvalidator ID="RequiredFieldValidator1" ControlToValidate="txtTituloOferta" ForeColor="Red" runat="server" ErrorMessage="Título de oferta obligatorio">*</asp:requiredfieldvalidator> <div class="6u 12u$(xsmall)"> <label>tipo de Contrato</label> <div class="select-wrapper"> <asp:dropdownlist ID="ddlTipoContrato" runat="server"> <asp:listitem Value="1">Permanente</asp:ListItem> <asp:listitem Value="2">Por Proyecto</asp:ListItem> </asp:dropdownlist> <div class="6u 12u$(xsmall)"> <label>tipo de Jornada</label> <div class="select-wrapper"> <asp:dropdownlist ID="ddlTipoJornada" runat="server"> <asp:listitem Value="1">Tiempo Completo</asp:ListItem> <asp:listitem Value="2">Por Horas</asp:ListItem> </asp:dropdownlist> <div class="6u 12u$(xsmall)"> <label>salario</label> <asp:textbox ID="txtSalario" Lenguaje de Programación II 17

18 runat="server"></asp:textbox> <asp:requiredfieldvalidator ID="RequiredFieldValidator2" ControlToValidate="txtSalario" ForeColor="Red" runat="server" ErrorMessage="Salario obligatorio">*</asp:requiredfieldvalidator> <div class="6u$ 12u$(xsmall)"> <label>localidades</label> <div class="select-wrapper"><asp:dropdownlist ID="ddlLocalidades" runat="server"></asp:dropdownlist> <div class="6u 12u$(xsmall)"> <label>tipo de Localidad</label> <div class="select-wrapper"> <asp:dropdownlist ID="ddlTipoLocalidad" runat="server"> <asp:listitem Value="1">Área</asp:ListItem> <asp:listitem Value="2">Proximidad</asp:ListItem> </asp:dropdownlist> <div class="6u 12u$(xsmall)"> <label>categoría</label> <div class="select-wrapper"><asp:dropdownlist ID="ddlCategorias" runat="server"></asp:dropdownlist> <div class="6u 12u$(xsmall)"> <label>fecha Contratación</label> <asp:textbox ID="txtFechaContratacion" runat="server"></asp:textbox> <asp:requiredfieldvalidator ID="RequiredFieldValidator3" ControlToValidate="txtFechaContratacion" ForeColor="Red" runat="server" ErrorMessage="Fecha de contratación obligatorio">*</asp:requiredfieldvalidator> <div class="6u 12u$(xsmall)"> <label>vacantes</label> <asp:textbox ID="txtVacantes" runat="server"></asp:textbox> <asp:requiredfieldvalidator ID="RequiredFieldValidator4" ControlToValidate="txtVacantes" ForeColor="Red" runat="server" ErrorMessage="Vacantes es campo obligatorio">*</asp:requiredfieldvalidator> <div class="6u$ 12u$(xsmall)"> <label>descripción de la plaza</label> <asp:textbox ID="txtDescripcion" TextMode="MultiLine" Columns="10" runat="server"></asp:textbox> <div class="6u 12u$(xsmall)"> <asp:button ID="btnBuscar" runat="server" Text="Agregar Nueva Oferta" CssClass="special" OnClick="btnBuscar_Click" /> <div class="12u 12u$(xsmall)"> <asp:validationsummary ID="ValidationSummary1" DisplayMode="BulletList" runat="server" /> </form> Lenguaje de Programación II 18

19 </section> <!-- Footer --> <footer id="footer"> <ul class="icons"> <li><a href="#" class="icon alt fa-twitter"><span class="label">twitter</span></a></li> <li><a href="#" class="icon alt fa-facebook"><span class="label">facebook</span></a></li> <li><a href="#" class="icon alt fa-envelope"><span class="label"> </span></a></li> </ul> <ul class="copyright"> <li> All rights reserved.</li> </ul> </footer> </body> </html> 21. En el evento Load, digite el siguiente código. protected void Page_Load(object sender, EventArgs e) conexion conexionsql = new conexion(); conexionsql.conectar(); if (!Page.IsPostBack) conexionsql.getcategorias(ref ddlcategorias); conexionsql.getlocalidades(ref ddllocalidades); conexionsql.getempresas(ref ddlempresas); conexionsql.desconectar(); 22. En el evento clic del botón, digite el siguiente código. protected void btnbuscar_click(object sender, EventArgs e) int resultado = 0; int nidempresa = int.parse(ddlempresas.selectedvalue.tostring()); String stitulooferta = txttitulooferta.text; int ntipojornada = int.parse(ddltipojornada.selectedvalue.tostring()); int ntipocontrato = int.parse(ddltipocontrato.selectedvalue.tostring()); double fsalario = double.parse(txtsalario.text.tostring()); int nidlocalidad = int.parse(ddllocalidades.selectedvalue.tostring()); int ntipolocalidad = int.parse(ddltipolocalidad.selectedvalue.tostring()); int nidcategoria = int.parse(ddlcategorias.selectedvalue.tostring()); String sfechapublicacion = DateTime.Now.ToString("yyyy-MM-dd"); String sfechacontratacion = txtfechacontratacion.text; String sdescripcion = txtdescripcion.text; int nvacantes = int.parse(txtvacantes.text); Lenguaje de Programación II 19

20 conexion conexionsql = new conexion(); conexionsql.conectar(); resultado = conexionsql.nuevaoferta(nidempresa, stitulooferta, ntipojornada, ntipocontrato, fsalario, nidlocalidad, ntipolocalidad, nidcategoria, sfechapublicacion, sdescripcion, sfechacontratacion, nvacantes); conexionsql.desconectar(); if (resultado == 1) Response.Redirect("Default.aspx"); 23. Proceda a ejecutar la página, si le da problemas con los campos de validación, proceda a corregirlos tal y como se muestra en la guía número 3. V. BIBLIOGRAFÍA 1. Thierry GROUSSARD. (2013). C# 5: Los fundamentos del lenguaje Desarrollar con Visual Studio Barcelona: ENI. Lenguaje de Programación II 20