Search

์žฅ๋ฐ”๊ตฌ๋‹ˆ - cart.jsp

์žฅ๋ฐ”๊ตฌ๋‹ˆ - cart.jsp

โ€ข
ํƒ€์ดํ‹€ ์˜์—ญ
โ€ข
ํ‘œ ์˜์—ญ
โ€ข
๋ฒ„ํŠผ ์˜์—ญ

ํƒ€์ดํ‹€ ์˜์—ญ

<div class="px-4 py-5 my-5 text-center"> <h1 class="display-5 fw-bold text-body-emphasis">์žฅ๋ฐ”๊ตฌ๋‹ˆ</h1> <div class="col-lg-6 mx-auto"> <p class="lead mb-4">์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋ชฉ๋ก ์ž…๋‹ˆ๋‹ค.</p> </div> </div>
HTML
๋ณต์‚ฌ

ํ‘œ ์˜์—ญ

bootstrap ์„ ํ†ตํ•ด์„œ ํ…Œ์ด๋ธ” ์˜์—ญ์„ ์ž‘์„ฑํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, Table ํŽ˜์ด์ง€์˜ ๋‚ด์šฉ์„ ์ฐธ์กฐํ•ด๋ณด์„ธ์š”.
<!-- ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์˜์—ญ --> <div class="container order"> <!-- ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋ชฉ๋ก --> <table class="table table-striped table-hover table-bordered text-center align-middle"> <thead> <tr class="table-primary"> <th>์ƒํ’ˆ</th> <th>๊ฐ€๊ฒฉ</th> <th>์ˆ˜๋Ÿ‰</th> <th>์†Œ๊ณ„</th> <th>๋น„๊ณ </th> </tr> </thead> <tbody> <tr> <td>์ƒํ’ˆ๋ช…</td> <td>2000</td> <td>2</td> <td>4000</td> <td></td> </tr> </tbody> <tfoot> <tr> <td></td> <td></td> <td>์ด์•ก</td> <td id="cart-sum">100000</td> <td></td> </tr> </tfoot> </table> </div>
HTML
๋ณต์‚ฌ

๋ฒ„ํŠผ ์˜์—ญ

<!-- ๋ฒ„ํŠผ ์˜์—ญ --> <div class="d-flex justify-content-between align-items-center p-3"> <a href="deleteCart.jsp?cartId=<%= cartId %>" class="btn btn-lg btn-danger ">์ „์ฒด์‚ญ์ œ</a> <a href="javascript:;" class="btn btn-lg btn-primary" onclick="order()">์ฃผ๋ฌธํ•˜๊ธฐ</a> </div>
HTML
๋ณต์‚ฌ