DBILITY

독거 가능성 100% 노후에 라면값이라도 하게 센스를 발휘합시다!😅
Please click on the ad so that I can pay for ramen in my old age!
点击一下广告,让老后吃个泡面钱吧!
老後にラーメン代だけでもするように広告を一回クリックしてください。

vaadin flow route 본문

front-end & ui/vaadin flow

vaadin flow route

DBILITY 2018. 9. 6. 19:44
반응형

공식 사이트 문서를 참조하여 작성하였다.

 

@Route Annotation에 의해 정의된 URL Fragment에 대한 Navigation Target으로 임의의 Component를 정의할 수 있게 한다. 말이 어렵다.
다음과 같이 @Route("") 으로 URL Fragmenet가 비어있는 경우 해당 Component를 Application의 기본 Navigation Target으로 정의한다.

@Route("")
public class HelloWorld extends Div {
  public HelloWorld() {
    setText("Hello world");
  }
}

다음과 같이 다른 경로(some/path)에 대해 별도의 Component를 정의할 수 있다.

@Route("some/path")
public class SomePathComponent extends Div {
  public SomePathComponent() {
    setText("Hello @Route!");
  }
}

사용자가 응용 프로그램 내부의 링크를 클릭하거나 주소 표시줄에 직접 주소를 입력하여 http://yourdomain.com/some/path로 이동할 때마다 SomePathComponent Component가 페이지에 표시된다.

반응형

'front-end & ui > vaadin flow' 카테고리의 다른 글

vaadin flow routing and URL parameters  (0) 2018.09.10
Vaadin 10 learning resources  (0) 2018.09.09
vaadin flow router layouts and nested router targets  (0) 2018.09.08
vaadin flow navigation lifecycle  (0) 2018.09.06
vaadin flow  (0) 2018.09.06
Comments