ASP Net

Machanay Sulca Carlos E.
ASP.NET & ORACLE
1
ASP.NET & ORACLE
Desarrollo de una aplicación Web (Tienda Virtual)

Es una empresa que comercializa, productos alimenticios, en la actualidad representa a
un reconocido conjunto de marcas de artículos.
Las operaciones de venta, información y contactos las realiza de manera convencional

usando el teléfono, fax y correo electrónico.
El dueño de la empresa conocedor de las ventajas del uso de las tecnologías de la

información, decide contratar el diseño de un sitio de comercio electrónico.
Requisitos:
Para el desarrollo de esta aplicación usamos la siguiente plataforma:
 Windows XP
 Visual Studio .NET 2005 (ASP.NET 2.0)
 ORACLE 10g
Descripción de la aplicación Web

El sitio Web debe permitir la venta por internet y estar habilitado para:
 Registrar al cliente
 Mostrar un catalogo de los artículos en venta
 Generar un carrito de compra y permitir su administración.
2
ASP.NET & ORACLE
Funcionamiento de la aplicación Web.

Listado de Articulo:
La pagina cargar con todo los articulos, usted puede elegir por linea de articulos, una vez
elegido la linea de articulos, usted puede ingresar la cantidad de articulos a comprar, una
vez ingresado la cantidad, seleccione la imagen del carrito que se encuentra en el
GridView.
Si usted termino de elegir el artículo que desea comprar, clic en el link Ver Carrito de
Compras.
3
ASP.NET & ORACLE
Carrito de Compras:
Una vez que usted ha seleccionado los 2 artículos con anterioridad, note usted que en
esta pagina se encuentran dichos artículos, el cual usted puede modificar la cantidad y
actualizar si usted desea, puede quitar un articulo dando clic en el icono que se encuentra
en el GridView, en caso que usted ya no quiera, o si usted quiere comprar mas artículos
usted puede dar clic en el link Agregar un nuevo articulo, en caso que usted esta de
acuerdo con los artículos adquiridos, clic en el botón confirmar Pedido.
4
ASP.NET & ORACLE
Confirmación de Pedido:
Note usted que en esta página se muestra el monto total, si usted es un usuario
registrado, usted debe ingresar su inicio de sesión (correo) y password.
Si en caso usted no es un usuario registrado, usted debe registrarse.
5
ASP.NET & ORACLE
Registro de usuario:
En esta pagina usted se debe registrar para poder seguir con el circuito de la compra, una
vez registrado, automáticamente la pagina regresara a la pagina Confirmación de
Pedido.
6
ASP.NET & ORACLE
Confirmación de Pedido:
Ingrese su inicio de sesión y password, Si es correcto se mostrara sus datos en la parte

inferior, el cual usted debe dar clic en el icono de usuario que se encuentra en el
GridView.
7
ASP.NET & ORACLE
Pedido confirmado:
En esta ventana note usted la generación del pedido con los artículos y datos del usuario,
clic en enviar.
8
ASP.NET & ORACLE
Mensaje:
En esta ventana se muestra el mensaje del proceso realizado.
9
ASP.NET & ORACLE
Esquema Venta.
10
ASP.NET & ORACLE
Usted debe crear su tablespace TS_COM y luego crear el esquema Venta.
Tabla USUARIO Tabla ARTICULO
CREATE TABLE USUARIO CREATE TABLE ARTICULO

(ID_USUARIO CHAR(7)NOT NULL, (ID_ARTICULO NUMBER(6) NOT NULL,
RAZON_SOCIAL VARCHAR2(60)NULL, NOMBRE_ARTICULO VARCHAR2(40)NULL,
NOMBRE_USUARIO VARCHAR2(40)NULL, ID_LINEA NUMBER(3) NOT NULL,
CONTRASEÑA VARCHAR2(20)NOT NULL, STOCK_ARTICULO NUMBER(3)NULL,
CORREO_USUARIO VARCHAR2(30)NULL) PRECIO_ARTICULO NUMBER(8,2)NULL,
TABLESPACE TS_COM; FECHA_VENCIMIENTO DATE NULL)
TABLESPACE TS_COM;
PK a la tabla USUARIO PK a la tabla ARTICULO
ALTER TABLE USUARIO ALTER TABLE ARTICULO

ADD CONSTRAINT PK_USUARIO ADD CONSTRAINT PK_ARTICULO
PRIMARY KEY(ID_USUARIO); PRIMARY KEY(ID_ARTICULO);
Tabla LÍNEA Relación tabla ARTICULO y LÍNEA
CREATE TABLE LINEA ALTER TABLE ARTICULO

(ID_LINEA NUMBER(3)NOT NULL, ADD CONSTRAINT FK_ARTICULO_LINEA
NOMBRE_LINEA VARCHAR2(30)NULL) FOREIGN KEY(ID_LINEA)
TABLESPACE TS_COM; REFERENCES LINEA;
PK a la tabla LÍNEA Tabla PEDIDO
ALTER TABLE LINEA CREATE TABLE PEDIDO

ADD CONSTRAINT PK_LINEA (NUMERO_PEDIDO CHAR(12)NOT NULL,
PRIMARY KEY(ID_LINEA); FECHA_EMISION DATE,
ID_USUARIO CHAR(7)NOT NULL,
TOTAL NUMBER(8,2))
TABLESPACE TS_COM;
Tabla DETALLE PK a la tabla PEDIDO
CREATE TABLE DETALLE ALTER TABLE PEDIDO

(NUMERO_PEDIDO CHAR(12)NOT NULL, ADD CONSTRAINT PK_PEDIDO
ID_ARTICULO NUMBER(6)NOT NULL, PRIMARY KEY(NUMERO_PEDIDO);
PRECIO NUMBER(8,2),
CANTIDAD NUMBER(3))
TABLESPACE TS_COM;
PK a la tabla DETALLE Relación tabla DETALLE y ARTICULO
ALTER TABLE DETALLE ALTER TABLE DETALLE

ADD CONSTRAINT PK_DETALLE ADD CONSTRAINT FK_DETALLE_ARTICULO
PRIMARY KEY(NUMERO_PEDIDO,ID_ARTICULO); FOREIGN KEY(ID_ARTICULO)REFERENCES
ARTICULO;
Relación tabla DETALLE y PEDIDO Relación tabla PEDIDO y USUARIO
ALTER TABLE DETALLE ALTER TABLE PEDIDO

ADD CONSTRAINT FK_DETALLE_PEDIDO ADD CONSTRAINT FK_PEDIDO_USUARIO
FOREIGN KEY(NUMERO_PEDIDO)REFERENCES FOREIGN KEY(ID_USUARIO)REFERENCES
PEDIDO; USUARIO;
11
ASP.NET & ORACLE
Insertando datos a la tabla LÍNEA
INSERT INTO LINEA VALUES(101,’LACTEOS’);
INSERT INTO LINEA VALUES(102,’EMBUTIDOS’);
INSERT INTO LINEA VALUES(103,’CEREALES’);
INSERT INTO LINEA VALUES(104,’BEBIDAS’);
Insertando datos a la tabla ARTICULO
INSERT INTO ARTICULO VALUES(1001,'LECHE EVAPORADA',101,50,2.50,'12/01/09');
INSERT INTO ARTICULO VALUES(1002,'LECHE SEMIDESCREMADA',101,200,2.8,'01/04/09');
INSERT INTO ARTICULO VALUES(1003,'LECHE MAMA',101,130,3.2,'18/09/09');
INSERT INTO ARTICULO VALUES(1004,'HOT DOG',102,12,12.4,'08/03/09');

INSERT INTO ARTICULO VALUES(1005,'CHORIZO AHUMADO',102,8,17.8,'02/10/09');
INSERT INTO ARTICULO VALUES(1006,'JAMONADA NACIONAL',102,10,19.2,'20/05/09');
INSERT INTO ARTICULO VALUES(1007,'AVENA KUAQUER',103,120,1.4,'17/08/10');

INSERT INTO ARTICULO VALUES(1008,'SOYA AVENA',103,100,1.5,'22/06/10');
INSERT INTO ARTICULO VALUES(1009,'QUINUA AVENA',103,250,1.8,'30/09/10');
INSERT INTO ARTICULO VALUES(1010,'CERVEZA CRISTAL',104,250,3.6,'21/01/17');

INSERT INTO ARTICULO VALUES(1011,'CERVEZA FRANCA',104,150,2.9,'01/11/17');
INSERT INTO ARTICULO VALUES(1012,'CERVEZA PILSEN',104,140,3.7,'08/01/18');
Store procedure (USP_INSERTAR_USUARIO)

CREATE OR REPLACE PROCEDURE USP_INSERTAR_USUARIO
(CID_USUARIO USUARIO.ID_USUARIO%TYPE,
VRAZON_SOCIAL USUARIO.RAZON_SOCIAL%TYPE,
VNOMBRE_USUARIO USUARIO.NOMBRE_USUARIO%TYPE,
VCONTRASEÑA USUARIO.CONTRASEÑA%TYPE,
VCORREO USUARIO.CORREO_USUARIO%TYPE)
AS
ID_USU USUARIO.ID_USUARIO%TYPE;
BEGIN
SELECT 'C' ||
SUBSTR('000000'||LTRIM(SUBSTR(NVL(MAX(ID_USUARIO),'C000000'),6) + 1), -6)
INTO ID_USU FROM USUARIO;
INSERT INTO USUARIO
VALUES(ID_USU,VRAZON_SOCIAL,VNOMBRE_USUARIO,VCONTRASEÑA,VCORREO);
END;
Store procedure (USP_INSERTAR_PEDIDO)

CREATE OR REPLACE PROCEDURE USP_INSERTAR_PEDIDO
(C_NUMERO_PEDIDO PEDIDO.NUMERO_PEDIDO%TYPE,
D_FECHA_EMISION PEDIDO.FECHA_EMISION%TYPE,
C_ID_USUARIO PEDIDO.ID_USUARIO%TYPE,
N_TOTAL PEDIDO.TOTAL%TYPE)
AS
BEGIN
INSERT INTO PEDIDO
VALUES(C_NUMERO_PEDIDO,D_FECHA_EMISION,C_ID_USUARIO,N_TOTAL);
END;
12
ASP.NET & ORACLE
Store procedure (USP_INSERTAR_DETALLE)
CREATE OR REPLACE PROCEDURE USP_INSERTAR_DETALLE
(C_NUMERO_PEDIDO DETALLE.NUMERO_PEDIDO%TYPE,
N_ID_ARTICULO DETALLE.ID_ARTICULO%TYPE,
PRECIO DETALLE.PRECIO%TYPE,
CANTIDAD DETALLE.CANTIDAD%TYPE)
AS
BEGIN
INSERT INTO DETALLE
VALUES(C_NUMERO_PEDIDO,N_ID_ARTICULO,PRECIO,CANTIDAD);
END;
trigger (TG_ACTUALIZAR_STOCK)
CREATE OR REPLACE TRIGGER TG_ACTUALIZAR_STOCK
BEFORE INSERT ON DETALLE
FOR EACH ROW
BEGIN
UPDATE ARTICULO
SET ARTICULO.STOCK_ARTICULO =(ARTICULO.STOCK_ARTICULO - :NEW.CANTIDAD)
WHERE ARTICULO.ID_ARTICULO =:NEW.ID_ARTICULO;
END;
13
ASP.NET & ORACLE
Creando un proyecto Web

Para crear un nuevo proyecto
En el menú File – New, clic en Web Site…
En el cuadro de dialogo New Web Site, Languague: Visual Basic, Location: File
System, en el botón Browse especifique la ruta para guardar la aplicación Web, y al final
de especificar escriba el nombre de su aplicación Web: \TiendaVirtual. Seleccione
ASP.NET Web Site en el panel de Template, clic en el botón Ok.
14
ASP.NET & ORACLE
Agregando el objeto Master Pages

En el menú Web Site – Add New Item…
En el cuadro de dialogo Add New Item, seleccione Visual Basic en el cuadro combinado
Languague y, a continuación seleccione Master Page en el panel de Template, en
Name: VentanaPrincipal.master, clic en el boton Add.
15
ASP.NET & ORACLE
Diseñando página principal

Cuando usted agrega un Master Page por defecto se muestra el control
ContentPlaceHolder – ContentPlaceHolder1, elimine ese control y proceda a diseñar
lo siguiente.
En el menú Layout, seleccione Insert Table.
En el cuadro de dialogo Insert Table, en el cuadro Layout especifique Rows: 3,

Columns: 3, clic en el botón Ok.
16
ASP.NET & ORACLE
Si usted desea agregar más filas y columnas a la tabla, entonces damos clic dentro de la
celda en menú Layout, clic en Insert, Row Below.
Seleccionamos la primera fila de la tabla tal como se muestra, clic derecho del Mouse,
Merge Cells.
17
ASP.NET & ORACLE
Agregue los siguientes controles.
1 Image
1 Label
3 ContentPlaceHolder
1 TreeView
El diseño del objeto Master Page es tal como se muestra.
18
ASP.NET & ORACLE
Agregando imágenes al proyecto Web
En el cuadro de dialogo Solution Explorer, clic App_Data, New Fólder.
En el cuadro de dialogo Solution Explorer, en la carpeta imágenes debe agregar todas

las imágenes.
19
ASP.NET & ORACLE
ImageURL:<especifique la ruta>
Estableciendo propiedades a los controles. Nota:
La imagen debe estar dentro del
proyecto.
Id: lblFecha
Id: lblHora
Id: tvMenu
20
ASP.NET & ORACLE
Agregando el objeto Site Map

Languague y, a continuación seleccione Site Map en el panel de Template, en Name:
Web.sitemap, clic en el boton Add
21
ASP.NET & ORACLE
En el Script del objeto Site Map, debe agregar el siguiente Script en title.
En el control TreeView, clic en la flecha, en Choose Data Source, clic en <New data
source>
En el cuadro de dialogo Data Source Configuration Wizard, clic en Site Map, en

Specify an ID for the data source: SiteMapMenu, clic en el botón Ok.
22
ASP.NET & ORACLE
El diseño del objeto Master Page es tal como se muestra.
23
ASP.NET & ORACLE
Agregando código fuente al objeto Master Page

Doble clic en el objeto Master Page en el evento Load
Me.lblFecha.Text = "Fecha: " & Now.ToLongDateString

Me.lblHora.Text = "Hora: " & Now.ToLongTimeString
En menú Website, Add Content Page
En la parte inferior de la ventana, clic en Design para ver el diseño.
En el cuadro de dialogo Solution Explorer, clic derecho en Default2.aspx, clic en

Rename.
24
ASP.NET & ORACLE
En el cuadro de dialogo Solution Explorer, el nombre de formulario Web es tal como se

muestra.
25
ASP.NET & ORACLE
Agregando el objeto Web Form

Nota: usted debe estar en el objeto Master Page (VentanaPrincipal.master)
En el cuadro de dialogo Solution Explorer el nombre para el objeto Web Form es tal
como se muestra.
4 Label
1 Button
1 ListBox
1 HyperLink
1 DataGridView
26
ASP.NET & ORACLE
El diseño del objeto Web Form (ListadoArticulo.aspx)
ID: lblTotal
Font: Verdana, 8pt
Text: Línea de Productos
Font: Verdana, 8pt
Text: Línea de Productos

Font: Verdana, 8pt
ID: lbLinea
Font: Verdana, 8pt
AutoPostBack: True
Text: Total de Compra Font: Verdana, 8pt

Font: Verdana, 8pt Text: Ver Carrito de Compras
ID: btnAgregar
Text: Agregar mas articulo ID: gvListado
Font: Verdana, 8pt Font: Verdana, 8pt
27
ASP.NET & ORACLE
Agregando el objeto Global.asax

Languague y, a continuación seleccione Global Application Class en el panel de
Template, en Name: Global.asax, clic en el botón Add
28
ASP.NET & ORACLE
Agregando código fuente al objeto Global.asax

Por encima de <script runat="server"> agregue el siguiente codigo fuente
<%@ Import Namespace ="System.Data" %>
En el método Sub Session_Start(ByVal sender As Object, ByVal e As EventArgs)

agregue el siguiente codigo fuente.
Dim dt As New DataTable

Dim dc0 As New DataColumn("Item", System.Type.GetType("System.Int16"))
Dim dc1 As New DataColumn("Codigo", System.Type.GetType("System.Int16"))
Dim dc2 As New DataColumn("Descripcion", System.Type.GetType("System.String"))
Dim dc3 As New DataColumn("Precio", System.Type.GetType("System.Single"))
Dim dc4 As New DataColumn("Cantidad", System.Type.GetType("System.Int16"))
Dim dc5 As New DataColumn("Importe", System.Type.GetType("System.Single"))
dt.Columns.Add(dc0)
dt.Columns.Add(dc1)
dt.Columns.Add(dc2)
dt.Columns.Add(dc3)
dt.Columns.Add(dc4)
dt.Columns.Add(dc5)
dc2.DefaultValue = 1
dc5.Expression = "Precio * Cantidad"
dc1.Unique = True
Session("Carrito") = dt
29
ASP.NET & ORACLE
Agregando el objeto Style Sheet

Languague y, a continuación seleccione Style Sheet en el panel de Template, en Name:
StyleSheet.css, clic en el botón Add
30
ASP.NET & ORACLE
Agregando código fuente al objeto Style Sheet.css

Agregue el siguiente codigo fuente dentro del body.
background-color: #CC9966;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
text-align: center;
}
.alinearizquierda {
text-align: left;
width: 900px;
}
.formatomenusuperior {
color: #FF9900;
background-color: #000000;
padding: 10px;
font-size: 10px;
}
.formatoareaizquierda {
background-color: #E8D1BB;
}
.formatoareaderecha {
background-color: #003333;
}
.formatocontenidoderecha {
color: #CCA400;
padding: 15px;
font-size: 10px;
}
.formatopiepagina {
color: #993300;
background-color: #E6BEB3;
padding: 15px;
font-size: 10px;
}
.fondopagina {
background-color: #FFFFFF;
}
h1
{
font-size: 16pt;
color: #ff3366;
font-family: Georgia;
border-bottom: #ffcc33 1px solid;
}
H4
{
padding-left: 10px;
font-size: 12pt;
color: #996666;
font-family: Arial;
}
.estilolista
31
ASP.NET & ORACLE
{
font-size: 10pt;
color: #003366;
font-family: Arial;
background-color: #ffcc66;
}
A
{
color: #ffcc66;
text-decoration: none;
}
A:hover
{
text-decoration: underline;
En el cuadro de dialogo del Solution Explorer clic en el objeto Master Page

(VentanaPrincipal.master)
32
ASP.NET & ORACLE
En el objeto Master Page (VentanaPrincipal.master), busque la propiedad

StyleSheet, ubique al objeto StyleSheet.css
En el cuadro de dialogo Select Stylesheet, seleccione el objeto, clic en el botón Ok.
33
ASP.NET & ORACLE
Agregando el objeto Class.vb

Languague y, a continuación seleccione Class en el panel de Template, en Name:
Principal.vb, clic en el botón Add
Se muestra un mensaje el cual indica que el objeto Class se va ubicar dentro de la

carpeta App_Code, clic en el botón Si.
34
ASP.NET & ORACLE
En el cuadro de dialogo de Solution Explorer clic derecho en el proyecto, Add

Reference…
En el cuadro de dialogo Add Reference, seleccione System.Data.Oracle.Client, clic en

el botón Ok.
35
ASP.NET & ORACLE
Agregando código fuente al objeto Class.vb

Agregue el siguiente codigo fuente al objeto.
Por encima de Public Class agregue el siguiente código fuente.
Imports System.Data.OracleClient
Imports System.Data
Imports System.Text
Dentro de Public Class agregue el siguiente código fuente. Donde:

ORA10 = base de datos global
Uid = esquema o usuario Venta
pwd = password del esquema o usuario.
Public strcn As String = "Server=ORA10; uid=Venta; pwd=sistema"
Public cnx As New OracleConnection(strcn)

Public da As OracleDataAdapter
Public cmd As OracleCommand
Public dts As DataSet
Public sSQL As New StringBuilder
36
ASP.NET & ORACLE
Estableciendo propiedades al control GridView (gvListado)
En el control GirdView, clic en la flecha, Auto Format
En el cuadro de dialogo Auto Format, en select a écheme: Brown Sugar, clic en el

botón Ok.
En el control GirdView, clic en la flecha, Edit Columns…
37
ASP.NET & ORACLE
En el cuadro de dialogo Fields agregue:
5 BoundField, 1 TemplateField, 1 CommandField (Select)
Propiedad de cada campo:
1 BoundField : HeaderText: Código, DataField: id_articulo

1 BoundField : HeaderText: Descripcion, DataField: nombre_articulo
1 BoundField : HeaderText: Línea, DataField: nombre_linea
1 BoundField : HeaderText: Precio, DataField: precio_articulo
1 BoundField : HeaderText: F. V., DataField: fecha_vencimiento
1 TemplateField : HeaderText: Cantidad
1 CommandField (Select) : ButtonType: Image, SelectImageUrl: (especificamos la
ruta)
Nota: en Auto Generate Fields debemos deshabilitar el Check, esto indica que solo se
mostrar los campos que se han agregado clic en el botón Ok.
Agregar al GridView un control de tipo TextBox, para el campo cantidad:
38
ASP.NET & ORACLE
Clic derecho sobre el GridView, Edit Template, Column [ 4 ] – Cantidad.
39
ASP.NET & ORACLE
Agregar un TextBox dentro del cuadro ItemTemplate, control TextBox debemos

agregar sus propiedades.
ID: txtCantidad
Font: Verdana, 10pt
40
ASP.NET & ORACLE
Clic derecho sobre el GridView, End Template Editing.
El GridView debe quedar tal como se muestra.
41
ASP.NET & ORACLE
Agregando código fuente al objeto Web Form

(ListaArticulo.aspx)
Imports System.Data
Dentro de Public Class agregue el siguiente código fuente.
Private MiPrincipal As New Principal
Crear un método CargarLinea
Private Sub CargarLinea()
MiPrincipal.sSQL.Length = 0
MiPrincipal.sSQL.Append("Select id_linea,nombre_linea from linea ")
MiPrincipal.da = New OracleDataAdapter(MiPrincipal.sSQL.ToString, MiPrincipal.cnx)

MiPrincipal.dts = New DataSet
MiPrincipal.da.Fill(MiPrincipal.dts)
Me.lbLinea.DataSource = MiPrincipal.dts.Tables(0)
Me.lbLinea.DataTextField = "nombre_linea"
Me.lbLinea.DataValueField = "id_linea"
Me.lbLinea.DataBind()
End Sub
Crear un método CalcularTotal
Private Sub CalcularTotal()
Dim dtCarrito As DataTable = Session("Carrito")

Dim i As Integer
Dim total As Single
For i = 0 To dtCarrito.Rows.Count - 1
total += dtCarrito.Rows(i)(5)
Next
Me.lblTotal.Text = "Total: " & Format(total, "###,##0.00")
End Sub
42
ASP.NET & ORACLE
Crear un método CargarArticulos
Private Sub CargarArticulos()
MiPrincipal.sSQL.Append(" select
a.id_articulo,a.nombre_articulo,l.nombre_linea,a.precio_articulo,to_char(a.fecha_vencimiento,'DD/MM/YYYY')as fecha_vencimiento ")
MiPrincipal.sSQL.Append(" from articulo a left outer join linea l on a.id_linea=l.id_linea ")
Me.gvListado.DataSource = MiPrincipal.dts.Tables(0)
Me.gvListado.DataBind()
End Sub
Doble clic en el control ListBox lbLinea en el evento SelectedIndexChanged
MiPrincipal.sSQL.Append(" select
a.id_articulo,a.nombre_articulo,l.nombre_linea,a.precio_articulo,to_char(a.fecha_vencimiento,'DD/MM/YYYY')as fecha_vencimiento ")
MiPrincipal.sSQL.Append(" from articulo a left outer join linea l on a.id_linea=l.id_linea ")
MiPrincipal.sSQL.Append(" where a.id_linea=" & Me.lbLinea.SelectedValue)

Me.gvListado.DataSource = MiPrincipal.dts.Tables(0)
Me.gvListado.DataBind()
Doble clic en el control GridView dgListado en el evento RowCommand
If Request("X") = "" And Request("Y") = "" Then

Response.End()
End If
43
ASP.NET & ORACLE
Doble clic en el control GridView dgListado en el evento SelectedIndexChanged
Try

Dim dr As DataRow = dtCarrito.NewRow
dr(0) = dtCarrito.Rows.Count + 1
dr(1) = Me.gvListado.SelectedRow.Cells(0).Text
Dim tCantidad As TextBox= CType(Me.gvListado.SelectedRow.FindControl("txtCantidad"), TextBox)
If Trim(tCantidad.Text) = "" Then

Exit Sub
End If
If Val(tCantidad.Text) <= 0 Then

MsgBox("La cantidad no puede ser cero", MsgBoxStyle.Information)
Exit Sub
End If
dr(4) = tCantidad.Text
dtCarrito.Rows.Add(dr)
Session("Carrito") = dtCarrito
Calculartotal()
Catch ex1 As System.Data.ConstraintException
MsgBox("El producto ya a sido seleccionado", MsgBoxStyle.Information)
Catch ex As Exception
MsgBox(ex.Message)
End Try
Doble clic en el objeto Web Form (ListaArticulo.aspx) en el evento Load
If Not IsPostBack Then
CargarArticulos()
CargarLinea()
Calculartotal()
End If
44
ASP.NET & ORACLE

como se muestra.
2 Label
2 Button
1 HyperLink
1 DataGridView
45
ASP.NET & ORACLE
El diseño del objeto Web Form (CarritoCompra.aspx)
Text: Agregar un nuevo articulo

Text: Carrito de Compras
Text: Actualizar ID: lblTotal

ID: btnActualizar Text: Confirmar Pedido
ID: btnConfirmar Font: Verdana, 8pt
Font: Verdana, 8pt
Font: Verdana, 8pt
ID: gvCarrito
Font: Verdana, 8pt
46
ASP.NET & ORACLE
Estableciendo propiedades al control GridView (gvCarrito)

botón Ok.
47
ASP.NET & ORACLE
5 BoundField, 1 TemplateField, 1 CommandField (Delete)
1 BoundField : DataField: Item

1 BoundField : HeaderText: Codigo, DataField: Codigo
1 BoundField : HeaderText: Descripcion, DataField: Descripcion
1 BoundField : HeaderText: Precio, DataField: Precio, DataFormatString: {0:N2}
1 BoundField : HeaderText: Importe, DataField: Importe, DataFormatString:
{0:N2}
1 TemplateField : HeaderText: Cantidad
1 CommandField (Delete) : ButtonType: Image, DeleteImageUrl: (especificamos la
ruta)
48
ASP.NET & ORACLE
Clic derecho sobre el GridView, Edit Template, Column [ 4 ] – Cantidad.
Agregar un TextBox dentro del cuadro ItemTemplate, control TextBox debemos

agregar sus propiedades.
ID: txtCantidad
Font: Verdana, 10pt
49
ASP.NET & ORACLE
Clic derecho sobre el GridView, End Template Editing.
En la parte inferior de la ventana, clic en Source para ver el Script.
Busque el Script <ItemTemplate></ItemTemplate> agregue el script que esta dentro

del cuadro dentro del bloque.
<ItemTemplate>

<asp:TextBox ID="txtCantidad" runat="server" Text='<%# eval("Cantidad") %>' Width="40px"
OnTextChanged="txtCantidad_TextChanged" Font-Names="Verdana" Font-Size="10pt"></asp:TextBox>
</ItemTemplate>
50
ASP.NET & ORACLE
El GridView debe quedar tal como se muestra

(CarritoCompras.aspx)
Imports System.Data
Private dtCarrito As DataTable

Dim i As Integer
Dim total As Single
Next
Me.lblTotal.Text = "Total: " & Format(total, "###,##0.00")
End Sub
51
ASP.NET & ORACLE
Doble clic en el control GridView (dgCarrito) en el evento RowDeleting
Dim dtcarrito As DataTable

dtcarrito = Session("Carrito")
dtcarrito.Rows.RemoveAt(e.RowIndex)
Dim i As Integer
For i = 0 To dtcarrito.Rows.Count - 1
dtcarrito.Rows(i).BeginEdit()
dtcarrito.Rows(i)("Item") = i + 1
dtcarrito.Rows(i).EndEdit()
Next
Session("Carrito") = dtcarrito
Me.gvCarrito.DataSource = dtcarrito
Me.gvCarrito.DataBind()
calculartotal()
Doble clic en el control Button (btnActualizar) en el evento Click
Dim dtcarrito As DataTable

dtcarrito = Session("Carrito")
Dim i As Integer
For i = 0 To dtcarrito.Rows.Count - 1
dtcarrito.Rows(i).BeginEdit()
Dim gr As GridViewRow
gr = gvCarrito.Rows(i)
Dim tCantidad As TextBox
tCantidad = CType(gr.FindControl("txtCantidad"), TextBox)
dtcarrito.Rows(i)("Cantidad") = tCantidad.Text
dtcarrito.Rows(i).EndEdit()
Next
Session("Carrito") = dtcarrito
Me.gvCarrito.DataSource = dtcarrito
calculartotal()
Doble clic en el objeto Web Form (CarritoCompras.aspx) en el evento Load
If Page.IsPostBack = False Then
dtCarrito = Session("Carrito")
Me.gvCarrito.DataSource = dtCarrito
calculartotal()
End If
Doble clic en el control Button (btnConfirmar) en el evento Click
Response.Redirect("ConfirmarPedido.aspx")
52
ASP.NET & ORACLE
En el objeto Web Form (ListadoArticulo.aspx)
Seleccione el control HyperLink (Ver Carrito de Compras)
En propiedades seleccione NavigateUrl
53
ASP.NET & ORACLE
En el cuadro de dialogo Select URL, seleccione CarritoCompras.aspx, clic en el botón

Ok.
En el objeto Web Form (CarritoCompras.aspx)
Seleccione el control HyperLink (Agregar un nuevo articulo)
54
ASP.NET & ORACLE
En propiedades seleccione NavigateUrl
En el cuadro de dialogo Select URL, seleccione ListadoArticulo.aspx, clic en el botón

Ok.
55
ASP.NET & ORACLE

como se muestra.
1 Label
2 TextBox
1 GridView
2 Button
56
ASP.NET & ORACLE
El diseño del objeto Web Form (ConfirmarPedido.aspx)
ID: lblTotal
Font: Verdana, 16pt
Bold: True
ID: txtPassword
Font: Verdana, 8pt
ID: txtInicio
Font: Verdana, 8pt
Text: Registrese
ID: btnRegistrese ID: gvUsuario Text: Aceptar
Font: Verdana, 8pt Font: Verdana, 8pt ID: btnAceptar
Font: Verdana, 8pt
57
ASP.NET & ORACLE
Estableciendo propiedades al control GridView (gvUsuario)
En el cuadro de dialogo Auto Format, en select a écheme: Professional, clic en el botón

Ok.
58
ASP.NET & ORACLE
3 BoundField, 1 CommandField (Select)
1 BoundField : HeaderText: Codigo, DataField: id_usuario

1 BoundField : HeaderText: Empresa, DataField: razon_social
1 BoundField : HeaderText: Usuario, DataField: nombre_usuario
1 CommandField (Select) : ButtonType: Image, SelectImageUrl: (especificamos la
ruta)
59
ASP.NET & ORACLE

(ConfirmarPedido.aspx)
Agregue el siguiente codigo fuente al objeto
Imports System.Data

Dim dtCarrito As DataTable = Session("carrito")
Dim i As Integer
Dim total As Single
Next
Me.lblTotal.Text = "S/. " & Format(total, "###,##0.00")
End Sub
Doble clic en el objeto Web Form (CarritoCompras.aspx) en el evento Load
CalcularTotal()
Doble clic en el control Button (btnAceptar) el evento Click
MiPrincipal.sSQL.Append(" select id_usuario,razon_social,nombre_usuario from usuario ")
MiPrincipal.sSQL.Append(" where contraseña='" & Me.txtPassword.Text & "' and correo_usuario='" & Me.txtInicio.Text & "'")

Me.gvUsuario.DataSource = MiPrincipal.dts.Tables(0)
Me.gvUsuario.DataBind()
60
ASP.NET & ORACLE
Doble clic en el control Button (btnRegistrese) el evento Click
Response.Redirect("RegistroUsuario.aspx")
Doble clic en el control GridView dgListado en el evento SelectedIndexChanged
Dim id As String = Me.gvUsuario.SelectedRow.Cells(1).Text

Dim emp As String = Me.gvUsuario.SelectedRow.Cells(2).Text
Dim usu As String = Me.gvUsuario.SelectedRow.Cells(3).Text
Response.Redirect("PedidoConfirmado.aspx?OPCION=VER&CODIGO=" & id & "&EMPRESA=" & emp & "&USUARIO=" & usu)
61
ASP.NET & ORACLE

como se muestra.
5 TextBox
1 Button
4 RequiredFieldValidator
1 ValidationSummary
62
ASP.NET & ORACLE
El diseño del objeto Web Form (RegistroUsuario.aspx)
Nota: esta operación debe realizar para

todos los controles RequiredFieldValidator
----------------------------------------------
Font: Verdana, 8pt
Text: *
ControlToValidate: txtEmpresa
ErrorMessage: Ingrese su empresa
ID: txtCodigo ID: txtEmpresa ID: txtUsuario

Font: Verdana, 8pt Font: Verdana, 8pt Font: Verdana, 8pt
ID: txtcontraseña
Font: Verdana, 8pt ID: txtcorreo ID: btnRegistrese
TextMode: Password Font: Verdana, 8pt Font: Verdana, 8pt
Text: Registrese
ShowMessageBox: True
ShowSummary: False
63
ASP.NET & ORACLE

(RegistroUsuario.aspx)
Imports System.Data
Crear un método Limpiar
Private Sub Limpiar()
Me.txtEmpresa.Text = ""
Me.txtUsuario.Text = ""
Me.txtContraseña.Text = ""
Me.txtCorreo.Text = ""
End Sub
Doble clic en el control Button (btnRegistrese) el evento Click
Try
MiPrincipal.cnx.Open()
MiPrincipal.cmd = New OracleCommand
With MiPrincipal.cmd
.Connection = MiPrincipal.cnx
.CommandText = "USP_INSERTAR_USUARIO"
.CommandType = CommandType.StoredProcedure
Dim pr1, pr2, pr3, pr4, pr5 As New OracleParameter

pr1 = .Parameters.Add("cid_usuario", OracleType.Char, 7) : pr1.Direction = ParameterDirection.Input
pr2 = .Parameters.Add("vrazon_social", OracleType.VarChar, 60) : pr2.Direction = ParameterDirection.Input
pr3 = .Parameters.Add("vnombre_usuario", OracleType.VarChar, 40) : pr3.Direction = ParameterDirection.Input
pr4 = .Parameters.Add("vcontraseña", OracleType.VarChar, 20) : pr4.Direction = ParameterDirection.Input
pr5 = .Parameters.Add("vcorreo", OracleType.VarChar, 30) : pr5.Direction = ParameterDirection.Input
pr1.Value = 0
pr2.Value = Me.txtEmpresa.Text
pr3.Value = Me.txtUsuario.Text
pr4.Value = Me.txtContraseña.Text
pr5.Value = Me.txtCorreo.Text
.ExecuteNonQuery()
MsgBox("Dato registrado", MsgBoxStyle.Information)
End With
Finally
If MiPrincipal.cnx.State = ConnectionState.Open Then MiPrincipal.cnx.Close()
Limpiar()
End Try
Response.Redirect("ConfirmarPedido.aspx")
64
ASP.NET & ORACLE

como se muestra.
5 Button
1 GridView
2 Button
65
ASP.NET & ORACLE
El diseño del objeto Web Form (PedidoConfirmado.aspx)
ID: lblPedido ID: lblEmpresa

Font: Verdana, 24pt Font: Verdana, 14pt
Bold: True Bold: True
ID: lblCodigo
Font: Verdana, 14pt
Bold: True
ID: lblUsuario
Font: Verdana, 14pt
Bold: True
ID: gvUsuario
Font: Verdana, 8pt
ID: btnEnviar
Font: Verdana, 8pt ID: btnCancelar ID: lblTotal
Text: Enviar Font: Verdana, 8pt Font: Verdana, 14pt
Text: Cancelar Bold: True
66
ASP.NET & ORACLE
Estableciendo propiedades al control GridView (gvCarrito)

botón Ok.
ID: btnCancelar
Font: Verdana, 8pt
Text: Cancelar
67
ASP.NET & ORACLE
6 BoundField
1 BoundField : DataField: Item

1 BoundField : HeaderText: Codigo, DataField: Codigo
1 BoundField : HeaderText: Descripcion, DataField: Descripcion
1 BoundField : HeaderText: Precio, DataField: Precio, DataFormatString: {0:N2}
1 BoundField : HeaderText: Cantidad, DataField: Cantidad
1 BoundField : HeaderText: Importe, DataField: Importe, DataFormatString:
{0:N2}
68
ASP.NET & ORACLE

(PedidoConfirmado.aspx)
Imports System.Data

Private dtCarrito As DataTable
Private Sub calculartotal()

Dim i As Integer
Dim total As Single
Next
Me.lblTotal.Text = Format(total, "###,##0.00")
End Sub
Crear un método NuevoPedido
Private Sub NuevoPedido()
MiPrincipal.sSQL.Append(" SELECT 'P' || SUBSTR('00000000000'||LTRIM(SUBSTR(NVL(MAX(NUMERO_PEDIDO),'C00000000000'),11) +
1), -11) ")
MiPrincipal.sSQL.Append(" FROM PEDIDO ")

For x As Integer = 0 To MiPrincipal.dts.Tables(0).Rows.Count - 1

Me.lblPedido.Text = MiPrincipal.dts.Tables(0).Rows(x).Item(0)
Next
End Sub
69
ASP.NET & ORACLE
Crear un método Guardar
Private Sub Guardar()
Try
MiPrincipal.cnx.Open()
MiPrincipal.cmd = New OracleCommand
With MiPrincipal.cmd
.CommandText = "USP_INSERTAR_PEDIDO"
Dim pr1, pr2, pr3, pr4 As New OracleParameter
pr1 = .Parameters.Add("C_NUMERO_PEDIDO", OracleType.Char, 12) : pr1.Direction = ParameterDirection.Input

pr2 = .Parameters.Add("D_FECHA_EMISION", OracleType.DateTime) : pr2.Direction = ParameterDirection.Input
pr3 = .Parameters.Add("C_ID_USUARIO", OracleType.Char, 7) : pr3.Direction = ParameterDirection.Input
pr4 = .Parameters.Add("N_TOTAL", OracleType.Number, 8, 2) : pr4.Direction = ParameterDirection.Input
pr1.Value = Me.lblPedido.Text
pr2.Value = Now.ToShortDateString
pr3.Value = Me.lblCodigo.Text
pr4.Value = Me.lblTotal.Text
.ExecuteNonQuery()
End With
For x As Integer = 0 To Me.gvCarrito.Rows.Count - 1

Dim cmdd As New OracleCommand
With cmdd
.CommandText = "USP_INSERTAR_DETALLE"
Dim pc1, pc2, pc3, pc4 As New OracleParameter

pc1 = .Parameters.Add("C_NUMERO_PEDIDO", OracleType.Char, 12) : pc1.Direction = ParameterDirection.Input
pc2 = .Parameters.Add("N_ID_ARTICULO", OracleType.Number, 6) : pc2.Direction = ParameterDirection.Input
pc3 = .Parameters.Add("PRECIO", OracleType.Number, 8, 2) : pc3.Direction = ParameterDirection.Input
pc4 = .Parameters.Add("CANTIDAD", OracleType.Number, 3) : pc4.Direction = ParameterDirection.Input
pc1.Value = Me.lblPedido.Text
pc2.Value = Me.gvCarrito.Rows(x).Cells(1).Text
.ExecuteNonQuery()
End With
Next
MsgBox("Su pedido fue enviado", MsgBoxStyle.Information)
Finally
If MiPrincipal.cnx.State = ConnectionState.Open Then MiPrincipal.cnx.Close()
End Try
End Sub
70
ASP.NET & ORACLE
Doble clic en el objeto Web Form (PedidoConfirmado.aspx) en el evento Load
If Page.IsPostBack = False Then
NuevoPedido()
Session("IOPCION") = Request("OPCION")
If Session("IOPCION") = "VER" Then
Me.lblCodigo.Text = Request("CODIGO")
Me.lblEmpresa.Text = Request("EMPRESA")
Me.lblUsuario.Text = Request("USUARIO")
End If
dtCarrito = Session("Carrito")
Me.gvCarrito.DataSource = dtCarrito
calculartotal()
End If
Doble clic en el control Button (btnEnviar) el evento Click
Guardar()
71
ASP.NET & ORACLE

como se muestra.
2 Label
1 Button
72
ASP.NET & ORACLE
El diseño del objeto Web Form (Mensaje.aspx)
Font: Verdana, 32pt

Text: Gracias por adquirir nuestros productos….
Font: Verdana, 8pt

Text: Salir
ID: btnSalir
Font: Verdana, 16pt
Text: En breves momentos su pedido será enviado.
73
ASP.NET & ORACLE
En la parte inferior de la ventana, clic en Source para ver el diseño.
Agregue el siguiente Script, que se encuentra en el cuadro.
En el cuadro de dialogo Solution Explorer clic derecho en proyecto Web, Build Web
Site.
Luego sitúese en la pagina ListadoArticulo.aspx presione F5 para ejecutar.
74

ASP Net

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

ASP Net

Caricato da

Copyright:

Formati disponibili

Machanay Sulca Carlos E.

ASP.NET & ORACLE

Desarrollo de una aplicación Web (Tienda Virtual)

Las operaciones de venta, información y contactos las realiza de manera convencional

El dueño de la empresa conocedor de las ventajas del uso de las tecnologías de la

Descripción de la aplicación Web

Funcionamiento de la aplicación Web.

Ingrese su inicio de sesión y password, Si es correcto se mostrara sus datos en la parte

En esta ventana se muestra el mensaje del proceso realizado.

Usted debe crear su tablespace TS_COM y luego crear el esquema Venta.

Tabla USUARIO Tabla ARTICULO

CREATE TABLE USUARIO CREATE TABLE ARTICULO

ALTER TABLE USUARIO ALTER TABLE ARTICULO

CREATE TABLE LINEA ALTER TABLE ARTICULO

PK a la tabla LÍNEA Tabla PEDIDO

ALTER TABLE LINEA CREATE TABLE PEDIDO

CREATE TABLE DETALLE ALTER TABLE PEDIDO

ALTER TABLE DETALLE ALTER TABLE DETALLE

ALTER TABLE DETALLE ALTER TABLE PEDIDO

INSERT INTO ARTICULO VALUES(1004,'HOT DOG',102,12,12.4,'08/03/09');

INSERT INTO ARTICULO VALUES(1007,'AVENA KUAQUER',103,120,1.4,'17/08/10');

INSERT INTO ARTICULO VALUES(1010,'CERVEZA CRISTAL',104,250,3.6,'21/01/17');

Store procedure (USP_INSERTAR_USUARIO)

Store procedure (USP_INSERTAR_PEDIDO)

Creando un proyecto Web

Agregando el objeto Master Pages

Diseñando página principal

En el menú Layout, seleccione Insert Table.

En el cuadro de dialogo Insert Table, en el cuadro Layout especifique Rows: 3,

Agregue los siguientes controles.

El diseño del objeto Master Page es tal como se muestra.

Agregando imágenes al proyecto Web

En el cuadro de dialogo Solution Explorer, clic App_Data, New Fólder.

En el cuadro de dialogo Solution Explorer, en la carpeta imágenes debe agregar todas

Agregando el objeto Site Map

En el cuadro de dialogo Data Source Configuration Wizard, clic en Site Map, en

El diseño del objeto Master Page es tal como se muestra.

Agregando código fuente al objeto Master Page

Me.lblFecha.Text = "Fecha: " & Now.ToLongDateString

En menú Website, Add Content Page

En la parte inferior de la ventana, clic en Design para ver el diseño.

En el cuadro de dialogo Solution Explorer, clic derecho en Default2.aspx, clic en

En el cuadro de dialogo Solution Explorer, el nombre de formulario Web es tal como se

Agregando el objeto Web Form

En menú Website, Add Content Page

En la parte inferior de la ventana, clic en Design para ver el diseño.

Agregue los siguientes controles.

El diseño del objeto Web Form (ListadoArticulo.aspx)

Text: Línea de Productos

Text: Total de Compra Font: Verdana, 8pt

Agregando el objeto Global.asax

Agregando código fuente al objeto Global.asax

<%@ Import Namespace ="System.Data" %>

En el método Sub Session_Start(ByVal sender As Object, ByVal e As EventArgs)

Dim dt As New DataTable

Agregando el objeto Style Sheet

Agregando código fuente al objeto Style Sheet.css

En el cuadro de dialogo del Solution Explorer clic en el objeto Master Page

En el objeto Master Page (VentanaPrincipal.master), busque la propiedad

En el cuadro de dialogo Select Stylesheet, seleccione el objeto, clic en el botón Ok.

Agregando el objeto Class.vb

Se muestra un mensaje el cual indica que el objeto Class se va ubicar dentro de la

En el cuadro de dialogo de Solution Explorer clic derecho en el proyecto, Add

En el cuadro de dialogo Add Reference, seleccione System.Data.Oracle.Client, clic en