▶ /Model1/WebContent > index.html
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1> ■모델 1 </h1>
<a href="./html/regist.html">● 등록 </a>
<p>
<a href="./jsp/list.jsp">● 조회 (삭제)</a>
</body>
</html>▶ /Model1/WebContent/html > regist.html
더보기
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1> ■모델 1 </h1>
<a href="/index.html">● Home </a>
<p>
<form name="regist" action="/jsp/regist_proc.jsp" method="post">
<table style="width: 200px;">
<tr>
<td> 구분 </td> <td align="center">입력</td>
</tr>
<tr>
<td> ID </td> <td><input type="text" name="input_id" value="" /> </td>
</tr>
<tr>
<td> Name </td> <td><input type="text" name="input_name" value="" /></td>
</tr>
<tr>
<td> Age </td> <td><input type="text" name="input_age" value="" /> </td>
</tr>
</table>
<p>
<input type="submit" value="전송" style="width:200px;">
</form>
</body>
</html>▶ /Model1/WebContent/html > regist_proc.html
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1> ■모델 1 </h1>
<a href="/index.html">● Home </a>
<p>
ID / 이름 / 나이를 받아서 DB 처리 하도록 한다.
</body>
</html>▶ /Model1/WebContent/html > list.html
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1> ■모델 1 </h1>
<a href="/index.html">● Home </a>
<p>
<table style="width: 400px;">
<tr>
<td>ID</td>
<td align="center">이름</td>
<td align="center">나이</td>
<td> 삭제 </td>
</tr>
<tr>
<td>ID</td>
<td align="center">이름</td>
<td align="center">나이</td>
<td><a href="./delete.html"> 삭제 </a> </td>
</tr>
<tr>
<td>ID</td>
<td align="center">이름</td>
<td align="center">나이</td>
<td><a href="./delete.html"> 삭제 </a> </td>
</tr>
</table>
</body>
</html>▶ /Model1/WebContent/html > delete.html
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1> ■모델 1 </h1>
<a href="/index.html">● Home </a>
<p>
ID 를 받아서 삭제처리한다.
</body>
</html>■ 화면 구성
'고인돌 프로젝트 > [Step 1] 모델 1 , Jsp,beans + Oracle' 카테고리의 다른 글
| 5. Jsp 부분 작업 (with DB 연결) (0) | 2021.08.05 |
|---|---|
| 4. DB(Oracle) 작업 (0) | 2021.08.05 |
| 2. 프로젝트 생성 (0) | 2021.08.05 |
| 1. 개발환경 준비하기 (0) | 2021.08.05 |
| [Load-map] 플젝 로드맵 (0) | 2021.08.05 |