Expand description
PageTop Bootsier
Tema de PageTop basado en Bootstrap para aplicar su catálogo de estilos y componentes flexibles.
§Sobre PageTop
PageTop es un entorno de desarrollo que reivindica la esencia de la web clásica para crear soluciones web SSR (renderizadas en el servidor) modulares, extensibles y configurables, basadas en HTML, CSS y JavaScript.
§⚡️ Guía rápida
Igual que con otras extensiones, añade la dependencia a tu Cargo.toml:
[dependencies]
pagetop-bootsier = { ... }Declara la extensión en tu aplicación (o extensión que la requiera). Recuerda que el orden en
dependencies() determina la prioridad relativa frente a las otras extensiones:
use pagetop::prelude::*;
struct MyApp;
impl Extension for MyApp {
fn dependencies(&self) -> Vec<ExtensionRef> {
vec![
// ...
&pagetop_bootsier::Bootsier,
// ...
]
}
}
#[pagetop::main]
async fn main() -> std::io::Result<()> {
Application::prepare(&MyApp).run()?.await
}Y selecciona el tema en la configuración de la aplicación:
[app]
theme = "Bootsier"o fuerza el tema por código en una página concreta:
use pagetop::prelude::*;
use pagetop_bootsier::Bootsier;
async fn homepage(request: HttpRequest) -> ResultPage<Markup, ErrorPage> {
Page::new(request)
.with_theme(&Bootsier)
.with_child(
Block::new()
.with_title(L10n::l("sample_title"))
.with_child(Html::with(|cx| html! {
p { (L10n::l("sample_content").using(cx)) }
})),
)
.render()
}Modules§
- config
- Opciones de configuración del tema.
- prelude
- Prelude del tema.
- theme
- Definiciones y componentes del tema.
Structs§
- Bootsier
- Implementa el tema.
Enums§
- Bootsier
Template - Plantillas que Bootsier añade.