반응형
2022.04.28 - [Practice] - JSP로 게시판 만들기 [3]
JSP로 게시판 만들기 [3]
2022.04.27 - [Practice] - JSP로 반응형 게시판 만들기 [2] JSP로 반응형 게시판 만들기 [2] 저번 포스팅 다음 글입니다!! 2022.04.27 - [Practice] - JSP로 반응형 게시판 만들기!!! [1] JSP로 반응형 게시판 만..
puenti.tistory.com
안녕하세요 저번 시간까지는 로그인, 회원가입 페이지를 만들고 세션관리까지 해줬어요!
이제는 게시판과 게시판 데이터베이스 구축, 게시판 기능들을 설정해볼건데요!
일단 먼저 게시판을 만들어야겠죠??
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import = "java.io.PrintWriter"%> <!-- 스크립트 문장을 실행 할 수 있게 해주자 -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset = UTF-8">
<meta name = "viewport" content="width=device-width", initial-scale="1">
<!-- 부트스트랩은 컴퓨터, 모바일 어떤걸로 접속하더라도 해상도에 맞게 디자인을 보여주는 템플릿. 그래서 반응형 웹에 사용되는 메타 태그를 적어준다 -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- 디자인을 담당하는 css 참조 완료 -->
<title>JSP 게시판 웹사이트</title>
</head>
<body>
<% /* 로그인이 된 사람들은 로그인 정보를 담을 수 있게 해주자 */
String userID = null;
if (session.getAttribute("userID") != null) {
userID = (String) session.getAttribute("userID");
}
// 현재 세션이 존재하는 사람이라면 그 아이디값을 그대로 받아서 관리할 수 있게 해줌
%>
<nav class="navbar navbar-default">
<div class = "navbar-header">
<button type = "button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<!-- 아이콘바 3개 -->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class = "navbar-brand" href="main.jsp">JSP 웹 사이트</a>
</div>
<div class="collapse navbar-collapse" id = "bs-example-navbar-collapse-1">
<ul class = "nav navbar-nav">
<li><a href="main.jsp">메인</a></li>
<li class = "active"><a href="bbs.jsp">게시판</a></li>
</ul>
<%
// 접속하기는 로그인이 안될 경우만 보이게
if(userID == null) {
%>
<ul class ="nav navbar-nav navbar-right">
<li class = "dropdown">
<a href="#" class = "dropdown-toggle"
data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="login.jsp">로그인</a></li>
<li><a href="join.jsp">회원가입</a></li>
<!-- 경로와 오타가 없음에도 a 링크 실행이 안됨 -->
</ul>
</li>
</ul>
<%
} else { //로그인 한 사람들이 보이는 화면
%>
<ul class ="nav navbar-nav navbar-right">
<li class = "dropdown">
<a href="#" class = "dropdown-toggle"
data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">회원관리<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href = "logoutAction.jsp">로그아웃</a></li>
</ul>
</li>
</ul>
<%
}
%>
</div>
</nav>
<!-- 네비게이션 구동, 하나의 웹사이트에서 전반적인 구성을 보여주는 역할 -->
<div class = "containwe">
<table class = "table table-striped" style="text-align: center; boerder: 1px solid #dddddd">
<!-- class = "table table-striped"는 게시판 목록들이 짝수와 홀수 번갈아가면서 색이 변하게해줌 -->
<thead>
<tr>
<th style="background-color: #eeeeee; text-align: center;">번호</th>
<th style="background-color: #eeeeee; text-align: center;">제목</th>
<th style="background-color: #eeeeee; text-align: center;">작성자</th>
<th style="background-color: #eeeeee; text-align: center;">작성일</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>안녕하세요</td>
<td>홍길동</td>
<td>2022-05-01</td>
</tr>
</tbody>
<a href="write.jsp" class="btn btn-primary pull-right">글쓰기</a>
</table>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<!-- 제이쿼리를 가져오기 -->
<script src="js/bootstrap.js"></script>
<!-- 부트스트랩에서 기본적으로 참조 -->
</body>
</html>
위 코드를 작성하면 아래의 값처럼 나와요!
게시판을 만들었으니 게시판 데이터베이스를 구축해볼께요!!
mySQL에서 테이블을 만들어볼께요!!
mySQL에 root에 로그인을 한 다음 아래와 같은 테이블을 만들어줄께요!!
게시판 데이터를 받아줄 그릇을 만들었으니 이제 페이지를 만들어 볼께요!!
먼저 자바 beans를 만들어줄게요!
beans는 하나의 게시글 정보를 담을 수 있는 인스턴스를 만들 수 있는 트리라고 생각하시면 되요!
package bbs;
public class Bbs {
private int bbsID;
private String bbsTitle;
private String userID;
private String bbsDate;
private String bbsContent;
private int bbsAvailable;
public int getBbsID() {
return bbsID;
}
public void setBbsID(int bbsID) {
this.bbsID = bbsID;
}
public String getBbsTitle() {
return bbsTitle;
}
public void setBbsTitle(String bbsTitle) {
this.bbsTitle = bbsTitle;
}
public String getUserID() {
return userID;
}
public void setUserID(String userID) {
this.userID = userID;
}
public String getBbsDate() {
return bbsDate;
}
public void setBbsDate(String bbsDate) {
this.bbsDate = bbsDate;
}
public String getBbsContent() {
return bbsContent;
}
public void setBbsContent(String bbsContent) {
this.bbsContent = bbsContent;
}
public int getBbsAvailable() {
return bbsAvailable;
}
public void setBbsAvailable(int bbsAvailable) {
this.bbsAvailable = bbsAvailable;
}
}
이렇게 만들어줄게요!
여기까지 하면 게시판 데이터를 받아줄 데이터베이스 구축이 끝났어요!!
다음 포스팅은 게시판이 가지는 여러 기능에 대해서 해보도록 할께요!!
반응형
'Practice' 카테고리의 다른 글
JSP로 반응형 게시판 만들기[6/9], 게시판 보기, 목록 기능 구현하기 (0) | 2022.04.28 |
---|---|
JSP로 반응형 게시판 만들기[5/9], 글 쓰기 기능 구현 (0) | 2022.04.28 |
JSP로 반응형 게시판 만들기 [3/9], 로그인 회원가입 페이지 만들기, 세션 설정 (0) | 2022.04.28 |
JSP로 반응형 게시판 만들기 [2/9], 회원가입 양식 만들기 (0) | 2022.04.27 |
JSP로 반응형 게시판 만들기!!! [1/9] 로그인 페이지, 회원 DB 구축 (0) | 2022.04.27 |