공부기록

[JSP] response.sendRedirect 전송오류 2017.05.11
26DAY / JSP,mysql / 블로그만들기 2017.05.11
25DAY / Java Script 함수 2017.05.10
24DAY / useBean 2017.05.09
23DAY / 2017.05.08
[JDBC] 쿼리 공백 에러 2017.05.01
20DAY / JAVA Script / 카드게임만들기 2017.04.28
19DAY /Bootstrap,CSS 2017.04.27
17DAY / JSP + mysql / insert 후 list 2017.04.25

response.sendRedirect("detail.jsp?category="+category+"&no="+request.getParameter("no"));

-> result set 이 빈 이유는 값을 받지못했기때문.

sendRedirect로는 값을 전송할 수 없다.

pageContext.forward("detail.jsp?category="+category+"&no="+request.getParameter("no"));

로 대신하여 해결하였다.

저작자표시

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){

%>

alert("카테고리에 포스트가 없습니다!");

</script><%

}

else{

if(result.next()){

int count = result.getInt("count(*)");

endPage = count -1;

}

if(currentPage>0){

%>

<a href ="./detail.jsp?category=<%=category%>&currentPage=<%=currentPage-1%>">

이전</a>

<%

}

if(currentPage<endPage){

%>

<a href ="./detail.jsp?category=<%=category%>&currentPage=<%=currentPage+1%>">

다음</a>

<%}}%>

(1)index

첫화면

더블클릭을 하시면 이미지를 수정할 수 있습니다

(2)insert_form

포스트작성

(3)detail

category에 해당하는 데이터중 가장 최근 데이터부터 불러온다.

(4)detail

category에 해당되는 데이터가 없을때

(5)update_form

수정하기

(6)delete_form

비밀번호가 일치하면 삭제가 된다.

참고한사이트

부트스트랩 템플릿 배포 사이트

https://startbootstrap.com/

Clean Blog 테마사용

저작자표시

<!doctype html>

<html>

<head>

<title>template</title>

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>

</div>

</header>

</span>

본문 내용

</section>

</div>

꼬리글 내용

</footer>

</body>

</html>

Java Script function

getTime() 메서드

시간 값을 밀리초 단위로 가져온다.

초 : ÷1000

분 : 초 ÷ 60

시 : 분 ÷ 60

날짜 : 시 ÷ 24

입력한 년,월,일,시간을 기준으로 현재시간에서 얼마나 남았는지 화면에 띄워준다.

블로그 만들기 시초다지기

1)데이터베이스 생성

2)JSP생성

page1 index

page2 insert_form

page3 detail

저작자표시

다음은 같은 기능을 한다.

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);

저작자표시

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();

저작자표시

You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '= 'id001'' at line 1

틀린 코드 ▼

수정한 코드▼

query = "select * from tb_member where "+sk+"= ?";

WHERE 조건문에서 공백을 주지않아서 쿼리에러가 발생하였다. 쿼리문장은 sql에서 실행후 복사,붙여넣기 하는것이 좋은것 같다

저작자표시

자바스크립트사용

자바스크립트 변수

변수타입

<!DOCTYPE html>
<html>
<head>
    <meta charset="EUC-KR">
    <title>Insert title here</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script>
    // db -> select -> 배열
    let card = [
                 {num:1,  kind:"spade"}
                ,{num:2,  kind:"spade"}
                ,{num:3,  kind:"spade"}
                ,{num:4,  kind:"spade"}
                ,{num:5,  kind:"spade"}
                ,{num:6,  kind:"spade"}
                ,{num:7,  kind:"spade"}
                ,{num:8,  kind:"spade"}
                ,{num:9,  kind:"spade"}
                ,{num:10, kind:"spade"}
                ,{num:11, kind:"spade"}
                ,{num:12, kind:"spade"}
                ,{num:13, kind:"spade"}
                ,{num:1,  kind:"heart"}
                ,{num:2,  kind:"heart"}
                ,{num:3,  kind:"heart"}
                ,{num:4,  kind:"heart"}
                ,{num:5,  kind:"heart"}
                ,{num:6,  kind:"heart"}
                ,{num:7,  kind:"heart"}
                ,{num:8,  kind:"heart"}
                ,{num:9,  kind:"heart"}
                ,{num:10, kind:"heart"}
                ,{num:11, kind:"heart"}
                ,{num:12, kind:"heart"}
                ,{num:13, kind:"heart"}
                ,{num:1,  kind:"diamond"}
                ,{num:2,  kind:"diamond"}
                ,{num:3,  kind:"diamond"}
                ,{num:4,  kind:"diamond"}
                ,{num:5,  kind:"diamond"}
                ,{num:6,  kind:"diamond"}
                ,{num:7,  kind:"diamond"}
                ,{num:8,  kind:"diamond"}
                ,{num:9,  kind:"diamond"}
                ,{num:10, kind:"diamond"}
                ,{num:11, kind:"diamond"}
                ,{num:12, kind:"diamond"}
                ,{num:13, kind:"diamond"}
                ,{num:1,  kind:"clover"}
                ,{num:2,  kind:"clover"}
                ,{num:3,  kind:"clover"}
                ,{num:4,  kind:"clover"}
                ,{num:5,  kind:"clover"}
                ,{num:6,  kind:"clover"}
                ,{num:7,  kind:"clover"}
                ,{num:8,  kind:"clover"}
                ,{num:9,  kind:"clover"}
                ,{num:10, kind:"clover"}
                ,{num:11, kind:"clover"}
                ,{num:12, kind:"clover"}
                ,{num:13, kind:"clover"}
                ];
    
        window.addEventListener("load",function(){
            let play = document.getElementById("play");
            play.addEventListener("click", function(){
                for(let i=0; i<10000; i++) {
                    let r = Math.floor(Math.random()*card.length); // 0 ~ 3
                    let temp = card[0];
                    card[0] = card[r];
                    card[r] = temp;
                }
                let str ="";
                for(let i=0; i<5; i++) {
                    let fileName = card[i].kind+card[i].num+".JPG";
                    let path = "<img src='./imgs/"+fileName+"'>"; 
                    str += path;
                }
                let result = document.getElementById("result");
                result.innerHTML = str;
            });
        });
        
        
 
        
    </script>
</head>
<body class="container">
    <button id="play" class="btn btn-primary">play</button>
    <div id="result">
    </div>
</body>
</html>