반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 욕심쟁이 알고리즘
- thymeleaf-layout-dialect
- HTML공부
- 정처기 실기
- 방만들기
- 직접 라벨링
- 조회수 증가
- 게시판만들기
- 데이터셋
- springboot
- object detection
- 데이터셋 직접
- React
- labelImg
- 글 검색
- YOLOv5
- customized yolov5
- css
- 모델 훈련
- 이것이 취업을 위한 코딩 테스트다 with 파이썬
- 스프링부트
- 드라이브 마운트
- 정렬알고리즘
- 컴활1급필기
- isDisable
- combobox
- 객체 감지
- 게시판
- html
- 정처기
Archives
- Today
- Total
기록장
스프링부트 게시판 만들기 (5) - 글 목록에 링크 추가 본문
board페이지를 들어가면 db에서 글 목록들을 불러오는데 그중에서도 제목을 누르면 그 글의 내용이 보이도록 링크를 추가하는 작업을 할 것이다.
(2)번 글에서 작성했던
이 함수를 실행시켰을 때의 결과는
다음 그림과 같았다. 근데 글 제목을 클릭했을 때 해당 글의 내용을 보여주어야 하기 때문에 링크를 추가해보도록 하겠다.
그러기 위해선 getBoardList함수의 내용을 수정해야한다
function getBoardList() {
$.ajax({
type: 'GET',
url: '/getBoardList',
success: function(result) {
//들고오면 테이블에 뿌리기
//페이징 처리는 다음에 ..
if(result.length>1){
result.forEach(function(item){
str='<tr>'
str += "<td>"+item.idx+"</td>";
str+="<td>"+item.writer+"</td>";
str+="<td><a href = 'view?idx=" + item.idx + "'>" + item.title + "</a></td>";
str+="<td>"+item.date+"</td>";
str+="<td>"+item.hit+"</td>";
str+="</tr>"
$('#boardtable').append(str);
})
}
}
,
error: function(result) {
},
complete: function() {
}
})
}
(for문을 foreach문으로 바꿨는데 이건 딱히 상관없다 !!)
변경된 부분은 title을 <td>에 넣고 str에 추가하는 것이었는데 거기에 <a href>태그를 넣어준 것밖에 없다.
주소는 idx를 보냈을 때 해당 idx를 가진 글의 content를 보여주기 위해 idx 번호를 추가하였다.
그림을 보면 제목 부분에 링크가 추가된 것을 확인할 수 있다 !!
다음에는 저 제목을 클릭했을 때 알맞게 mapping되도록 해보겠다
반응형
'인턴 기록 > 게시판?블로그?만들기' 카테고리의 다른 글
스프링부트 게시판 만들기 (7) - 글 작성 로직 생성 (0) | 2021.04.27 |
---|---|
스프링부트 게시판 만들기 (6) - 글 클릭했을 때 해당 content 보여주기 (0) | 2021.04.26 |
스프링부트 게시판 만들기 (4) - 이클립스 : 스프링부트 프로젝트 git 연동하기 (0) | 2021.04.07 |
스프링부트 게시판 만들기 (3) - thymeleaf-layout-dialect 이용하여 레이아웃 만들기 (0) | 2021.04.07 |
스프링부트 게시판 만들기 (2) - AJAX 요청, DTO, DAO, Service, Controller, DatabaseConfiguration.java 생성 (0) | 2021.04.06 |
Comments