반응형 게시판 반응형 7 [Java] 게시판에 유튜브 동영상 썸네일 및 업로드하는 방법 (영상 有) 안녕하세요. 오늘은 프로젝트에서 게시판에 유튜브 동영상을 업로드하고 썸네일을 등록하는 방법에 대해 정리해보겠습니다! 최근 유튜브가 엄청난 인기를 보여주면서 유뷰트 동영상을 업로드할 수 있는 게시판을 만들어 달라는 요청사항이 적지 않게 발생하곤 합니다. 앞으로 종종 사용할 것 같기에 포스팅해봅니다. 아래는 구현 화면입니다. (동영상 대표이미지(첨부파일)을 다루면 너무 길어지기에 다루지 않았습니다.) 우선 유튜브에 들어가서 게시판에 업로드할 동영상을 들어가봅니다. 동영상에 마우스 오른쪽 클릭해서 동영상 URL 복사를 클릭하여 메모장에 붙여 넣으면 유튜브 주소가 뜨게 됩니다. 저희는 이 주소를 데이터베이스에 저장시킨다음 필요할 때 불러올 수 있도록 할 겁니다. create.jsp (등록화면) 등록화면입니다. .. 2021. 9. 8. Spring 홈페이지 - (14) 게시판 페이징 쿼리스트링 작업 지난 시간 페이징 작업에 이어 페이징 쿼리스트링을 해보도록 하겠습니다. 3번 페이지 버튼을 누르면 주소창에 아래와 같이 뜹니다. http://localhost:8080/board/list?pageIndex=3&searchKeyword= list에 물음표 ? 뒤에있는 값들 즉, 파라미터(변수를 던진 값)을 통해서 페이징이 가능한거죠 그런데 게시판들 들어가보면 게시판 인덱스 뒤에 아무것도 붙어 있지가 않습니다. 파라미터 값을 가지고 오지 못한 거죠!! 결국 목록을 누르면 3번 페이지 화면이 아닌, 1번 페이지의 처음 시작화면이 되게 됩니다. 즉, 3번페이지에서 게시글을 눌러서 작업을 완료하고 목록을 눌렀을 경우 3번페이지로 유지되기 위한 작업 파라미터 값을 계속해서 넘겨주는 작업을 QeuryString (쿼.. 2021. 3. 1. Spring 홈페이지 - (10) 게시판 상세보기 페이지 작업 이번엔 게시판의 글 내용을 볼 수 있는 상세보기 페이지를 만들 예정입니다. 일반적인 게시판처럼 제목을 클릭하여 페이지가 나타나도록 하는거죠 작업순서는 아래의 순서로 진행하겠습니다. list.jsp에서 제목에 링크 설정 Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml list.jsp 제목에 링크를 거는 작업을해줍니다. 간단합니다. a태그를 사용하면 됩니다. a태그 안에는 주소와 해당 인덱스를 타고 들어가야하기 때문에 board_idx를 넣어줍니다. 그럼 이렇게 제목이 파란색으로 변할겁니다. 링크가 걸렸다는 증거겠죠 BoardController 상세페이지 화면 확인을 위한 간단한 컨트롤러를 생성합니다. @RequestMapping(value.. 2021. 1. 31. Spring 홈페이지 - (9) 게시판 등록 페이지 작업 이번 시간은 게시판 등록 페이지를 만들어보겠습니다. 등록페이지의 특징은 컨트롤러를 Get방식하나, Post방식하나 해서 총 2개의 컨트롤러를 만들어야합니다. get방식은 등록페이지를 보여주는 화면과 Post방식은 자료를 등록하기 위한 컨트롤러입니다. 작업순서는 아래의 순서로 진행하겠습니다. Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml 먼저 리스트 페이지에 등록 버튼을 생성해줍니다. list.jsp DataTables Example Name Position Office Age Start date Salary 등록 그리고 화면을 확인하고자 간단한 컨트롤러부터 생성합니다. Controller @RequestMapping(value = "/.. 2021. 1. 29. Spring 홈페이지 - (8) 게시판 목록 페이지 작업 게시판 디자인을 적용하였으니 게시판 목록 화면을 처리해보록 하겠습니다. 우선 list.jsp에서 jstl을 사용할 수 있도록 라이브러리를 추가합니다. 그리고 리스트의 항목을 제외하고 나머지 텍스트로 되어있는 데이터들을 삭제합니다. 데이터베이스를 통해서 데이터를 넣을 계획이기때문에 텍스트 데이터는 필요가 없습니다. 이젠 서버(controller)와 데이터베이스을 연결한 계층들 (vo/service/serviceimpl/dao/mapper)을 생성하겠습니다. vo & 데이터베이스 테이블 생성 vo는 테이블 설계를 기준으로 생성하면 됩니다. 먼저 데이터베이스 테이블 먼저 생성하도록 하죠 workbench에 해당 데이터베이스에 접속하여 쿼리로 테이블을 만들어줍니다. 1 2 3 4 5 6 7 8 create ta.. 2021. 1. 16. 게시판 버튼형 카테고리 구현 방법[AJAX] 게시판을 구현하다 보면 버튼형 카테고리를 사용할 일이 있을 경우가 있습니다. 미숙하지만 개발에 필요해서 기능 구현한 후 포스팅해봅니다. 필요하신 분들에게 도움이 되셨으면 좋겠습니다. [최종 구현 화면] [개발환경] Java 1.8 eGovFrame Mysql 5.6 톰캣 v8.5 JQUERY 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 31 32 33 34 35 //필수 script입니다. var path = "${pageContext.request.contextPath }"; var qustr = "${searchVO.qustr}"; $(function(){ $("input:button[name='but.. 2020. 10. 2. 게시판 페이지 개수별 검색(selectbox 검색) 페이지에 10개/20개/30개씩 보이도록 설정하는 기능을 간단히 이야기해보겠습니다. 전체 소스를 올리면 너무 양이 많아져서 페이징 기능이 완료되었다는 가정하에 작성하였습니다. 페이징을 완료하였다면 개수별 검색 기능은 jsp에서만 간단히 작성하면 구현할 수 있습니다! 아래는 구현 화면입니다. JSP Onchange 함수를 통해서 자바스크립트로 보냅니다. option값은 c:if문을 사용하여 각각의 값일 경우 선택값이 변하지 않도록 sleected값을 설정합니다. 1 2 3 4 5 6 7 10개씩 보기 20개씩 보기 30개씩 보기 Colored by Color Scripter cs Script Idx 값과 select id에 선언한 값을 각각 변수에 담습니다. 그리고 조건으로 만약에 특정 페이지 값을 선택할.. 2020. 10. 2. 이전 1 다음
