Skip to content

Commit 699f385

Browse files
junyongleeejunyongleee
committed
Add: Show.jsp Done
1 parent 9330d5f commit 699f385

File tree

2 files changed

+153
-104
lines changed

2 files changed

+153
-104
lines changed

‎java-webMVC.iws‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,7 @@
55
</component>
66
<component name="ChangeListManager">
77
<list default="true" id="b8532e5e-d8f5-4e8c-a002-746704734daf" name="Changes" comment="">
8-
<change beforePath="$PROJECT_DIR$/java-webMVC.iws" beforeDir="false" afterPath="$PROJECT_DIR$/java-webMVC.iws" afterDir="false" />
9-
<change beforePath="$PROJECT_DIR$/webapp/home.jsp" beforeDir="false" afterPath="$PROJECT_DIR$/webapp/home.jsp" afterDir="false" />
8+
<change beforePath="$PROJECT_DIR$/webapp/qna/show.jsp" beforeDir="false" afterPath="$PROJECT_DIR$/webapp/qna/show.jsp" afterDir="false" />
109
</list>
1110
<option name="SHOW_DIALOG" value="false" />
1211
<option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -289,7 +288,7 @@
289288
<workItem from="1761730317572" duration="1356000" />
290289
<workItem from="1761813440661" duration="22235000" />
291290
<workItem from="1761983761744" duration="329000" />
292-
<workItem from="1762087694007" duration="8493000" />
291+
<workItem from="1762087694007" duration="8792000" />
293292
</task>
294293
<servers />
295294
</component>

‎webapp/qna/show.jsp‎

Lines changed: 151 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -1,137 +1,187 @@
11
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2-
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
2+
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
3+
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
34

45
<!doctype html>
56
<html lang="ko">
6-
<%@ include file="/include/header.jspf"%>
7+
<%@ include file="/include/header.jspf" %>
78
<body>
89
<%@ include file="/include/navigation.jspf" %>
910

10-
<div class="container" id="main">
11-
<header class="qna-header">
12-
<h2 class="qna-title">객체지향을 가장 잘 다룬 책이 뭐가 있나요?</h2>
13-
</header>
14-
<div class="content-main">
15-
<article class="article">
16-
<div class="article-header">
17-
<div class="article-header-thumb">
18-
<img src="../img/picture.jpeg" class="article-author-thumb" alt="">
19-
</div>
20-
<div class="article-header-text">
21-
<!-- 사용자 프로필 추가 할거면 span -> a 태그로 바꾸고 API 연결 -->
22-
<span class="article-author-name">이영선</span>
23-
<span class="article-header-time">
24-
2024-09-29 22:11
11+
<div class="container" id="main">
12+
<header class="qna-header">
13+
<%-- <h2 class="qna-title">객체지향을 가장 잘 다룬 책이 뭐가 있나요?</h2>--%>
14+
<h2 class="qna-title">${question.title}</h2>
15+
</header>
16+
<div class="content-main">
17+
<article class="article">
18+
<div class="article-header">
19+
<div class="article-header-thumb">
20+
<img src="../img/picture.jpeg" class="article-author-thumb" alt="">
21+
</div>
22+
<div class="article-header-text">
23+
<!-- 사용자 프로필 추가 할거면 span -> a 태그로 바꾸고 API 연결 -->
24+
<%-- <span class="article-author-name">이영선</span>--%>
25+
<span class="article-author-name">${question.writer}</span>
26+
<span class="article-header-time">
27+
<%-- 2024-09-29 22:11--%>
28+
${question.createdDate}
2529
</span>
26-
</div>
27-
</div>
28-
<div class="article-doc">
29-
<p>저는 지금 '객체지향의 사실과 오해' 라는 책을 읽고 있는데 정말 좋아요</p>
30-
<p>이해가 쏙쏙 됩니다!</p>
31-
</div>
32-
<div class="article-util">
33-
<ul class="article-util-list">
34-
<li>
35-
<!-- 수정, 삭제 API 연결 필요 -->
36-
<a class="link-modify-article" href="/questions/423/form">수정</a>
37-
</li>
38-
<li>
39-
<!-- 수정, 삭제 API 연결 필요 -->
40-
<form class="form-delete" action="/questions/423" method="POST">
41-
<input type="hidden" name="_method" value="DELETE">
42-
<button class="link-delete-article" type="submit">삭제</button>
43-
</form>
44-
</li>
45-
<li>
46-
<a class="link-modify-article" href="../home.jsp">목록</a>
47-
</li>
48-
</ul>
49-
</div>
50-
</article>
51-
52-
<div class="qna-comment">
53-
<div class="qna-comment-kuit">
54-
<p class="qna-comment-count"><strong>2</strong>개의 의견</p>
55-
<div>
56-
<article class="article" id="answer-1405">
57-
<div class="article-header">
58-
<div class="article-header-thumb">
59-
<img src="../img/picture.jpeg" class="article-author-thumb" alt="">
60-
</div>
61-
<div class="article-header-text">
62-
<span class="article-author-name">이윤정</span>
63-
<span class="article-header-time">
64-
2024-09-29 22:15
65-
</span>
66-
</div>
67-
</div>
68-
<div class="article-doc comment-doc">
69-
<p>오브젝트여</p>
70-
</div>
71-
<div class="article-util">
72-
<ul class="article-util-list">
73-
<li>
74-
<!-- 수정, 삭제 API 연결 필요 -->
75-
<a class="link-modify-article" href="/questions/1/answers/1/form">수정</a>
76-
</li>
77-
<li>
78-
<!-- 수정, 삭제 API 연결 필요 -->
79-
<form class="delete-answer-form" action="/questions/1/answers/1" method="POST">
80-
<input type="hidden" name="_method" value="DELETE">
81-
<button type="submit" class="delete-answer-button">삭제</button>
82-
</form>
83-
</li>
84-
</ul>
85-
</div>
86-
</article>
87-
<article class="article" id="answer-1406">
30+
</div>
31+
</div>
32+
<div class="article-doc">
33+
<%-- <p>저는 지금 '객체지향의 사실과 오해' 라는 책을 읽고 있는데 정말 좋아요</p>--%>
34+
<%-- <p>이해가 쏙쏙 됩니다!</p>--%>
35+
<p>${question.contents}</p>
36+
</div>
37+
<div class="article-util">
38+
<ul class="article-util-list">
39+
<li>
40+
<!-- 수정, 삭제 API 연결 필요 -->
41+
<%-- <a class="link-modify-article" href="/questions/423/form">수정</a>--%>
42+
<a class="link-modify-article" href="/questions/${question.questionId}/form">수정</a>
43+
</li>
44+
<li>
45+
<!-- 수정, 삭제 API 연결 필요 -->
46+
<%-- <form class="form-delete" action="/questions/423" method="POST">--%>
47+
<form class="form-delete" action="/questions/${question.questionId}" method="POST">
48+
<input type="hidden" name="_method" value="DELETE">
49+
<button class="link-delete-article" type="submit">삭제</button>
50+
</form>
51+
</li>
52+
<li>
53+
<a class="link-modify-article" href="../home.jsp">목록</a>
54+
</li>
55+
</ul>
56+
</div>
57+
</article>
58+
59+
<div class="qna-comment">
60+
<div class="qna-comment-kuit">
61+
<%-- <p class="qna-comment-count"><strong>2</strong>개의 의견</p>--%>
62+
<c:set var="answerCount" value="0"/>
63+
<c:if test="${not empty answers}">
64+
<c:set var="answerCount" value="${fn:length(answers)}"/>
65+
</c:if>
66+
<p class="qna-comment-count"><strong>${answerCount}</strong>개의 의견</p>
67+
<div>
68+
<%-- <article class="article" id="answer-1405">--%>
69+
<%-- <div class="article-header">--%>
70+
<%-- <div class="article-header-thumb">--%>
71+
<%-- <img src="../img/picture.jpeg" class="article-author-thumb" alt="">--%>
72+
<%-- </div>--%>
73+
<%-- <div class="article-header-text">--%>
74+
<%-- <span class="article-author-name">이윤정</span>--%>
75+
<%-- <span class="article-header-time">--%>
76+
<%-- 2024-09-29 22:15--%>
77+
<%-- </span>--%>
78+
<%-- </div>--%>
79+
<%-- </div>--%>
80+
<%-- <div class="article-doc comment-doc">--%>
81+
<%-- <p>오브젝트여</p>--%>
82+
<%-- </div>--%>
83+
<%-- <div class="article-util">--%>
84+
<%-- <ul class="article-util-list">--%>
85+
<%-- <li>--%>
86+
<%-- <!-- 수정, 삭제 API 연결 필요 -->--%>
87+
<%-- <a class="link-modify-article" href="/questions/1/answers/1/form">수정</a>--%>
88+
<%-- </li>--%>
89+
<%-- <li>--%>
90+
<%-- <!-- 수정, 삭제 API 연결 필요 -->--%>
91+
<%-- <form class="delete-answer-form" action="/questions/1/answers/1" method="POST">--%>
92+
<%-- <input type="hidden" name="_method" value="DELETE">--%>
93+
<%-- <button type="submit" class="delete-answer-button">삭제</button>--%>
94+
<%-- </form>--%>
95+
<%-- </li>--%>
96+
<%-- </ul>--%>
97+
<%-- </div>--%>
98+
<%-- </article>--%>
99+
<%-- <article class="article" id="answer-1406">--%>
100+
<%-- <div class="article-header">--%>
101+
<%-- <div class="article-header-thumb">--%>
102+
<%-- <img src="../img/picture.jpeg" class="article-author-thumb" alt="">--%>
103+
<%-- </div>--%>
104+
<%-- <div class="article-header-text">--%>
105+
<%-- <span class="article-author-name">함형주</span>--%>
106+
<%-- <span class="article-header-time">--%>
107+
<%-- 2023-09-30 20:20--%>
108+
<%-- </span>--%>
109+
<%-- </div>--%>
110+
<%-- </div>--%>
111+
<%-- <div class="article-doc comment-doc">--%>
112+
<%-- <p>스프링 입문을 위한 자바 객체 지향의 원리와 이해 추천합니다.</p>--%>
113+
<%-- <p>(근데 저도 아직 안 읽었어요..)</p>--%>
114+
<%-- </div>--%>
115+
<%-- <div class="article-util">--%>
116+
<%-- <ul class="article-util-list">--%>
117+
<%-- <li>--%>
118+
<%-- <!-- 수정, 삭제 API 연결 필요 -->--%>
119+
<%-- <a class="link-modify-article" href="/questions/1/answers/2/form">수정</a>--%>
120+
<%-- </li>--%>
121+
<%-- <li>--%>
122+
<%-- <!-- 수정, 삭제 API 연결 필요 -->--%>
123+
<%-- <form class="form-delete" action="/questions/1/answers/2" method="POST">--%>
124+
<%-- <input type="hidden" name="_method" value="DELETE">--%>
125+
<%-- <button type="submit" class="delete-answer-button">삭제</button>--%>
126+
<%-- </form>--%>
127+
<%-- </li>--%>
128+
<%-- </ul>--%>
129+
<%-- </div>--%>
130+
<%-- </article>--%>
131+
<c:if test="${not empty answers}">
132+
<c:forEach var="answer" items="${answers}">
133+
<article class="article" id="answer-${answer.answerId}">
88134
<div class="article-header">
89135
<div class="article-header-thumb">
90136
<img src="../img/picture.jpeg" class="article-author-thumb" alt="">
91137
</div>
92138
<div class="article-header-text">
93-
<span class="article-author-name">함형주</span>
139+
<span class="article-author-name">${answer.writer}</span>
94140
<span class="article-header-time">
95-
2023-09-30 20:20
141+
${answer.createdDate}
96142
</span>
97143
</div>
98144
</div>
99145
<div class="article-doc comment-doc">
100-
<p>스프링 입문을 위한 자바 객체 지향의 원리와 이해 추천합니다.</p>
101-
<p>(근데 저도 아직 안 읽었어요..)</p>
146+
<p>${answer.contents}</p>
102147
</div>
103148
<div class="article-util">
104149
<ul class="article-util-list">
105150
<li>
106-
<!-- 수정, 삭제 API 연결 필요 -->
107-
<a class="link-modify-article" href="/questions/1/answers/2/form">수정</a>
151+
<!-- 수정, 삭제 API 연결 필요 -->
152+
<a class="link-modify-article"
153+
href="/questions/${question.questionId}/answers/${answer.answerId}/form">수정</a>
108154
</li>
109155
<li>
110-
<!-- 수정, 삭제 API 연결 필요 -->
111-
<form class="form-delete" action="/questions/1/answers/2" method="POST">
156+
<!-- 수정, 삭제 API 연결 필요 -->
157+
<form class="delete-answer-form"
158+
action="/questions/${question.questionId}/answers/${answer.answerId}"
159+
method="POST">
112160
<input type="hidden" name="_method" value="DELETE">
113161
<button type="submit" class="delete-answer-button">삭제</button>
114162
</form>
115163
</li>
116164
</ul>
117165
</div>
118166
</article>
119-
<form class="submit-write">
120-
<div class="form-group" style="padding:14px;">
121-
<textarea class="form-control" placeholder="Update your status"></textarea>
122-
</div>
123-
<button class="btn btn-primary pull-right" type="button">답변하기</button>
124-
<div class="clearfix" />
125-
</form>
167+
</c:forEach>
168+
</c:if>
169+
<form class="submit-write">
170+
<div class="form-group" style="padding:14px;">
171+
<textarea class="form-control" placeholder="Update your status"></textarea>
126172
</div>
127-
</div>
173+
<button class="btn btn-primary pull-right" type="button">답변하기</button>
174+
<div class="clearfix"/>
175+
</form>
128176
</div>
129177
</div>
130-
</div>
131-
</div>
178+
</div>
132179
</div>
133-
134-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
135-
<script src="../js/scripts.js"></script>
136-
</body>
180+
</div>
181+
</div>
182+
</div>
183+
184+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
185+
<script src="../js/scripts.js"></script>
186+
</body>
137187
</html>

0 commit comments

Comments
 (0)