Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
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
Archives
Today
Total
관리 메뉴

눈덩이의 테크블로그

[7_2] tomcat과 mariaDB(mysql)연결하기, jsp(java) form태그 사용법 (action) 본문

jsp

[7_2] tomcat과 mariaDB(mysql)연결하기, jsp(java) form태그 사용법 (action)

nundung 2023. 11. 1. 17:54

mariaDB 사이트에서 tomcat과 연결시켜주는 connector 파일을 다운로드 받고 압축해제하여서 파일질라를 통해 /home/ubuntu/위치에 넣어주었다.

 

압축 폴더 터미널에서 압축해제하는 법 : sudo dpkg -i 
(시스템 폴더에 설치하여 주어야 하기 때문에 sudo를 붙여줌)

그리고 설치가 되었는지 확인하기 위해 /$에서 usr/share/java/경로로 이동한다.


톰캣과 마리아디비를 연결하기 위해 톰캣의 라이브러리 폴더로 옮겨준다.
명령어 : sudo mv 보낼 폴더 /옮길 위치/

sudo mv mysql-connector-java-8.0.23.jar/~/apache-tomcat/lib/ 이렇게

설치 후 톰캣을 껐다 켜준다.
방법 : tomcat의 bin으로 가서 shutdown.sh하여서 종료 켤 때는 startup.sh

톰캣 재부팅 후에는 정상적으로 설치가 되었는지 내 서버에 들어가 본다.

이런식으로 무언가를 설치하거나 설정을 바꾼 후에는 꼭 다시 들어가서 검증하는 시간을 거쳐야 한다.


이후 webapps에 새로운 폴더(프로젝트)를 만들어준다  명령어 : mkdir 프로젝트이름

백엔드 요청을 보내려면 무조건 페이지를 이동시켜줘야 함. 

 

 

vsc에서 ftp-simple이용해서 새로만든 프로젝트에 원격접속을 해준다.
jsp파일 생성해준다.

모든 jsp파일 위에

<%@page language="java" contentType="text/html" pageEncoding="UTF-8" %>
이렇게 적어줌
페이지 이동 명령어
1. location.href
2. <a>
3. <form>

form태그는 현재 페이지의 입력 값을 다음 페이지에게 전달해줄수있다.

 


index.jsp

<%@ page language="java" contentType="text/html" pageEncoding="UTF-8" %>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body> 
	//action="이동하고싶은 파일명"
	<form action="main.jsp">
		//input 태그는 다음페이지에 전달 되는 값이 된다.
		//여러개의 값을 보내줘야 할수도 있기때문에 input의 name을 지정해준다.
		<input name="data" type="text">
		<input type="submit">
	</form>
</body>

이렇게 index.jsp에서 main.jsp로 전달해준다. 그럼 이제 main.jsp에서는 보낸 값을 받아주어야 한다.

 

main.jsp

<%@ page language="java" contentType="text/html" pageEncoding="UTF-8" %>

<%
	// <% %>는 jsp영역이다. 그래서 슬래시 두번 눌러서 주석 달아줘야함
	//전페이지에서 온 데이터에 대해서 인코딩 설정
	request.setCharacterEncoding("UTF-8");,

	//변수의 자료형을 String으로 지정
	String data = request.getParameter("data");
%>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<h1>메인페이지입니다</h1>
	// <%= %>는 jsp 변수를 가져다쓰겠다는 명령어이다.
	<h2>받아온 값 : <%=data%></h2>
</body>

 

이렇게 받아준다. 

끝까지 읽어주셔서 감사합니다.