Cómo utilizar la navegación del sitio web ASP.NET y los controles de navegación
¿Navegación del sitio?
La navegación tradicional de un sitio web requiere que creemos hipervínculos en la página. Cuando la página se modifica o se mueve, es necesario modificarla en cada página una por una.
Crear un mapa del sitio en el sitio web significa colocar todas las direcciones de enlaces en un archivo especial para una administración unificada, de modo que se pueda administrar de una manera muy conveniente.
¿Cómo crear navegación en un sitio web? ¿Cómo hacerlo?
Necesitamos crear un nuevo archivo de mapa del sitio web en VS y luego asociar el archivo del mapa del sitio web con el control de navegación que queremos, para que se pueda lograr el efecto de navegación si queremos cambiar una dirección. simplemente cámbielo directamente en el archivo sitemap.siteMap.
¿Cómo agregar un mapa del sitio en VS?
Seleccione "Mapa del sitio" en el nuevo elemento en vs para crear un nuevo mapa del sitio.
Para utilizar un mapa del sitio, debemos agregar el archivo del mapa del sitio a la carpeta raíz del sitio web.
Al crear un nuevo archivo de mapa del sitio, el código predeterminado es el siguiente:
lt;?xml version="1.0"encoding="utf-8" ?gt;
lt;siteMapxmlns="/AspNet/SiteMap-File-1.0" gt;
lt;siteMapNodeurl="" title="" descripción=""gt;
lt;siteMapNodeurl=""title="" descripción="" /gt;
lt;siteMapNodeurl=""title="" descripción="" /gt;
lt; /siteMapNodegt;
lt;/siteMapgt;
Podemos ver en el código que el elemento raíz siteMap del archivo contiene elementos lt;siteMapNodegt; y estos elementos lt;siteMapNodegt; Se forma una estructura de árbol, siendo el primer nivel la página de inicio del sitio web.
lt; siteMapNodegt; tabla de atributos de elementos comúnmente utilizados.
Para mostrar la navegación compleja con mayor claridad, podemos utilizar varios archivos .mapMap más, que son mapas de sitio anidados.
Estamos creando una nueva carpeta y creamos dos archivos de mapa del sitio web en esta carpeta, Products.siteMap y Servers.sitMap. Creamos Web.siteMap y lo colocamos en el directorio raíz del sitio web. El atributo siteMapFile para vincular los otros dos archivos .siteMap.
El código es el siguiente:
Products.siteMap:
lt;?xml version="1.0"encoding="utf-8"
lt ; siteMap xmlns="/AspNet/SiteMap-File-1.0" gt;
lt; siteMapNode title="Productos" descripción="Nuestros productos"
url="~/ chap/Products.aspx"gt;
lt; siteMapNode url="~/chap/Software.aspx"title="Software" descripción="Software proporcionado" /gt;
lt; siteMapNode url="~/chap/Hardware.aspx" title="Hardware" descripción="Provisión de hardware" /gt
lt;/siteMapNodegt
lt ;/ siteMapgt;
Archivo Services.siteMap:
lt;?xml version="1.0"encoding="utf-8" ?gt; xmlns="/AspNet/SiteMap-File-1.0" gt;
lt;siteMapNodeurlsiteMapNodeurl="~/chap/Services.aspx" title="Servicios" descripción="Servicios que brindamos"gt
lt; siteMapNode url="~/chap/Training.aspx" title="Capacitación" descripción="Capacitación" /gt
lt; .aspx"title="Consulta" descripción="Consulta de problemas" /gt;
lt;siteMapNode url="~/chap/Support.aspx"title="Soporte" descripción="Soporte tecnológico "/ gt;
lt;/siteMapNodegt;
lt;/siteMapgt;
Archivo Web.siteMap:
lt; ="1.0"codificación="utf-8" ?gt;
lt; mapa del sitio xmlns="/AspNet/SiteMap-File-1.0" gt;
lt; home.aspx" title="home" descripción="home"gt;
lt;siteMapNode siteMapFile="~/chap/Products.sitemap" /gt;
lt；siteMapNodesiteMapFilesiteMapNodesiteMapFile ="~/chap/Services.sitemap" /gt;/siteMapNodegt;/siteMa;
pgt;
Se crea el mapa de navegación y se muestra a continuación.
El control SiteMapPath muestra la navegación
Simplemente arrastre el control a la página por la que desea navegar. El control se vinculará automáticamente al mapa de navegación.
Pantalla:
El control TreeView muestra la navegación
El control TreeView generalmente se usa para la navegación del sitio con estructura de árbol y se puede usar para mostrar XML, tablas o datos relacionales. .
Operaciones básicas:
Cada nodo en TreeView es en realidad un objeto de la clase TreeNode. Los objetos TreeNode se pueden agregar y modificar dinámicamente mediante programación. El enlace se puede realizar a través de un control de origen de datos, como a través del control SiteMapDataSource o XmlDataSource.
Los métodos TreeViewcollapseAll() y ExpandAll() colapsan y expanden los nodos. Utilice el método Nodes.Add() para agregar nodos al control y el método Nodes.Remove() para eliminar el nodo especificado.
DEMOSTRACIÓN:
Esto es solo para familiarizarse con TreeView, y no existe ninguna implementación para hacer clic con el botón derecho del mouse para operar TreeView, solo actualizar el control TreeView y vincular los datos. . Simplemente familiarícese con TreeView por familiarizarse con TreeView.
código myTreeView:
lt; @ PageLanguage="C#" AutoEventWireup="true"CodeFile="Menu.aspx.cs"Inherits="Menu" gt
lt;!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"gt
lt;html xmlns="http://www.w3.org/1999/xhtml"gt;
lt;head runat="servidor"gt; > lt;titlegt;lt;/titlegt;
lt;/headgt;
lt;bodygt
lt;formidformid="form1" runat=" servidor"gt;
lt;divgt;
lt;/divgt;
lt;asp:Menu ID="Menu1" runat="servidor"gt
lt;Itemsgt;
lt;asp:MenuItem Text="Profesor Mi" Value="Profesor Mi"gt;lt;/asp:MenuItemgt; p> lt; asp: MenuItem Text="Siete problemas" Valor="Siete problemas"gt;
lt; asp: MenuItem Text="Hermana mayor uno" Valor="Hermana mayor uno" lt; ;/ asp: MenuItemgt;
lt; asp: MenuItem Texto="Hermana 2" Valor="Hermana 2"gt; /asp: MenuItemgt; : MenuItemgt
lt;asp:MenuItem Text="Ocho números" Value="Ocho números"gt
lt;asp:MenuItem Text="Departamento de inglés" Value=" Departamento de Inglés "gt;lt;/asp:MenuItemgt;
lt;asp:MenuItem Text="Departamento de estudiantes de turno" Value="Departamento de estudiantes de turno"gt;lt;/asp:MenuItemgt;
lt;/asp:MenuItemgt;
lt;asp:MenuItem Text="Nueve problemas" Value="Nueve problemas"gt;/asp:MenuItemgt; > lt ;asp:MenuItem Text="Diez problemas" Value="Diez problemas"gt;/asp:MenuItemgt;
lt;asp:MenuItem Text="Once problemas" Value="Once problemas "gt;lt;/asp:MenuItemgt;
lt;/Itemsgt;
lt;/asp:Menugt;
lt;/formgt;
p>
lt;/bodygt;
lt;/htmlgt;
Código C#:
parte pública
l clase chap_myTreeView: System.Web.UI.Page
{
//Eliminar el nodo actual
protectedvoid RemoveNode_Click(object sender, EventArgs e)
{
//Si el nodo actual existe.
if (myTreeView.SelectedNode !=null)
{
//Obtiene el nodo principal del nodo actual.
TreeNode parentNode= myTreeView.SelectedNode.Parent;
//Eliminar el nodo actual.
if (parentNode !=null)
{ parentNode.ChildNodes.Remove(myTreeView.SelectedNode)
else
{
myTreeView.Nodes.Remove(myTreeView.SelectedNode
}
}
}
/ /Agregar nodo actual.
protectedvoid AddNode_Click(remitente del objeto, EventArgse)
{
// Si el valor del nodo actual agregado está vacío, regresa.
if (txtAdd.Text.Trim().Length lt; 1)
{
return
}
//Crea el nodo secundario del nodo y establece el atributo Valor.
TreeNode chileNode = new TreeNode();
//Asigna un valor al nodo recién agregado.
chileNode.Value = txtAdd.Text.Trim();
//Determina si un nodo está seleccionado.
if (myTreeView.SelectedNode !=null)//Si el nodo actual existe.
{
//Agrega un nuevo objeto childNode al nodo actual.
myTreeView.SelectedNode.ChildNodes.Add(chileNode);
txtAdd.Text = ""
}
else
p>
{
//Agregar al árbol como nodo raíz.
myTreeView.Nodes.Add(chileNode);
//Borrar el cuadro de texto.
txtAdd.Text = "";
}
}
// Contraer todo el árbol.
protectedvoid FlodNodes_Click(remitente del objeto, EventArgs e)
{
myTreeView.CollapseAll() // Contraer todos los árboles. }
//Expandir todo
protectedvoid OpenAllNode_Click(remitente del objeto, EventArgs e)
{
myTreeView.ExpandAll( ); // Expandir todos los árboles.
}
}
Efecto:
El control Menú es similar al TreeView, pero hay uno. No hay diferencia aquí. No más detalles.
La navegación en Word nos permite comprender el contenido principal del artículo de un vistazo. Creo que todo programador que haya leído documentos extensos tiene un conocimiento profundo de la navegación en Word. La navegación clara y razonable guía eficazmente a los usuarios a cada rincón del sitio web. Baidu Map nos permite encontrar cada terreno con un nombre. Un artículo decía que siempre hay un dicho clásico en la industria del SEO: "El contenido es el rey, los enlaces externos son el emperador, los enlaces internos son la concubina, las palabras clave son el primer ministro, los códigos son lo general, la estructura es la ciudad y Las actualizaciones son el príncipe. Baidu escucha al gobierno detrás de la cortina. La navegación no es solo la dirección del enlace, también está en la posición de la princesa.
Espero que este artículo sobre la navegación del sitio web ASP.NET. y los controles de navegación serán útiles para todos. Ayuda