![Data-Centric Applications with Vaadin 8](https://wfqqreader-1252317822.image.myqcloud.com/cover/922/36699922/b_36699922.jpg)
上QQ阅读APP看书,第一时间看更新
Implementing a concrete application's main screen
This section explains how to implement and use a basic tab-based layout using the ApplicationLayout interface developed in the previous section. The layout includes a header on the top and a lateral menu on the left. When users click an option on the main menu a new component is added inside a new tab. The following is a screenshot of this layout:
![](https://epubservercos.yuewen.com/458474/19470394001568806/epubprivate/OEBPS/Images/e1c3e7cb-52b4-472c-aaa4-66a94bcae509.png?sign=1739336055-JNQOYZfEhcNZiaxJbAgSpOJrX0bT8WsV-0-ae391b7770332bda9e3a57cba5c923ea)