์ฅ๋ฐ๊ตฌ๋ - 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
๋ณต์ฌ