Notice
Recent Posts
Recent Comments
Link
ยซ   2024/09   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags more
Archives
Today
Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

Tech Log ๐Ÿ› ๏ธ

ํƒ€์ž„๋ฆฌํ”„ ๋ฌธ๋ฒ• ์ •๋ฆฌ ๋ณธ๋ฌธ

mvc ์›น ๊ฐœ๋ฐœ

ํƒ€์ž„๋ฆฌํ”„ ๋ฌธ๋ฒ• ์ •๋ฆฌ

sehaan 2022. 3. 13. 21:43

ํƒ€์ž„๋ฆฌํ”„ ์‚ฌ์šฉ๋ฒ•

 

์ด ์‚ฌ์ง„์ฒ˜๋Ÿผ ํƒ€์ž„๋ฆฌํ”„ ์„ ์–ธ์„ ํ•ด์ฃผ์–ด์•ผํ•œ๋‹ค.

 

<html xmlns:th="http://www.thymeleaf.org">
th:href="@{/css/bootstrap.min.css}"

ํƒ€์ž„๋ฆฌํ”„ ์„ ์–ธ์„ ํ•ด์ฃผ์–ด์•ผ ๋น„๋กœ์†Œ ํƒ€์ž„๋ฆฌํ”„ ๋ฌธ๋ฒ•์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค.

 

ํƒ€์ž„๋ฆฌํ”„๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋ฉด,

th:xx ์†์„ฑ์ด ๋ถ™์€ ๋ถ€๋ถ„์€ ์„œ๋ฒ„์‚ฌ์ด๋“œ์—์„œ ๋ Œ๋”๋ง ๋˜๋ฉฐ , ๊ธฐ์กด html ์†์„ฑ์ด ๋Œ€์ฒด๋œ๋‹ค.(th ์†์„ฑ์ด ์—†์œผ๋ฉด html ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ)

ํ•˜์ง€๋งŒ html ์„ ํŒŒ์ผ๋กœ ์ง์ ‘ ์—ด์—ˆ์„๋• th ์†์„ฑ์€ ๋ฌด์‹œ๋œ๋‹ค.

 

1.URL ๋งํฌ ํ‘œํ˜„์‹

th:onclick="|location.href='@{/basicCafe/items/edit/{cafeId}(cafeId=${cafe.id})}'|"

ํƒ€์ž„๋ฆฌํ”„๋Š” url๋งํฌ๋ฅผ @{...}๋กœ ํ‘œํ˜„ํ•œ๋‹ค.

์ด ๊ฒฝ์šฐ ์„œ๋ธ”๋ฆฟ ์ปจํ…์ŠคํŠธ๋ฅผ ์ž๋™์œผ๋กœ ํฌํ•จํ•œ๋‹ค.

 

2.๋ฆฌํ„ฐ๋Ÿด ๋Œ€์ฒด ๋ฌธ๋ฒ•

location.href='/basic/items/add'
th:onclick="'location.href=' + '\'' + @{/basic/items/add} + '\''"
th:onclick="|location.href='@{/basic/items/add}'|"

๋ฆฌํ„ฐ๋Ÿด ๋Œ€์ฒด ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ณต์žกํ•œ ํ‘œํ˜„์‹์„ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

3.๋ฐ˜๋ณต์ถœ๋ ฅ

์‚ฌ์šฉ์˜ˆ์‹œ

 

<tr th:each="item : ${items}">

<tr th:each="cafe:${cafes}">
    <td><a href="cafe.html" th:href="@{/basicCafe/items/{itemId}(itemId=${cafe.id})}" th:text="${cafe.id}">1</a></td>
    <td><a href="cafe.html" th:href="@{|/basicCafe/items/${cafe.id}|}" th:text="${cafe.cafeName}">ํ…Œ์ŠคํŠธ ์ƒํ’ˆ1</a></td>
    <td th:text="${cafe.open}">10000</td>
    <td th:text="${cafe.close}">10</td>
    <td th:text="${cafe.mocaPrice}">10</td>

</tr>

์ปฌ๋ ‰์…˜์˜ ์ˆ˜๋งŽ์€ <tr>,</tr> ํ•˜์œ„ ํƒœ๊ทธ๋“ค์„ ํฌํ•จํ•ด์„œ ์ƒ์„ฑ๋œ๋‹ค.

 

4.๋ณ€์ˆ˜ ํ‘œํ˜„์‹

th:text="${cafe.id}">1</a></td>

๋‚ด์šฉ์˜ ๊ฐ’์„ th:text ๊ฐ’์œผ๋กœ ๋ณ€๊ฒฝํ•ด์ค€๋‹ค.

 

5.๋งํฌ ํ‘œํ˜„์‹

th:href="@{/basic/items/{itemId}(itemId=${item.id})}
th:href="@{|/basic/items/${item.id}|}"

๋ฆฌํ„ฐ๋Ÿด ๋Œ€์ฒด ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ณต์žกํ•œ ๋งํฌ ํ‘œํ˜„์‹์„ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

"์ˆœ์ˆ˜ HTML์„ ๊ทธ๋Œ€๋กœ ์œ ์ง€ํ•˜๋ฉด์„œ ๋ทฐ ํ…œํ”Œ๋ฆฟ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํƒ€์ž„๋ฆฌํ”„์˜ ํŠน์ง•์„ ๋„ค์ธ„๋Ÿด ํ…œํ”Œ๋ฆฟ์ด๋ผ ํ•œ๋‹ค."

'mvc ์›น ๊ฐœ๋ฐœ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

ํ”„๋ก ํŠธ ์ปจํŠธ๋กค๋Ÿฌ  (0) 2022.02.08
'mvc ์›น ๊ฐœ๋ฐœ' Related Articles more