Nézetek és erőforrások beillesztése

Total.js 5 · total5@0.0.19 viewstemplatesassets Total.js 5-tel lefuttatva

Az @{view(name, model)} a helyén rendereli egy másik nézetet, így az ismétlődő részek (kártya, sor, lábléc) egy fájlban élnek. A második argumentum a beillesztett nézet modellje.

Az @{import('a.js', 'a.css')} a public/js/ és public/css/ fájljaihoz kiírja a <script> és <link> címkéket. Sorolj fel több fájlt +-szal összekapcsolva, hogy fájlonként egy címkét kapj.

views/card.html

<article class="card"><h2>@{model.title}</h2></article>

views/index.html

@{layout('')}
@{import('app.js', 'app.css')}
@{foreach item in model.items}
	@{view('card', item)}
@{end}

controllers/default.js

exports.install = function() {
	ROUTE('GET /', page);
};

function page($) {
	$.view('index', { items: [{ title: 'First' }, { title: 'Second' }] });
}