2014년 8월 30일 토요일

[Web HomePage] 게시판 만들기 - Jsp (View)부분

개발환경 : Spring Framework, MySql, Java, Jsp
사용 툴 : STS, MySQL Workbench 6.1 CE

  • ※저 스스로 로직과 테이블, jsp를 짜가며 만들었기 때문에 비효율적인 면이나 실제 로직과 다른면이 충분히 있을 수 있습니다. 많은 지적 바랍니다.
  • 최대한 간단하게 만든 게시판 게시물의 폼
  • 게시물 리스트 기본 폼



 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
36
37
38
39
40
41
42
<!--   게시판 리스트 -->
       <div class="board_list">
         <h1>Free Board</h1>
         <table summary="Summary Here" cellpadding="0" cellspacing="0" align="center" >
<!--   테이블 해더 -->
   <thead>
            <tr>
             <th width="10%">번호</th>
             <th width="50%">제목</th>
             <th width="10%">작성자</th>
             <th width="10%">작성일</th>
            <th width="10%">추천</th>
             <th width="10%">조회</th>
             </tr>
         </thead>
   
<!--   테이블 바디 -->
          <tbody>
<!--             Controller에서 'board_list' 변수명으로 게시물 리스트 10개를 보냄 -->
         <c:forEach items="${board_list}" var="board">
            <tr class="light">
    <td align="center">${board.b_num}</td>   
    <td><a id ="sub_view">&nbsp;[${board.b_sub}]&nbsp;</a>
    <a id="board_title" onclick="link(${board.b_num},${pageNum},'${board.b_cate}');">${board.b_title}</a>
<!--   댓글 갯수 있다면 보여주기 -->
                <c:if test="${board.comments != 0}">
    <a id="board_comments">&nbsp;(${board.comments})</a>
    </c:if>
    </td>
    <td align="center">${board.b_id}</td>
    <td align="center">${board.b_date}</td>
    <td align="center">${board.b_good}</td>
    <td align="center">${board.b_hit}</td>
           </tr>
           </c:forEach>
<!--   테이블 풋(글쓰기 버튼) -->
                <tr class="table_last">
    <td colspan="5"></td><td align="center" onclick="do_write();" style="cursor: pointer;">글 쓰기</td>
   </tr>
         </tbody>
       </table>
      </div>


  • css 처리 後 (글쓰기 부분 제외)




  • 참고, 도움 사이트
    • http://www.javaproject.co.kr/web/main.do

댓글 없음:

댓글 쓰기