UNICORN3 ALICE JAKARTA COMMUNITY
Unicorn 설치 및 FAQ
Unicorn 설치 및 FAQ
Unicorn 설치안내,팁 및 FAQ 게시판 입니다
메인화면(최근글목록,태그크라우드) 및 미니게시판(글5개씩) 만들기
GoodBug http://www.jakartaproject.com

메인화면(최근글목록,태그크라우드) 및 미니게시판(글5개씩) 만들기

 

 

 

I. 캐싱기능을 사용하지 않을경우 (데이터베이스에서 직접 조회)

I-1. 최근글목록 나타내기

 -. 정의

    최근글목록은 게시판별로 상관없이 모든 게시판을 대상으로 최근에 등록된글 순으로 목록을 보여줍니다


 -. 수정대상 JSP

    /jsp/board/board_index.jsp

 

 -. 요청 URL

     board-index.do?part=index&rid=10&pid=

     part : /jsp/board/board_index.jsp 내에서 영역 구분을 타나냅니다

            즉 하나의 JSP로 초기페이지를 비록하여 여러 미니게시판을 구성하기위한 페이지 구분입니다

            www.jakartaproject.com의 예를들면 4개의 영역이 있습니다 (초기페이지, unicorn페이지, jakarta페이지, community 페이지)

     rid : 최근글목록에 나타날 글목록 수

     pid : 최근글목록에 나타낼 게시판 아이디를 ","구분으로 입력하며

           전체 모든 게시판에 대해 최근 글목록을 보여줄려면 값을 입력하지 않으면 됩니다

           v3.01 이후 버젼부터 지원합니다

 

 -. JSP 코딩

 

<%@ page contentType="text/html;charset=EUC_KR" %>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic" %>


<%
String query = request.getQueryString();
String part = "";
if (query != null && query.indexOf("part=") > -1) {
 String t = query.substring(query.indexOf("part="));
 part = (t.indexOf("&") > -1)? t.substring("part=".length(), t.indexOf("&")) : t.substring("part=".length());
}
String index = "index";
String unicorn = "unicorn";
String jakarta = "jakarta";
String community = "community";
%>

 

<script language="no_no_no_no_no_no_javascript" src="./js/index.js"></script>
<script language="no_no_no_no_no_no_javascript" src="./js/tag.js"></script>

 

<table border=0 width=750 cellpadding=0 cellspacing=0>

 

<!-- 최근글목록 구분 -->
<% if (part.indexOf(index) > -1) { %>
<tr>
 <td>
  <table border=0 width=100% cellpadding=0 cellspacing=0>
   <tr>
    <td valign=top style=padding-left:20>
     <table border=0 width=710 cellpadding=0 cellspacing=0 align=left>
      <tr>
       <td width=10><img src=./img/common/index/title01.gif></td>
       <td width=90 background=./img/common/index/title02.gif align=center>최근글목록</td>
       <td width=10><img src=./img/common/index/title03.gif></td>
       <td width=600 background=./img/common/index/title04.gif></td>
      </tr>
      <tr>
       <td align=right colspan=4>
        <table width=700 border=0 cellspacing=0 cellpadding=0 style=color:#444444 style=table-layout:fixed>

 

         <!-- 최근글목록 루프 시작 -->
         <logic:present name="recentVOList" scope="request">
         <logic:iterate id="list" name="recentVOList" scope="request">
         <tr height=22>
          <td width=570>
           <nobr class=bbscut style=width:570>
           <font color=#D42839>+</font>&nbsp;&nbsp;
           <font color=#999999>

 

             <!-- 게시판 링크 -->
            <a href=./board-list.do?boardId=<bean:write name="list" property="boardId"/> target=_self class=gray><bean:write name="list" property="boardName"/></a>
            |

            <!-- 글쓴이 -->
            <bean:write name="list" property="userInformation" filter="false"/>
           </font>&nbsp;

 

           <!-- 글제목 링크 -->
           <a href=./article/<bean:write name="list" property="boardId"/>/<bean:write name="list" property="boardNo"/> target=_self class="list"><bean:write name="list" property="boardTitle" filter="false"/></a>

 

            <!-- 댓글수 -->
           <logic:notEqual name="list" property="boardMemo_cnt" value="0"><img src=./img/common/index/i_memo.gif align=absmiddle> <font style=font-family:arial;font-size:7pt;color:#5A8EEE><bean:write name="list" property="formatBoardMemo_cnt"/></font></logic:notEqual>

 

           <!-- 태그수 -->
           <logic:notEqual name="list" property="boardTag_cnt" value="0"> <font style=font-family:arial;font-size:7pt;color:#5A8EEE;>Tag <bean:write name="list" property="formatBoardTag_cnt"/></font></logic:notEqual>

 

           <!-- 오늘등록된 글이면 NEW 표시 -->
           <logic:equal name="list" property="recentArticle" value="Y"><img src=./img/common/index/i_new.gif align=absmiddle></logic:equal>


           </nobr>
          </td>
          <td align=right width=130>

           <!-- 등록된 날짜 -->
           <bean:write name="list" property="detailBoardRegister_dt"/>
          </td>
         </tr>
         <tr>
          <td background=./img/common/index/footer_line.gif height=1 colspan=2></td>
         </tr>
         </logic:iterate>
         </logic:present>
        </table>
       </td>
      </tr>
     </table>
    </td>   
   </tr>
  </table>
 </td>
</tr>

</table>

<% } %>

 

 

I-2. 게시판별 미니게시판 나타내기

 -. 미니게시판 정의 : 게시판별로 최근글을 일정수대로 나타내는 글록목


 -. 수정대상 JSP

    /jsp/board/board_index.jsp

 

 -. 요청 URL

     board-index.do?part=unicorn&bid=boardqna,boardfaq&tid=5&tsiz=50

     part : /jsp/board/board_index.jsp 내에서 영역 구분을 타나냅니다

            즉 하나의 JSP로 초기페이지를 비록하여 여러 미니게시판을 구성하기위한 페이지 구분입니다

            www.jakartaproject.com의 예를들면 4개의 영역이 있습니다 (초기페이지, unicorn페이지, jakarta페이지, community 페이지)

     bid : 미니게시판에 보여줄 게시판 아이디

           boardqna 라는 게시판 아이디와 boardfaq라는 게시판 아이디를 넘겨주고 있으며 이 아아디를 기준으로 데이터베이스를 조회한다

     tid : 미니게시판에 보여줄 게시물수

    tsiz : 보여줄 썸네일 이미지 width를 지정합니다

            v3.01 이후 버젼부터 지원합니다

 

 -. JSP 코딩

     아래 빨강색으로 하이라이트된 부분에 게시판 아이디를 넣어줍니다

 

 

<%@ page contentType="text/html;charset=EUC_KR" %>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic" %>


<%
String query = request.getQueryString();
String part = "";
if (query != null && query.indexOf("part=") > -1) {
 String t = query.substring(query.indexOf("part="));
 part = (t.indexOf("&") > -1)? t.substring("part=".length(), t.indexOf("&")) : t.substring("part=".length());
}
String index = "index";
String unicorn = "unicorn";
String jakarta = "jakarta";
String community = "community";
%>

 

<script language="no_no_no_no_no_no_javascript" src="./js/index.js"></script>
<script language="no_no_no_no_no_no_javascript" src="./js/tag.js"></script>

 

<table border=0 width=750 cellpadding=0 cellspacing=0>

 

<!-- Uncorn관련 미니게시판 구분 -->
<% if (part.indexOf(unicorn) > -1) { %>
<tr>
 <td>
  <table border=0 width=100% cellpadding=0 cellspacing=0>
   <tr>
    <td valign=top style=padding-left:20>

 

     <!-- boardfaq 미니게시판 시작 -->
     <table border=0 width=340 cellpadding=0 cellspacing=0 align=left>
      <tr>
       <td width=10><img src=./img/common/index/title01.gif></td>
       <td width=90 background=./img/common/index/title02.gif align=center>

 

        <!-- 게시판 링크 -->

        <a href=./board-list.do?boardId=boardfaq target=_self class=list>Unicorn FAQ</a></td>
       <td width=10><img src=./img/common/index/title03.gif></td>
       <td width=250 background=./img/common/index/title04.gif align=right valign=bottom>

 

        <!-- more 버튼 링크(게시판링크) -->

        <a href=./board-list.do?boardId=boardfaq target=_self class=list>+more</a></td>
      </tr>
      <tr>
       <td align=right colspan=4>
        <table width=330 border=0 cellspacing=0 cellpadding=0 style=color:#444444 style=table-layout:fixed>

         <!-- 미니게시판 루프 시작-->

         <logic:iterate id="list" name="boardVOList" scope="request">
         <logic:equal name="list" property="boardId" value="boardfaq">
         <tr>
          <td height=22>
           <nobr class=bbscut style=width:330>
           <font color=#D42839>+</font>&nbsp;&nbsp;          
           <font color=#999999>

           <!-- 글쓴이 -->

           <bean:write name="list" property="userNick" filter="false"/></font>

 

           <!-- 게시물 링크 -->
           <a href=./article/<bean:write name="list" property="boardId"/>/<bean:write name="list" property="boardNo"/> target=_self class="list"><bean:write name="list" property="boardTitle" filter="false"/></a>

           <!-- 댓글 수 -->
           <logic:notEqual name="list" property="boardMemo_cnt" value="0"><img src=./img/common/index/i_memo.gif align=absmiddle> <font style=font-family:arial;font-size:7pt;color:#5A8EEE;><bean:write name="list" property="formatBoardMemo_cnt"/></font></logic:notEqual>

 

           <!-- 태그 수 -->
           <logic:notEqual name="list" property="boardTag_cnt" value="0"> <font style=font-family:arial;font-size:7pt;color:#5A8EEE;>Tag <bean:write name="list" property="formatBoardTag_cnt"/></font></logic:notEqual>

 

           <!-- 최근글 여부 -->
           <logic:equal name="list" property="recentArticle" value="Y"><img src=./img/common/index/i_new.gif align=absmiddle></logic:equal>
           </nobr>
          </td>
         </tr>
         <tr>
          <td background=./img/common/index/footer_line.gif height=1></td>
         </tr>
         </logic:equal>
         </logic:iterate>
        </table>
       </td>
      </tr>
     </table>

     <!-- boardfaq 미니게시판 끝 -->


    </td>
    <td width=60></td>
    <td valign=top style=padding-right:20>

 

     <!-- boardqna 미니게시판 시작 -->
     <table border=0 width=340 cellpadding=0 cellspacing=0 align=left>
      <tr>
       <td width=10><img src=./img/common/index/title01.gif></td>
       <td width=90 background=./img/common/index/title02.gif align=center>

 

       <!-- 게시판 링크 -->

       <a href=./board-list.do?boardId=boardqna target=_self class=list>Unicorn Q&A</a></td>
       <td width=10><img src=./img/common/index/title03.gif></td>
       <td width=250 background=./img/common/index/title04.gif align=right valign=bottom>

 

        <!-- more버튼 링크 -->

        <a href=./board-list.do?boardId=boardqna target=_self class=list>+more</a></td>
      </tr>
      <tr>
       <td align=right colspan=4>
        <table width=330 border=0 cellspacing=0 cellpadding=0 style=color:#444444 style=table-layout:fixed>
         <logic:iterate id="list" name="boardVOList" scope="request">
         <logic:equal name="list" property="boardId" value="boardqna">
         <tr>
          <td height=22>
           <nobr class=bbscut style=width:330>
           <font color=#D42839>+</font>&nbsp;&nbsp;
           <font color=#999999>

           <!-- 글쓴이 -->

           <bean:write name="list" property="userNick" filter="false"/></font>

 

           <!-- 게시물 링크 -->
           <a href=./article/<bean:write name="list" property="boardId"/>/<bean:write name="list" property="boardNo"/> target=_self class="list"><bean:write name="list" property="boardTitle" filter="false"/></a>

 

           <!-- 댓글 수 -->
           <logic:notEqual name="list" property="boardMemo_cnt" value="0"><img src=./img/common/index/i_memo.gif align=absmiddle> <font style=font-family:arial;font-size:7pt;color:#5A8EEE;><bean:write name="list" property="formatBoardMemo_cnt"/></font></logic:notEqual>

 

           <!-- 태그수 -->
           <logic:notEqual name="list" property="boardTag_cnt" value="0"> <font style=font-family:arial;font-size:7pt;color:#5A8EEE;>Tag <bean:write name="list" property="formatBoardTag_cnt"/></font></logic:notEqual>

 

           <!-- 최근글 여부 -->
           <logic:equal name="list" property="recentArticle" value="Y"><img src=./img/common/index/i_new.gif align=absmiddle></logic:equal>
           </nobr>
          </td>
         </tr>
         <tr>
          <td background=./img/common/index/footer_line.gif height=1></td>
         </tr>
         </logic:equal>
         </logic:iterate>
        </table>

        <!-- boardqna 미니게시판 끝 -->
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </td>
</tr>

</table>

<% } %>

 

tsiz로 지정한 썸네일 이미지를 보이고자 한다면 적절한 위치에 다음 코드를 삽입하세요

<bean:write name="list" property="htmlThumbnail" filter="false"/> 혹은

<bean:write name="list" property="htmlThumbnailWithBorder" filter="false"/>

 

 

 

II. 캐싱기능을 사용하는 경우 (데이터베이스에서 직접 조회하지 않고 캐싱된 메모리에서 조회)

 캐싱기능 사용방법은 다음 URL을 참고하세요

 http://www.jakartaproject.com/article/boardfaq/115794591692538

 

II-1. 최근글목록 나타내기

 -. 수정대상 JSP

    /jsp/board/board_index.jsp

 

 -. 요청 URL

     board-index.do?part=index&rid=0&pid=

     part : /jsp/board/board_index.jsp 내에서 영역 구분을 타나냅니다

            즉 하나의 JSP로 초기페이지를 비록하여 여러 미니게시판을 구성하기위한 페이지 구분입니다

            www.jakartaproject.com의 예를들면 4개의 영역이 있습니다 (초기페이지, unicorn페이지, jakarta페이지, community 페이지)

     rid : 0

     최근글목록 수는 unicorn.properties의 RECENT_CACHING_CNT 파라미터에 정의 되어야 합니다

     pid : 최근글목록에 나타낼 게시판 아이디를 ","구분으로 입력하며

           전체 모든 게시판에 대해 최근 글목록을 보여줄려면 값을 입력하지 않으면 됩니다

           v3.01 이후 버젼부터 지원합니다

 

 -. JSP 코딩

     위와 코딩과 동일합니다

    

II-2. 게시판별 미니게시판 나타내기

 -. 수정대상 JSP

    /jsp/board/board_index.jsp

 

 -. 요청 URL

     board-index.do?part=unicorn&bid=boardqna,boardfaq&tid=0&tsiz=50

     part : /jsp/board/board_index.jsp 내에서 영역 구분을 타나냅니다

            즉 하나의 JSP로 초기페이지를 비록하여 여러 미니게시판을 구성하기위한 페이지 구분입니다

            www.jakartaproject.com의 예를들면 4개의 영역이 있습니다 (초기페이지, unicorn페이지, jakarta페이지, community 페이지)

     bid : 미니게시판에 보여줄 게시판 아이디

           boardqna 라는 게시판 아이디와 boardfaq라는 게시판 아이디를 넘겨주고 있으며 이 아아디를 기준으로 데이터베이스를 조회한다

     tid : 0

     미니게시판에 보여줄 게시물목록 수는 unicorn.properties의 INDEX_CACHING_CNT 파라미터로 설정된 수로 보여집니다

    tsiz : 보여줄 썸네일 이미지 width를 지정합니다

           v3.01 이후 버젼부터 지원합니다

 

 -. JSP 코딩

     위 코딩과 동일합니다

 

III. 태그크라우드 나타내기

 -. 수정대상 JSP

     /jsp/board/board_index.jsp

 -. 요청 URL

     board-index.do?part=index&tag=y&hl=0

     part : /jsp/board/board_index.jsp 내에서 영역 구분을 타나냅니다

            즉 하나의 JSP로 초기페이지를 비록하여 여러 미니게시판을 구성하기위한 페이지 구분입니다

            www.jakartaproject.com의 예를들면 4개의 영역이 있습니다 (초기페이지, unicorn페이지, jakarta페이지, community 페이지)

     tag : 태그크라우드 사용여부 (y/n)

     hl : 보여줄 태그수 제한

          0 (태그수가 1개 이상인것 모두 보여주기)

          1 (태그수가 2개 이상인것 모두 보여주기)

          2 (태그수가 3개 이상인것 모두 보여주기)

          ...

 -. JSP 코딩

 

<%@ page contentType="text/html;charset=EUC_KR" %>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic" %>


<%
String query = request.getQueryString();
String part = "";
if (query != null && query.indexOf("part=") > -1) {
 String t = query.substring(query.indexOf("part="));
 part = (t.indexOf("&") > -1)? t.substring("part=".length(), t.indexOf("&")) : t.substring("part=".length());
}
String index = "index";
String unicorn = "unicorn";
String jakarta = "jakarta";
String community = "community";
%>

 

<script language="no_no_no_no_no_no_javascript" src="./js/index.js"></script>
<script language="no_no_no_no_no_no_javascript" src="./js/tag.js"></script>

 

<table border=0 width=750 cellpadding=0 cellspacing=0>

 

<% if (part.indexOf(index) > -1) { %>
<tr>
 <td>
  <table border=0 cellspacing=0 cellpadding=0 align=center width=720>
   <tr>
    <td>

     <!-- 태그크라우드 -->
     <logic:present name="tagVOList" scope="request">
     <fieldset class=cloud>
      <br>|

      <!-- 태그 출력 루프 -->
      <logic:iterate id="list" name="tagVOList" scope="request">
       <font style=cursor:pointer OnClick=viewTagList('<bean:write name="list" property="tagId"/>') OnMouseOver=this.color='#EEEEEE';this.style.backgroundColor='#003366' OnMouseOut=this.color='';this.style.backgroundColor=''><bean:write name="list" property="htmlTag" filter="false"/></font> |
      </logic:iterate>
      <br><br>
     </fieldset>
     </logic:present>
    </td>
   </tr>
  </table>
 </td>
</tr>

</table>

<% } %>

 

IV. 예제

 -. index 파트에 태그크라우드, 최근글목록, boardfaq, boardqna 미니게시판을 나타내고자 할 경우

     board-index.do?part=index&rid=10&bid=boardfaq,boardqna&tid=5&tag=y&hl=0

 -. unicorn 파트에 boardfaq, boardqna, boardskin, test 미니게시판을 나타내고자 할 경우

     board-index.do?part=unicorn&&bid=boardfaq,test,boardskin,boardqna&tid=5

 => JSP 코딩은 첨부파일을 참조하세요

 

V. 썸네일을 최근게시물목록 혹은 미니게시판에 나타내기

 -. 목록 루프를 돌면서 다음 라인을 추가해 주세요

    우선작업 => tr의 height=22를 지워주거나 늘려주셔야 합니다 아니면 이미지가 다 보이지 않아요 ><

   ① 썸네일 이미지 나타내기

    <bean:write name="list" property="htmlThumbnail" filter="false"/>

 

   ② 썸네일 이미지 테두리 주기

    <bean:write name="list" property="htmlThumbnailWithBorder" filter="false"/>

 

   ③ 썸네일 이미지 크기 지정 (이미 생성된 썸네일의 크기만 변화시킴)

      썸네일 생성 이미지 크기는 관리자화면에서 직접 설정할 수 있습니다

      [200] 으로 설정 => width 200, heightg 200으로 설정하며 이값은 변경가능 합니다

    <bean:write name="list" property="htmlThumbnailByUser[200]" filter="false"/>

 

   ④ 썸네일 이미지 크기 지정하면서 테두리 주기

    <bean:write name="list" property="htmlThumbnailWithBorderByUser[200]" filter="false"/>

 

2006-12-27 19:05:42
211.189.124.***

 

좋은생각 ^^

첨부파일
  1. board_index.jsp 43.82 KB (105 다운로드)
  2. 2006-10-12 AM 09-43-00.jpg 40.57 KB (56 다운로드)
  3. 2006-10-12 AM 09-41-55.jpg 42.67 KB (43 다운로드)
10점 (1명)
TIP 메인화면(최근글목록,태그크라우드) 및 미니게시판(글5개씩) 만들기 GoodBug 2006-10-12
관련글보기 | 덧글 0개 | 태그 0개
태그입력
쉽표(,)구분으로 여러 태그를 입력할수 있습니다
이름 비밀번호
Unicorn 설치 및 FAQ
Unicorn 설치안내,팁 및 FAQ 게시판 입니다
! 카테고리 번호 제목 글쓴이 일자 조회
설치 setup Unicorn3 설치 가이드 3 3 GoodBug 2006-09-07 23,913
나비효 Unicorn 이란 무엇인가요? 1 1 GoodBug 2005-12-16 28,785
FAQ 90 설치한 PC로 접속이 안됩니다. 1 help 2008-12-04 152
TIP 89 메인화면에 설문조사 달기~! GoodBug 2008-06-10 1,018
FAQ 88 메인화면(최근글목록,태그크라우드) 및 미니게시판(글5개씩) 만들기 (v3.20 이상) 1 GoodBug 2008-04-28 2,136
설치 87 파일서버 파일서버 설정 및 파일 동기화 기능 설정 방법 2 GoodBug 2008-04-04 1,225
TIP 86 Unicorn3 v3.20 전체 기능 소개 1 GoodBug 2008-04-04 2,382
설치 85 MySQL 서버에 설치시 캐릭터셋 설정 부분에서 에러가 발생한다면 GoodBug 2008-04-04 1,249
TIP 84 로그인 다른사이트에서 Unicorn3로 로그인 하기 1 GoodBug 2008-02-29 1,434
TIP 83 Unicorn3에 테이블 컬럼 추가하기 GoodBug 2007-10-11 1,817
TIP 82 Unicorn3에 쿼리 추가하기 GoodBug 2007-10-09 2,017
81 설치후 유효한 레퍼러와 관련 에러 문제에 대한 해결(맞나?) 3 우연이 2007-06-29 1,620
FAQ 80 회원수동 추가시 필수컬럼 항목 1 GoodBug 2007-03-09 1,986
TIP 79 ERD Unicorn3 v3.01 ERD 2 1 GoodBug 2006-12-28 3,249
FAQ 78 RSS RSS 구독하기 1 1 GoodBug 2006-12-28 2,343
FAQ 77 관리자 Unicorn3에서의 게시판 관리자란? 3 1 GoodBug 2006-12-28 2,090
FAQ 76 우편번호 및 국기 테이블 최신 버젼으로 업그레이드 하기 GoodBug 2006-12-27 2,256
설치 75 우편번호 최신 우편번호 파일(2008.11.18일자) 1 김완용 2008-12-30 23
74 post SQL 업그레이드 할때 오류가 Lima 2007-04-26 1,327
FAQ 73 Unicorn3 v3.01 전체 기능소개 3 GoodBug 2006-12-27 10,357
copyright 2005-2009 by Unicorn
포인트 경매!