Learn the WebEtui Architecture
<menu>menu(label="menu.manual" maxlevel="2" hamburger="manual")</menu> <api-find> <article>article()</article> <find>find(label="layout.api" format='<a class="find-manual" href="/[url]"><div class="itemtext"><h2>[h1]</h2><p>[p.1]</p></div></a>' order="label")</find> </api-find>
Master HTML template: page.html
plaatje van voorbeeld page.html template
From article and label to internet address (URL)
Every article gets an unique address (url) based on the title when it is created. This page with title "Learn the WebEtui Architecture" gets url "learn-the-webetui-architecture": the title in lowercase with spaces replacee by dash. For 'detail/endpage' the article url is the last part of the address.
If an article has labels, the first label becomes part of the address. For example this page has label "menu.manual.build.architecture" and gets adress "https://www.webetui.nl/manual/build/architecture/learn-the-webetui-architecture". (label "menu" is locked which means it is invisible in url's)
From internet adress (URL) to label and article
Most WebEtui API functions convert the current internetadress (URL) to an label and/or article. This is the reverse of the previous "From article and label to internet address (URL)". The URL is an important way to select content and labels. If you use for example the API function "article()" in your HTML layout it will show the article based on the current URL.
It the address matches a label but no article, the label wil be used to select a HTML layout. For example the URL "https://www.yoursite.nl/news" can point to label "news". In the HTML layout with label "news" you can use the find() function to display (a formatted part) of all news articles ordered by date.
The label "home" is special, when the internetaddress is empty or "index" WebEtui will assume label "home". So you can label your home HTML layout and/or your home article with label "home".
Format your content with the "format" parameter
- page layouts html fragments
- which layout is selected
- which content is showed
- format the content
- url's and labels
- selecting html fragments with labels
- use WebEtui API in HTML to select content
- design with css styles