2017 JAVA 교육수료
- 26DAY / JSP,mysql / 블로그만들기 2017.05.11
- 25DAY / Java Script 함수 2017.05.10
- 24DAY / useBean 2017.05.09
- 23DAY / 2017.05.08
26DAY / JSP,mysql / 블로그만들기
1.블로그 카테고리를 받아 Select쿼리문으로 데이터갯수를 카운트해서
갯수가 0일경우는 창을 띄우고 빈 화면을 출력한다.
2.블로그 카테고리 항목을 클릭하였을 때
번호 내림차순으로 나온다(최신순)
3.첫페이지에서는 '다음'이 나오지 않아야하고
마지막 페이지에서는 '이전'이 나오지 않아야한다.
detail.jsp
<%
String category = request.getParameter("category");
int currentPage = 0;
if(request.getParameter("currentPage") != null){
currentPage = Integer.parseInt(request.getParameter("currentPage"));
}
int endPage=100;
String endPagesql = "select count(*) from board where category = ?";
PreparedStatement epst = conn.prepareStatement(endPagesql);
epst.setString(1, category);
ResultSet result = epst.executeQuery();
int count=0;
if(result.next()){
count = result.getInt("count(*)");
endPage = count -1;
}
if(count == 0){
%>
<script language="javascript">
alert("카테고리에 포스트가 없습니다!");
</script><%
}
else{
if(result.next()){
int count = result.getInt("count(*)");
endPage = count -1;
}
if(currentPage>0){
%>
<a href ="./detail.jsp?category=<%=category%>¤tPage=<%=currentPage-1%>">
이전</a>
<%
}
if(currentPage<endPage){
%>
<a href ="./detail.jsp?category=<%=category%>¤tPage=<%=currentPage+1%>">
다음</a>
<%}}%>
(1)index
첫화면
(2)insert_form
포스트작성
(3)detail
category에 해당하는 데이터중 가장 최근 데이터부터 불러온다.
(4)detail
category에 해당되는 데이터가 없을때
(5)update_form
수정하기
(6)delete_form
비밀번호가 일치하면 삭제가 된다.
참고한사이트
부트스트랩 템플릿 배포 사이트
Clean Blog 테마사용
25DAY / Java Script 함수
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>template</title>
<link href="./_common/css/style.css" rel="stylesheet" type="text/css">
<script>
var countdown = function(goal){
var now = new Date();
var s = goal.getTime()-now.getTime();
var h = Math.floor(s/1000/60/60)%24;
var d = Math.floor(s/1000/60/60/24);
var m = Math.floor(s/1000/60)%60;
var result = document.getElementById("result");
result.textContent =d+"일"+h+"시간"+m+"분"+s+"초 남았습니다.";
};
var endDay = new Date();
endDay.setFullYear(2017);
endDay.setMonth(9);
endDay.setDate(13);
endDay.setHours(17);
endDay.setMinutes(30);
window.addEventListener("load", function() {
setInterval(function(){
countdown(endDay);
},1000);
}, capture)
</script>
</head>
<body>
<!-- header-contents begin -->
<header>
<div class="header-contents">
<h1>제목</h1>
<h2>부제목</h2>
</div>
</header>
<!-- header-contents end -->
<div class="main-wrapper">
<section>
<span id = "result">
</span>
본문 내용
</section>
</div>
<!-- footer-contents begin -->
<footer>
꼬리글 내용
</footer>
<!-- footer-contents end -->
</body>
</html>
Java Script function
getTime() 메서드
시간 값을 밀리초 단위로 가져온다.
초 : ÷1000
분 : 초 ÷ 60
시 : 분 ÷ 60
날짜 : 시 ÷ 24
입력한 년,월,일,시간을 기준으로 현재시간에서 얼마나 남았는지 화면에 띄워준다.
블로그 만들기 시초다지기
1)데이터베이스 생성
2)JSP생성
page1 index
page2 insert_form
page3 detail
24DAY / useBean
다음은 같은 기능을 한다.
1-1)
<jsp:useBean id="m" class="kr.or.ksmart.dto.Member"/>
1-2)
<%@page import ="kr.or.ksmart.dto.Member" %>
Member m =new Member();
2-1)
<jsp:setProperty name="m" property="*"/>
2-2)
String m_id = request.getParameter("m_id");
String m_pw = request.getParameter("m_pw");
String m_level = request.getParameter("m_level");
String m_name = request.getParameter("m_name");
String m_email = request.getParameter("m_email");
m.setM_id(m_id);
m.setM_pw(m_pw);
m.setM_level(m_level);
m.setM_name(m_name);
m.setM_email(m_email);
23DAY /
DriverDB.java
package kr.or.ksmart.driverdb;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
public class DriverDB {
public Connection driverDbcon() throws ClassNotFoundException, SQLException{
System.out.println("driverDbcon DriverDB.java");
Connection reconn = null;
Class.forName("com.mysql.jdbc.Driver");
String jdbcDriver = "포트번호";
String dbUser = "dbid";
String dbPass = "dbpwi";
reconn = DriverManager.getConnection(jdbcDriver, dbUser, dbPass);
return reconn;
}
}
1) 기존파일 (ex - user_list) 에 import
<%@ page import ="kr.or.ksmart.driverdb.DriverDB" %>
2)드라이버 로딩 부분 삭제 후 입력
DriverDB db = new DriverDB();
conn = db.driverDbcon();