Cómo utilizar páginas Active Server para realizar cálculos matemáticos en un formulario antes de enviar datos a una base de datos en Expression Web

Seleccione idioma Seleccione idioma
Id. de artículo: 928702 - Ver los productos a los que se aplica este artículo
Expandir todo | Contraer todo

En esta página

INTRODUCCIÓN

En este artículo describe cómo utilizar páginas Active Server (ASP) para realizar cálculos matemáticos en un formulario antes de enviar datos a una base de datos en Microsoft Expression Web.

Más información

En un sitio Web de Expression, quizás desee calcular datos en una página Web y enviar los datos a una base de datos. Por ejemplo, desea calcular un total basado en valores introducidos por el usuario y enviar ese valor total a una base de datos automáticamente.

Hay varias formas de realizar este tipo de cálculo. Una de las maneras más fácil es utilizar páginas ASP sencillas.

Para crear páginas ASP que calcular y enviar un total a una base de datos, siga estos pasos.

Paso 1: Crear las páginas ASP en Expression Web

Para ello, siga estos pasos:
  1. Inicie Expression Web.
  2. En el menú archivo , seleccione nuevo y, a continuación, haga clic en la página .
  3. Haga clic en HTML y, a continuación, haga clic en Aceptar .
  4. En el menú archivo , haga clic en Guardar .
  5. En el cuadro de diálogo escriba input.asp y a continuación, haga clic en Guardar .
  6. En el menú archivo , seleccione nuevo y, a continuación, haga clic en la página .
  7. Haga clic en HTML y, a continuación, haga clic en Aceptar .
  8. En el menú archivo , haga clic en Guardar .
  9. En el cuadro de diálogo escriba send.asp y a continuación, haga clic en Guardar .

Paso 2: Modificar la página Input.asp

El propósito de la página Input.asp es recopilar los valores se calcularán proporcionando cuadros de entrada para el usuario. El usuario escribe los valores en los cuadros de entrada y hace clic en un botón. Input.ASP envía esta información para la página Send.asp para su procesamiento.

Para modificar la página Input.asp, siga estos pasos:
  1. En Expression Web, haga clic en él Input.asp .
  2. En la sección cuadro de herramientas , arrastre un control Form a la página.
  3. En la sección cuadro de herramientas , arrastre un control de entrada (texto) a la página.
  4. Haga clic con el botón secundario del mouse en el cuadro de texto y haga clic en formulario Propiedades del campo .
  5. En el cuadro de diálogo Propiedades de cuadro de texto , escriba el número en el cuadro nombre , escriba 100 en el cuadro ancho en caracteres y a continuación, haga clic en Aceptar .
  6. En la sección cuadro de herramientas , arrastre un control de entrada (texto) a la página.
  7. Haga clic con el botón secundario del mouse en el cuadro de texto y haga clic en formulario Propiedades del campo .
  8. En el cuadro de diálogo Propiedades de cuadro de texto , escriba el costo en el cuadro nombre , escriba 100 en el cuadro ancho en caracteres y, a continuación, haga clic en Aceptar .
  9. Haga clic con el botón secundario en el formulario y haga clic en formulario Propiedades .
  10. En el cuadro de diálogo Propiedades de formulario , haga clic en Enviar a otro y, a continuación, haga clic en Opciones .
  11. En las Opciones para el controlador de formulario personalizado de cuadro de diálogo, tipo send.asp en la acción de cuadro.
  12. En la lista método , haga clic en registrar y, a continuación, haga clic en Aceptar dos veces.
Cuando se ve la página Input.asp en HTML, similar a la siguiente página:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<form method="POST" action="--WEBBOT-SELF--">
	<!--webbot bot="SaveResults" u-file="A:\_private\form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="43374" -->
	<p><input type="text" name="number" size="100"><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
<form method="POST" action="send.asp">
	<p><input type="text" name="cost" size="100"><input type="submit" value="Submit" name="B3"><input type="reset" value="Reset" name="B4"></p>
</form>

</body>

</html>

Paso 3: Modificar la página Send.asp

La página Input.asp envía los valores que se calcularán de la página Send.asp. Send.ASP finaliza el cálculo y, a continuación, envía el total calculado en la base de datos.

Para modificar la página Send.asp, siga estos pasos:
  1. En Expression Web, haga clic en él Send.asp .
  2. Haga clic en la parte inferior de la página para cambiar a vista HTML en la ficha de código .
  3. Copie el código siguiente y, a continuación, péguelo encima de la etiqueta inicial "<html>" en la parte superior de la página:
    <%
    dim n, c, t
    n = request("number")
    c = request("cost")
    t = c*n
    %>
  4. Haciendo clic en la ficha Diseño en la parte inferior de la página para cambiar a vista normal.
  5. En la sección cuadro de herramientas , arrastre un control Form a la página.
  6. Haga clic en la parte inferior de la página para cambiar a vista HTML en la ficha de código .
  7. Copie el código siguiente y péguelo inmediatamente después de la "<form method="POST"action="--WEBBOT-SELF--">" etiqueta:
    Thanks for the information. You input <%=Server.HTMLEncode(n)%> for the quantity, and  <%=Server.HTMLEncode(c)%> for the cost. If this is correct, click Submit. 
  8. Haciendo clic en la ficha Diseño en la parte inferior de la página para cambiar a vista normal.
  9. Haga clic con el botón secundario en el formulario y haga clic en formulario Propiedades .
  10. En el cuadro de diálogo Propiedades de formulario , haga clic en Avanzadas .
  11. En el cuadro de diálogo Propiedades de formulario avanzadas , haga clic en Agregar .
  12. En el cuadro de diálogo Par nombre/valor , escriba el costo en el cuadro nombre y, a continuación, escriba <%=c%> en el cuadro valor .
  13. Haga clic en Aceptar .
  14. En el cuadro de diálogo Propiedades de formulario avanzadas , haga clic en Agregar .
  15. En el cuadro de diálogo Par nombre/valor , escriba el número en el cuadro nombre y, a continuación, escriba <%=n%> en el cuadro valor .
  16. Haga clic en Aceptar .
  17. En el cuadro de diálogo Propiedades de formulario avanzadas , haga clic en Agregar .
  18. En el cuadro de diálogo Par nombre/valor , escriba total en el cuadro nombre y, a continuación, escriba <%=t%> en el cuadro valor .
  19. Haga clic en Aceptar dos veces.
  20. En el cuadro de diálogo Propiedades de formulario , haga clic en Enviar a base de datos (requiere extensiones de servidor de FrontPage) y, a continuación, haga clic en Opciones .
  21. En el cuadro de diálogo Opciones para guardar resultados en la base de datos , haga clic en Crear base de datos y, a continuación, haga clic en Aceptar en el cuadro de diálogo de confirmación que aparece.
  22. En el cuadro de diálogo Opciones para guardar resultados en la base de datos , haga clic en los Campos guardados de ficha.

    Observe que se crean tres columnas de base de datos. Estas columnas se asignan a los campos de formulario total, costo y número desde las páginas ASP.
  23. Haga clic en Aceptar dos veces.
  24. Guardar ambas páginas.
  25. Para publicar las páginas, haga clic en Publicar el sitio en el menú archivo .
  26. En el cuadro de diálogo Destino de publicación , escriba la dirección URL del servidor y, a continuación, haga clic en Aceptar .
  27. Probar las páginas y, a continuación, compruebe que los valores y el total se insertan en la base de datos.

Referencias

Para obtener más información acerca de cómo utilizar bases de datos y las páginas ASP junto con FrontPage, haga clic en los números de artículo siguientes para verlos en Microsoft Knowledge Base:
301986Lista de los Knowledge Base artículos de que tratan temas relacionados con la base de datos en FrontPage 2000
295192¿Cuáles son las páginas Active Server?
297943Introducción a páginas Active Server
Para obtener más información acerca de cómo publicar un sitio Web de Expression, haga clic en Ayuda de Microsoft Expression Web en el menú Ayuda , escriba publicar en el Ayudante de Office o en el Asistente para Ayuda y, a continuación, haga clic en Buscar para ver los temas que se devuelven.

Propiedades

Id. de artículo: 928702 - Última revisión: miércoles, 06 de diciembre de 2006 - Versión: 1.0
La información de este artículo se refiere a:
  • Microsoft Expression Web
Palabras clave: 
kbmt kbexpertiseinter kbhowto KB928702 KbMtes
Traducción automática
IMPORTANTE: Este artículo ha sido traducido por un software de traducción automática de Microsoft (http://support.microsoft.com/gp/mtdetails) en lugar de un traductor humano. Microsoft le ofrece artículos traducidos por un traductor humano y artículos traducidos automáticamente para que tenga acceso en su propio idioma a todos los artículos de nuestra base de conocimientos (Knowledge Base). Sin embargo, los artículos traducidos automáticamente pueden contener errores en el vocabulario, la sintaxis o la gramática, como los que un extranjero podría cometer al hablar el idioma. Microsoft no se hace responsable de cualquier imprecisión, error o daño ocasionado por una mala traducción del contenido o como consecuencia de su utilización por nuestros clientes. Microsoft suele actualizar el software de traducción frecuentemente.
Haga clic aquí para ver el artículo original (en inglés): 928702

Enviar comentarios

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com