Spring 실습

파일을 업로드 했을 때 이미지의 경우 미리보기를 진행해보자파일 미리보기(이미지)book폴더의 create를 열어 아래와 같이 작성해준다. 제목 : 카테고리 : 가격 : 도서 이미지 :  $(function(){ // 이미지 미리보기 시작 ////// $('#uploadFile').on('change',handleImg) // 이미지 미리보기 시작 //////}//e : onchange 이벤트function handleImg(e){ // 영역에 이미지 미리보기를 해보자 //이벤트가 발생 된 타겟 안에 들어있는 이미지 파일들을 가져와보자 let files = e.target.files; //이미지가 여러개가 있을 수 있으므로 이미지들을 각각 분리해서 배열..

어제 상품코드를 자동생성 했으니 나머지 데이터를 입력받고 데이터베이스에 insert해보자create.jsp  createPost로 진행하기 위해  본래 이렇게 있던 input타입의 button을 submit으로 잠시 바꿔주자 /* 요청URI : /crate 요청파라미터 : {lprodNo=14, lprodGu=Z002, lprodNm=분식류} 요청방식 : post */ @RequestMapping(value="/create", method=RequestMethod.POST) public ModelAndView createPost(LprodVO lprodVO) { ModelAndView model = new ModelAndView(); // Service 인터페이스 호출// int resu..

SQL 데이터베이스 member테이블에 데이터를 몇개 넣어보자reg_date는 기본값을 sysdate로 입력해놨다. address 테이블도 하나 만들어준다.-- 회원 : 주소 = 1 : 1CREATE TABLE ADDRESS( USER_ID VARCHAR2(20), POST_CODE VARCHAR2(10), LOCATION VARCHAR2(300), CONSTRAINT PK_ADDRESS PRIMARY KEY(USER_ID), CONSTRAINT FK_ADDRESS FOREIGN KEY(USER_ID) REFERENCES MEMBER(USER_ID)); user_id가 address 테이블의 기본키(PK)이면서 member테이블에서 참조..

컨트롤러에 MemberController 클래스를 만들어주자URL 경로 상의 쿼리 파라미터 정보로부터 요청 데이터를 취득package kr.or.ddit.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.ResponseBody;import lombok.extern.slf4j.Slf4j;@Slf4j@Controllerpublic class MemberController { /* URL 경로 상의 쿼리 파라미터 정보로부터 요청 데이터를 취득 요청URI : /r..

어제에 이어서 계속 해보자5. 컬렉션 Map 타입// 5. 컬렉션 Map 타입 // JSON : JavaScript Object Notation(문자열) // Map 형태의 컬렉션 자료를 JSON 객체 타입의 데이터로 만들어서 반환 @ResponseBody @GetMapping("/goHome05") public Map home05(){ log.info("home05"); Member member = new Member(); Member member2 = new Member(); member.setUserId("A001"); member2.setUserId("B001"); Map map = new HashMap(); map.put("key1",member); map.put("..

MemberVO 생성실습에서 사용할 MemberVO를 만들어주자package kr.or.ddit.vo;import lombok.Data;@Datapublic class Member { private String userId; private String userName = "hongkd"; private String password = "1234";}  HomeController스프링 프로젝트를 처음 만들면 HomeController라는게 만들어졌을텐데HomeController를 한번 열어보자package kr.or.ddit;import java.text.DateFormat;import java.util.Date;import java.util.Locale;import org.slf4j.Logger;impo..

이전 수업때 만들어놓은 lprodController의 Create, Update, Delete를 이번엔 ajax로 해볼 예정이다.데이터베이스는 lpord테이블을 사용했다. com.fasterxml.jackson.core jackson-databind 2.13.3  우선 jackson 라이브러리를 사용하기 위해 우선 pom.xml에서 안에 위 코드를 추가한다. tiles-config.xml을 수정해줬는데 오늘 쓸 예제에서는 사용되지 않으나 적어놓으면 나중에 쓸 일이 있을것같아 추가했다.더보기 기존 메인 layout 만 정의되어 있을 경우 return "board/modify"; * / * 형식만 Tiles 처리가능→서브 lay..

참고 자료 반복되는 부분들을 한 곳에서 관리할 수 있게 도와주는 템플릿 프레임워크이다.웹페이지에서 흔히 보는 상단(header), 하단(footer) 메뉴 뿐만 아니라 측면(aside, menu)과 메인부분(body)을 작성우리가 아는 JSP Include와 비슷하지만, Tiles는 레이아웃 템플릿 엔진으로 레이아웃을 구성하는데 좀 더 세분화되고 관리하기 쉬워 유지보수에 용이하다.tiles에는 상속 기능이 있기때문에, 기존의 값을 참조하여 그대로 쓸 수 있다.2021.03.02 기준으로 3.0.8버전까지 나왔으며 더 이상 지원하지 않는다.타일즈(Tiles) 3.0.8 최소 요구 사항- JSTL 필수- JDK 1.7 이상- Servlet 2.5 이상( 2.4도 작동할 수 있음)- JSP 2.1이상( 2.0..

오늘은 화면에 책 리스트를 띄워볼 예정이다.URL을 localhost/list 로 들어가면 데이터베이스에 담겨있는 책들의 정보가 리스트로 출력되도록. 그리고 detail, edit, delete 그리고 search 까지 해볼 예정이다.BookController일단 어제 만든 BookController에서 코드를 추가해보자. 완성본은 아니고 매핑이 되는지 확인용도/* 요청URI : /list?keyword=알탄 or /list or /list?keyword= 요청파라미터 : keyword=알탄 요청방식 : get required=false : 선택사항. 파라미터가 없어도 무관 */ @RequestMapping(value="/list", metho..

어제 하던 데이터 등록을 이어서 해보자 ${title} lprod라는 테이블에 상품을 추가하기 위해 form안에 input에 데이터를 입력하고 submit 버튼을 누르면 각 name명으로 데이터들이 form의 action에 들어있는 경로로 데이터가 전달된다. Controller로 받아주기 전에 LprodVO를 만들자 package kr.or.ddit.vo; import lombok.Data; @Data public class LprodVO { private int lprodId; private String lprodGu; private String lprodNm; } @Data : 어제 롬복을 깔아놨기 때문에 getter/setter나 생성자를 굳이 만들어주지 않아도 된다. 단. POJO를 위반하기 때문..