board,consr2

board's Introduction

1. 프로젝트 버전
spring-boot : 2.7.5
java : 17
mysql : 8.0.29
lombok : 1.18.24

2. 참고 출처
<점프 투 스프링부트>
https://wikidocs.net/book/7601

3. 프로젝트 설명
토이 프로젝트의 일환으로 나만의 자료실을 만들어 보았습니다.

ERD 입니다.

이 프로젝트의 메인 페이지 입니다.

카테로기 세부 내역의 페이지 처리 밑 검색기능이 있습니다.

회원가입 기능이 있으며 유저와 admin으로 구분 됩니다.

게시글 작성 페이지
카테고리 선택,제목, 내용, 파일 첨부칸이 있습니다. 내용부분은 summernote를 가져왔습니다.

<meta name="_csrf" th:content="${_csrf.token}"/>  
<meta name="_csrf_header" th:content="${_csrf.headerName}"/>  
    
    function uploadSummernoteImageFile(file, editor) {
		var token = $("meta[name='_csrf']").attr("content");
		var header = $("meta[name='_csrf_header']").attr("content");
		
		console.log(token)
		data = new FormData();
		data.append("file", file);
		$.ajax({
			data : data,
			type : "POST",
			url : "/question/summernote",
			contentType : false,
			processData : false,
			beforeSend : function(xhr){
				xhr.setRequestHeader(header, token);
			},
			success : function(data) {
            	//항상 업로드된 파일의 url이 있어야 한다.
				$(editor).summernote('insertImage', data);
			}
		});
	}

시큐리티 사용 시 ajax로 파일을 보내려면 csrf토큰을 해더에 추가해 줘야 합니다.

게시글의 상세 페이지 입니다.