addPerson.jsp
- 데이터베이스에 사람을 추가하기 위한 이름을 작성하는 페이지
- form 태그의 내부 input 태그에 name속성을 지정하면 버튼이 눌렸을때 값이 action 속성에 작성된 페이지로 함께 전달된다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="sample.dao.PersonDao" %>
<%@ page import="sample.dto.PersonDto" %>
<%@ page import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%@ include file = "navBar.jsp" %>
<form name="personAddForm" action="addPerson_proc.jsp" method="post">
<div class="mb-3">
<label for="formGroupExampleInput2" class="form-label">Name
label</label> <input type="text" class="form-control"
id="inputName" placeholder="Another input placeholder"
name="name">
</div>
<button id="insertBtn" type="button" class="btn btn-primary">추가</button>
</form>
<script>
document.getElementById('insertBtn').addEventListener('click', ()=>{
let form = document.personAddForm;
let inputName = document.getElementById('inputName');
if(inputName.value == "") {
alert('이름은 필수입니다.');
inputName.focut();
} else {
if(confirm('추가하시겠습니까?')) {
form.submit();
}
}
});
</script>
</body>
</html>
addPerson_proc.jsp
- 실제로 데이터베이스에 insert를 하기 위해 존재하는 페이지
- 전달받은 값을 데이터베이스에 추가하는 동작을 실행한다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="sample.dao.PersonDao" %>
<%@ page import="sample.dto.PersonDto" %>
<%@ page import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");
PersonDao personDao = new PersonDao();
int result = personDao.insertPersonInfo(name);
if(result == 1) {
%>
<script>
alert('추가성공');
</script>
<%
} else {
%>
<script>
alert('수정실패..');
</script>
<%
}
%>
<script>
location.href = './index.jsp';
</script>
</body>
</html>
