Simple páginas web con Dreamweaver búsqueda



Cuando los clientes visitar nuestro sitio con frecuencia para algunos productos se consulta de búsqueda relativamente simple, los ejemplos se explicará el proceso de aplicación.

Resultados de la muestra

Como se muestra en la figura 86-1 los clientes pueden seleccionar el campo de la investigación especial de las páginas, introduzca los datos de la consulta, el producto de la consulta de peluche, los resultados que se muestran en la Figura 86-2.





Las ideas creativas

En el "index.aspx" de la página, agregar la lista desplegable, cuadros de texto y botones para completar la configuración de búsqueda de página de producto, crear una instancia con 85 páginas en los índices de árbol de directorios muestran la misma página que la página de búsqueda de productos, y luego configurar el programa para alcanzar Búsqueda de productos.

Pasos

Pasos para crear una página de búsqueda de productos

(1) "LeftTb" tabla para añadir 4 filas y definir el estilo. Abra el "index.aspx", en la vista Diseño en el "LeftTb" tabla para añadir 4 filas y definir el estilo, como se muestra en la Figura 86-3 en la caja redondeada.



(2) Agregue el control. Haga clic en la barra de menús de acceso directo en el 【ASP.NET asp: botón de lista desplegable】, la nueva línea agregó 2 para agregar la lista desplegable de control, como se muestra en la Figura 86-4.

(3) Añadir la lista de las etiquetas y los valores correspondientes. Añadir una lista desplegable en la nueva "FieldList" ventana Propiedades, haga clic en el elemento de la lista 【botón】, el pop-up cuadro de diálogo】 lista 【de elementos que puede añadir tres etiquetas, una etiqueta como "Código de Producto" y su valor es CPID " ; una etiqueta para el nombre del producto ", su valor es" CPNAME ", una etiqueta para los" Productos ", su valor es" CPFL ", los resultados mostrados en la Figura 86-5.



(4) continuarán agregando nuevas líneas para añadir cuadros de texto, sistema de identificación para el "SearchTxt", y añadir dos botones, un botón de la "búsqueda", de identificación como "GoBt", otro botón de la "Búsqueda avanzada", ID como "TopgoBt", los resultados mostrados en la Figura 86-6.


[Siguiente]
Paso 2 Aplicación de la búsqueda de productos

(1) cambiar a la vista de código, el " script runat="server" " añadir "GoBt_click proceso", su código como se describe a continuación.

Sub GoBt_Click (ByVal sender As Object, ByVal e As System.EventArgs)
Response.Redirect ("CpSearch.aspx? KeyField = +" SearchTxt.Text + "& KEYINDEX =" + FieldList.SelectedValue)
End Sub

(Los lectores pueden abrir 【】 CD | 【】 Fuente | 【】 ejemplo 86 | 【】 86.1.txt archivos directamente copia)

Descripción de los procedimientos:

Haga clic en Buscar 【】 botón, a continuación, la aplicación del proceso. El proceso es básicamente el punto de página para "CpSearch.aspx", y pasó "KeyField", "KEYINDEX" dos parámetros. "KeyField" parámetro se utiliza para almacenar de búsqueda de clientes FieldList】 【en la lista desplegable, seleccione la sección de palabras clave, "KEYINDEX" parámetro se utiliza para almacenar de búsqueda de clientes SearchTxt】 【en datos en el cuadro de texto.

(2) " script runat="server" " para agregar otro proceso "TopgoBt_Click", su código como se describe a continuación.

Sub TopgoBt_Click (ByVal sender As Object, ByVal e As System.EventArgs)
Response.Redirect ("TopSearch.aspx")
End Sub

(Los lectores pueden abrir 【】 CD | 【】 Fuente | 【】 ejemplo 86 | 【】 86.2.txt archivos directamente copia)

(3) vinculante "GoBt_click" proceso de 【】 botón de búsqueda "nClic" La respuesta al incidente, se unen "TopgoBt_Click" proceso para la búsqueda avanzada】 【botón "nClic" La respuesta al incidente.

(4) Abrir el "TreeSearch.aspx", la página se crea en la instancia de 85, se utiliza para mostrar la búsqueda, haga clic en los nodos de árbol de directorios en el resultado. Dado que los resultados de búsqueda de productos página con los resultados de búsqueda árbol de directorios diseño de la página de la misma, por lo que directamente lo puede guardar como "CpSearch.aspx".

(5) modificar el conjunto de datos "TrSearchData" comando de consulta. Aunque los resultados de búsqueda de productos página con los resultados de búsqueda árbol de directorios diseño de la página de la misma, pero el comando de consulta de búsqueda es obviamente diferente, así que en la página de datos de ajuste "TrSearchData" para modificar el comando de consulta. Eliminar "CpSearch.aspx" página "Load" proceso, el proceso de volver a agregar como se describe a continuación.

Sub Page_Load (ByVal sender As Object, ByVal e As EventArgs)
generate.sh TrSearchData.CommandText = "conf SELECCIONAR bin copia de seguridad de datos de configuración de registro eshow_sitemap.html maint sitemap.html svn tmp DESDE DONDE DreamweaverCP"
& Trim (Request.QueryString ("KEYINDEX")) & "LIKE''%"
& Trim (Request.QueryString ("KeyField "))&"%'' ORDER BY ASC CPID"
= True TrSearchData.Debug
End Sub

(Los lectores pueden abrir 【】 CD | 【】 Fuente | 【】 ejemplo 86 | 【】 86.3.txt archivos directamente copia)

Consejo: Utilice un patrón de coincidencia operador comando de consulta "COMO", y combinado con "%" para consultas difusas. Por ejemplo, seleccione conf bin copia de seguridad de datos de configuración generate.sh eshow_sitemap.html registro maint sitemap.html svn tmp DESDE DONDE DreamweaverCP CPFL LIKE "%% Daily", la consulta es consultar "DreamweaverCP" mesa "CPFL" (categoría de producto), la palabra sección contiene "todos los días" palabras de todos los productos.

(6) para preservar el "CpSearch.aspx", "index.aspx" de la página, en IE Preview "index.aspx", resultados que se muestran en la Figura 86-1, en la caja del producto de búsqueda de texto, escriba "Daily", único Haga clic en el botón Buscar 【】, los resultados mostrados en la Figura 86-2.

El uso principal de la instancia de SQL de consulta difusa, una consulta breve introducción. En la práctica, estas consultas se pregunta mucho más para satisfacer las necesidades del cliente, ejemplos de los 89 se introdujo en esta base para la consecución de búsqueda avanzada. Por lo tanto, esta instancia de la presentación final.

Para más ejemplos, por favor lea "diseño web Dreamweaver y la producción de ejemplos seleccionados."