play-bootstrap이란?

playframework에서 템플릿 도우미처럼 Bootstrap을 렌더링 할 수있는 라이브러리
공식 문서가 충실하다
ht tp // A dri anfu rt. 기주 b. 이오 / p y y 보오 tst 등 p /

사전 준비

build.sbt

libraryDependencies에 다음을 추가

Play와 Bootstrap 버전에 따라 사용하는 내용이 다릅니다.
여기 Play2.5 및 Bootstrap4 용 play-bootstrap을 추가합니다.

libraryDependencies++= Seq(
javaJdbc,
cache,
javaWs,
"com.adrianhurt"%% "play-bootstrap"% "1.0-P25-B4-SNAPSHOT"
)

resolver 추가

libraryDependencies 아래에도 다음을 추가
resolvers += "Sonatype OSS Snapshots" at "https://oss.sonatype.org/content/repositories/snapshots/"

좋아하는 수단으로 Bootstrap 로드

CDN, Webjar, Bower, 직접, etc
이번에는 공식을 참고하여 헤더에 CDN을 기술했다.
htp : // v4 - 아 lp는. 게이 트보오 tst 등 p. 코 m / 갓찐 g-s r d / 인 t 로즈 c 치온 /
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">

사용법

View에 사용할 필드 생성자 가져 오기

· Vertical forms
· Horizontal forms
· 인라인 양식
・Clear field constructor
네가 있다
우선 Vertical form을 지정해 본다
@import b4.vertical.fieldConstructor

양식 부분

공식 샘플을 복사하여 조금 변경
play의 헬퍼에는 submit나 reset가 없지만,
play-bootstrap에는 이것이 준비되어있는 것이 훌륭합니다.

@b4.form(routes.HomeController.login) {
  @b4.email( form("email"), '_label -> "Email", 'placeholder -> "[email protected]" )
  @b4.password( form("password"), '_label -> "Password", 'placeholder -> "Password" )
  @b4.checkbox( form("remember"), '_text -> "Remember me", 'value -> true )
  @b4.submit('class -> "btn btn-primary"){ Sign in }
}

표시

여담

Play에서 Bootstrap을 사용하고 싶을 때는 자주 있지만,
기본 템플릿 도우미로 렌더링되는 HTML은 Bootstrap을 준수하지 않습니다.
선인들의 대처를 보면, Bootstrap에 준거하도록 독자적인 헬퍼를 만들어,
그것을 implicitFieldConstructor하고…
어떻게든 할 수 있을까 생각하고 좋을 것 같다는 것을 발견하면,