Páginas
Una aplicación puede constar de una o varias páginas. Una página puede tener un nombre y una URL concretos. Puede definir una URL que acepte una o varias variables en la URL para definir una página dinámica.
Creación de una nueva página
En el editor de aplicaciones, haga clic en el botón Create App Page.

Una vez creada la página, aparecerá en la pestaña de páginas.

Para actualizar el contenido de una página, haga clic en el botón Edit Code.

Por ejemplo, podría añadir un botón a su página.
Las páginas se añaden automáticamente a las aplicaciones con el parámetro -AutoInclude. Simplemente llame a New-UDApp en la raíz del fichero PS1 de su aplicación.
Página básica
Una página básica se puede definir mediante el cmdlet New-UDPage. Podría navegar a esta página visitando la URL /app de su dashboard.
Aplicación con varias páginas
Las aplicaciones pueden tener varias páginas, y esas páginas se pueden definir pasando una matriz de UDPages a New-UDApp
Puede que desee organizar su aplicación en varios ficheros PS1. Puede hacerlo mediante páginas.
Página con una URL personalizada
Una página puede tener una URL personalizada mediante el parámetro -Url. Podría navegar a esta página visitando la URL /db de su aplicación.
Página con variables en la URL
Puede definir una página con variables en la URL para crear páginas que se adapten en función de esa URL.
Parámetros de cadena de consulta
Los parámetros de cadena de consulta se pasan a las páginas y otros extremos como una variable de tabla hash llamada $Query.
Por ejemplo, si visitara una página con el siguiente parámetro de cadena de consulta: http://localhost:5000/dashboard/Page1?test=123
Tendría acceso a este valor mediante la siguiente sintaxis:
Acceso basado en roles
Puede impedir que los usuarios accedan a las páginas en función de su rol mediante el parámetro -Role de las páginas. Puede configurar los roles y las políticas de roles en la página Seguridad.
Encabezado
Las siguientes opciones están disponibles para personalizar el encabezado.
Posición
Utilice el parámetro -HeaderPosition para ajustar el comportamiento del encabezado.
absolute\fixed: permanece en la parte superior de la página, incluso al desplazarse
relative: permanece en la parte superior de la página. No es visible al desplazarse.
Colores
Puede ajustar los colores del encabezado especificando los parámetros -HeaderColor y -HeaderBackgroundColor. Estos colores anularán los colores del tema.
Navegación
Puede personalizar la navegación de una página mediante los parámetros -Navigation y -NavigationLayout. La navegación se define mediante el componente Lista. Los diseños de navegación son permanentes o temporales.
Navegación personalizada
La navegación personalizada se puede definir con una lista. Los elementos de la lista pueden incluir elementos secundarios para crear secciones desplegables en la navegación.

Navegación dinámica
La navegación dinámica se puede utilizar para ejecutar scripts durante la carga de la página con el fin de determinar qué componentes de navegación mostrar en función de variables como el usuario, la dirección IP o los roles.
Puede generar navegación dinámica mediante el parámetro -LoadNavigation. El valor del parámetro debe ser un bloque de script que se ejecute al cargar la navegación.
Acceso basado en roles
Puede utilizar la navegación dinámica para crear un menú de navegación que aproveche los roles. Utilice Protect-UDSection para limitar quién tiene acceso a determinados elementos de menú. Asegúrese de incluir también el mismo rol en la página.
Si desea comprobar los roles dentro de las páginas, también puede utilizar el operador -In y la variable $Roles.
Diseños
El diseño permanente crea un cajón de navegación estático en el lado izquierdo de la página. El usuario no puede ocultarlo.

El diseño temporal crea un cajón de navegación que se puede abrir mediante un menú de hamburguesa situado en la esquina superior izquierda. Esta es la configuración predeterminada.

Navegación horizontal

Puede utilizar New-UDAppBar con una página en blanco para crear navegación horizontal.
Logotipo
Puede mostrar un logotipo en la barra de navegación mediante el parámetro -Logo.
En primer lugar, configure una carpeta publicada para alojar su logotipo.

Ahora, al crear su página, puede especificar la ruta al logotipo.
El logotipo se mostrará en la esquina superior izquierda.

Para personalizar el estilo de su logotipo, puede utilizar una hoja de estilos en cascada y apuntar al ID de elemento ud-logo.
Contenido del encabezado
Puede definir contenido personalizado para incluirlo en el encabezado mediante el parámetro -HeaderContent.

Título de página dinámico
Los títulos de página son estáticos de forma predeterminada, pero puede anular este comportamiento mediante -LoadTitle. Se llamará cuando se cargue la página. Esto resulta útil al definir páginas en dashboards multilingües.
Páginas estáticas
Las páginas estáticas permiten un mejor rendimiento al no ejecutar PowerShell para cargar el contenido de la página. Esto puede resultar útil al mostrar datos que no requieren la ejecución dinámica de PowerShell. El contenido de la página se construye cuando se inicia el dashboard.
Las páginas estáticas no tienen acceso a los datos específicos del usuario. Esto incluye variables como:
$Headers
$User
$Roles
Aún puede incluir regiones dinámicas dentro de las páginas. Estas regiones dinámicas tendrán acceso a los datos del usuario. Al recargar el ejemplo siguiente se actualizarán la fecha y la hora indicadas en la página.
API
Última actualización
¿Te fue útil?