Web
-
Servlet-JSP MVC07 - 파일 삭제 하기Web/Servlet-JSP 2023. 7. 24. 20:52
1. 뷰 설정 삭제 버튼에 a태그로 자바스크립트 메서드 연결시켜두었다. function delFile(num,filename){ location.href="?num="+num+"&filename="+filename; } 삭제를 위한 컨트롤러와 연결 2. fileDeleteController public class FileDelController implements Controller{ @Override public String requestHandler(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String ctx = request.getContextPath(); //파일 이..
-
Servlet-JSP MVC07 - 파일 다운로드Web/Servlet-JSP 2023. 7. 23. 00:20
> 업로드된 파일을 다시 다운로드 받아보자. 1. MemberContent.jsp설정 파일 이름 출력하는 부분에 a태그를 걸었다. function getFile(filename){ location.href="?filename="+filename; } 파일 다운로드를 처리할 수 있는 컨트롤러로 가도록 설정 2. Controller public class FileGetController implements Controller{ @Override public String requestHandler(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //파일 읽어올 경로 설정 String f..
-
웹 어플리케이션 배포Web/환경설정 관련 2023. 7. 22. 23:45
1. 알아두어야할 사항 - Java EE는 WTP 플러그인을 기본적으로 포함한다. - WTP플러그인을 통해 이클립스에 등록된 임시 서버에 자동으로 웹 어플리케이션이 배치되고, 톰캣서버를 제어할 수 있다. - 만약 위와 같은 기능이 없다면, 프로젝트를 테스트하기 위해 매번 WAR파일로 만들어서, 톰캣서버 폴더 webapps에 이를 복사하고, 재시작하는 것을 반복해야한다. 2. 이클립스 임시 배치 폴더(톰캣 실행 환경) - 이클립스를 통해 자동으로 배포되는 임시 배치의 위치는 위와 같다. workspace\.metadata\.plugins\org.eclipse.wst.server.core (이클립스 워크플레이스를 통해 들어갈 수 있다.) - tmp폴더는 이클립스에 연동된 톰캣서버의 갯수(톰캣 실행 환경의 수..
-
Servlet-JSP MVC07 - 리스트에 이미지 띄우고, 상세페이지에서 파일보기Web/Servlet-JSP 2023. 7. 22. 23:35
1. 회원리스트에 이미지 띄우기 - MemberList.jsp에 회원정보 출력되는 테이블 휴대폰 번호 밑에 아래와 같이 이미지를 띄우도록 추가하면 된다. *이미지 파일의 경로는 루트디렉토리에 file_REPO폴더안에 있다. 태그를 이용해 루트 디렉토리는 자동으로 추가하고, 폴더명이랑 파일명만 적어두자 2. 회원상세페이지에 파일 띄우기 첨부파일 - 아래와 같이 div를 하나 추가해주자. - 삭제버튼을 추가했는데 로그인 + 첨부파일이 있을 경우에만 x버튼이 뜨도록 만들었다. 참고자료: 나프2탄(박매일) - 인프런 https://www.inflearn.com/course/%EB%82%98%ED%94%84-mvc-2/dashboard [NarP Series] MVC 프레임워크는 내 손에 [나프2탄] - 인프런 ..
-
Spring MVC02 - 다중파일 업로드Web/Spring 2023. 6. 30. 23:23
1. 파일 업로드를 위한 준비 API, servlet-context.xml설정 다중 파일 업로드를 위해 API를 다운받자. commons-fileupload, commons-io commons-fileupload commons-fileupload 1.2.1 commons-io commons-io 1.4 스프링 컨테이너에 servlet-context.xml 파일 업로드를 위한 클래스와 property를 설정해야한다. - 업로드할 파일의 최대사이즈와, 임시파일사이즈, 인코딩타입 등을 미리 정해두자 1.2 뷰 페이지 만들기 다중파일업로드 스프링 이용한 다중 파일 업로드 구현 Panel Content 아이디: 이름: 파일추가: 업로드 나프2탄고 form에 enctype ="multipart/form-data"로..
-
Spring MVC02 - Ajax MemberListWeb/Spring 2023. 6. 29. 21:49
- Servlet-jsp에서 ajax를 이용해서 회원리스트 보기를 했던 것과 동일한 작업을 할 것이다. 1. 화면 및 javascript 구성 회원리스트 출력 function btnClick(){ $.ajax({ url : "", type : "get", dataType : "json", success : resultHtml. error : function(){alert("error");} }); } function resultHtml(data){ console.log(data); var html = ""; html += " "; html += " 번호"; html += " 아이디"; html += " 비밀번호"; html += " 이름"; html += " 나이"; html += " 이메일"; html..
-
Spring MVC02 - 어노테이션을 이용한 Mapper 인터페이스 사용Web/Spring 2023. 6. 29. 21:19
- 사실 @Mapper 없어도 mybatis-spring scan을 통해 알아서 관리된다. (같은 패키지에 있고, namespace와 인터페이스명 같다면) - 어노테이션 이용방법 - 복잡한 sql아니면, 그냥 어노테이션으로 관리해도 된다. public interface MemberMapper { @Select("select * from member") public List memberList(); // 메서드 이름 sql id매칭 중요 @Insert(" insert into member(id, pass, name, age, email, phone)\r\n" + " values(\r\n" + " #{id},\r\n" + " #{pass},\r\n" + " #{name},\r\n" + " #{age},\r\..
-
Spring MVC02 - Mapper Interface와 XML이용한 CRUDWeb/Spring 2023. 6. 29. 21:10
- 기존 프로젝트에 DAO객체를 없애고 다른 방법으로 DB를 다루는 방식이 존재한다. - 인터페이스를 정의하고, 추상메서드와 sql을 연결하는 방법이다. (인터페이스 메서드명, mapper xml에 id랑 연결) DAO없이 인터페이스를 통해 DB작업을 하고 싶다면, 1. mapper 인터페이스 생성하고, @Mapper 어노테이션 사용 2. root.xml에 어노테이션과 scan등록하기 3. mapper파일 namespace와 인터페이스 이름 맞추기 (되도록 같은 경로에 두기) 4. 메서드 명과 xml에 각 태그에 id가 일치시키기 1. Mapper 인터페이스 생성 kr.bit.mapper 패키지와 MemberMapper 인터페이스를 정의해 두었다. @Mapper // MyBatis(SqlSessionFa..