231211[Back-end] Spring Framework<Spring-ver3 프로젝트 실습>/ JSTL c:url 로 변수명에 경로 지정 활용/ Bootstrap css VIEW에 적용/ DB연동 및 SpringJdbcTemplate 활용

<<진도>>

[Back-end] Spring Framework

<Spring-ver3 프로젝트 실습>

/ JSTL c:url 로 변수명에 경로 지정 활용

/ Bootstrap css VIEW에 적용

/ DB연동 및 SpringJdbcTemplate 활용

[** uri jstl로 변수명으로 나타내기]

c:url로 경로지정을 해주게되면 jstl url이 자동으로 컨텍스트를 인식을하므로

/ver3/resources에서 컨텍스트(/ver3)는 생략해줘야한다.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:url var="resPath" value="/resources" />

<link href="${resPath}/css/bootstrap.min.css" rel="stylesheet">

"/ver3" 컨텍스트는 "/" 로

<c:url var="context" value="/" />

"/"은 servlet에서 /ver3/ 로 연결을 하므로 ${context}사용시 뒤의 / 는 생략이 필요

<a href="${context}store/items/item">허쉬</a></td>

! 개발자는 항상 사용자의 입장에서 편의를 생각하여 작업하여야 한다.

[ VIEW ] store

* bootstrap - Layout - Grid

: Bootstrap Grid의 구조는

Container 컨테이너
	ㄴrow로우
    		ㄴcol컬럼

(Ant-design때와 마찬가지로)

Grid는 gutter 단위 12개로 나눠지고 col(umn)의 수에 따라 할당너비가 나눠짐

* 그리드옵션

반응형으로 특정너비까지 특정칸너비크기를 차지하는것 설정

col col-md-n

-auto는 content 길이에 따라 자동 설정

** button에 onclick 속성에는 JS 형식으로 이동링크를 넣게됨

<button type="button" class="btn btn-dark" onclick="location.href='${context}store/items/add'">상품 등록</button>

과제

이전페이지로

231226 [Back-end] server단 에서의 Form 검증(@어노테이션, Validation interface) (0)	2023.12.26
231213 [Back-end] Spring Framework<Spring-ver3 프로젝트 실습>/ form의 disable 특징/ header, footer 분리후 include (0)	2023.12.13
231208 [Back-end] Spring Framework<Spring-ver3 프로젝트 실습>/ lombok/ view 제작/ bootstrap 속성 (0)	2023.12.08
231207 [Back-end] 마이바티스 어노테이션활용 쿼리 (0)	2023.12.07
231206 [Back-end] Spring Framework/ JDBC(스프링 프레임워크)/ SpringJdbc/ 마이바티스 mybatis/ 실제 class 파일의 output경로 (0)	2023.12.06

Tec1知