Uso de SiteMapPath en ASP.NET para realizar la función de navegación Breadcrumb

1. Cree un nuevo archivo de mapa del sitio Web.sitemap
El nombre del archivo de mapa del sitio debe ser Web.sitemap, que no se puede modificar. El archivo debe colocarse en el directorio raíz de la aplicación.
inserte la descripción de la imagen aquí
2. Abra el archivo del sitio
inserte la descripción de la imagen aquí
. y solo hay un nodo en el siguiente nivel, que corresponde al nodo de la página. Un nodo describe una página y contiene varios .nodos nuevos título: proporcione la descripción de texto del descripción del enlace : establece el texto de descripción del nodo






3. Establezca el código de archivo del sitio según sus propias necesidades

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="admin/mian.aspx" title="管理后台"  description="管理后台">
      <siteMapNode url="admin/UserManager.aspx" title="用户管理"  description="用户管理" >
        <siteMapNode url="admin/AddUser.aspx" title="添加用户信息"  description="添加用户信息" />
        <siteMapNode url="admin/ModifyUser.aspx" title="修改用户信息"  description="修改用户信息" />
        <siteMapNode url="admin/UserList.aspx" title="用户列表"  description="用户列表" />
        </siteMapNode>
      
      <siteMapNode url="admin/UserStateManager.aspx" title="用户状态管理"  description="用户状态管理" >
        <siteMapNode url="admin/AddUserState.aspx" title="添加用户状态信息"  description="添加用户状态信息" />
        <siteMapNode url="admin/ModifyUserState.aspx" title="修改用户状态信息"  description="修改用户状态信息" />
        <siteMapNode url="admin/UserStateList.aspx" title="用户状态列表"  description="用户状态列表" />
      </siteMapNode>
      
    </siteMapNode>
</siteMap>

Nota: Debido a que mis archivos (nueve archivos .aspx, nuevo formulario web->página maestra de conexión) se colocan bajo el administrador de fondo de administración, agregue "admin/" a cada dirección URL en el mapa del sitio.

4. Agregue el control SiteMapPath a los nueve archivos .aspx requeridos.
Método 1:
Arrastre y suelte la herramienta de navegación SiteMapPath directamente en la vista de diseño, como se muestra en la figura.
inserte la descripción de la imagen aquí
Método 2:
agregue el código de control directamente:

<asp:SiteMapPath ID="SiteMapPath1" runat="server">
    </asp:SiteMapPath>

inserte la descripción de la imagen aquí
5. Instrucciones para usar el control de título
inserte la descripción de la imagen aquí
1. Haga clic en la flecha pequeña para seleccionar Formato automático para cambiar la fuente del título a color.
2. Flecha pequeña -> editar plantilla -> control PathSeparatorTemplate -> modificar separador de título

¡Hasta luego!

Supongo que te gusta

Origin blog.csdn.net/weixin_44195690/article/details/105019025
Recomendado
Clasificación