Je vous présente un petit framework maison TS/JS (pattern MVC).
Il dispose de plusieurs fonctionnalités:
-
génerer une boucle
@for=(items => item) <div>#item</div> @endfor
bind des variables d'un controller
<div>{{title}}</div>
condition d'affichage
<@if (true) <div>if</div> @else <div>else</div> @endif
-
export class DashboardController extends Controller { dir_name = "dashboard"; constructor(dir_name) { super(dir_name); this.init(); } async init() { this.params = { // ici mettre vous variable qui seront passé à votre html }; await this.render(this.params); } pre_process(params, html) { // fonction qui sera appellé avant le chargement de la page // insérer vos modules pour intéragir avec votre html ici ou rendre une page basique html return super.pre_process(params, html); } }
-
export default class AuthGuard extends Guard { static async guard(): Promise<boolean> { return // retourner ici votre condition (boolean); } }
-
<div @redirect="base">base</div> // redirige vers la page base si le composant existe