16일차 select(DBMS:JSON:)

 | J-Query
2012. 5. 8. 18:23

sel.jpg

 

DB LPROD

 

  • LPROD_ID
  • LPROD_GU
  • LPROD_NM

 

1    P101    computer
2    P102    electronic
3    P201    womancasual
4    P202    남성캐주얼
5    P301    etcbrand
6    P302    cosmetic
7    P401    record/CD
8    P402    book
9    P403    stationery
15    p203    아동복

 

DB PROD

 

  • PROD_ID
  • PROD_NAME
  • PROD_LGU
  • PROD_BUYER
  • PROD_COST
  • PROD_PRICE
  • PROD_SALE
  • PROD_OUTLINE
  • PROD_DETAIL
  • PROD_IMG
  • PROD_TOTALSTOCK
  • PROD_INSDATE
  • PROD_PROPERSTOCK
  • PROD_SIZE
  • PROD_COLOR
  • PROD_DELIVERY
  • PROD_UNIT
  • PROD_QTYIN
  • PROD_QTYSALE
  • PROD_MILEAGE

 

P101000001    모니터 삼성전자15인치칼라    P101    P10101    210000    290000    230000    평면모니터의 기적    우리기술의 개가
P101000002    모니터 삼성전자17인치칼라    P101    P10101    310000    390000    330000    평면모니터의 기적    우리기술의 개가
P101000003    모니터 삼성전자19인치칼라    P101    P10101    410000    490000    430000    평면모니터의 기적    우리기술의 개가
P101000004    삼보컴퓨터 P-III 600Mhz    P101    P10102    1150000    1780000    1330000    쉬운 인터넷을.....    새로운 차원의 컴퓨터를.....
P101000005    삼보컴퓨터 P-III 700Mhz    P101    P10102    2150000    2780000    2330000    쉬운 인터넷을.....    새로운 차원의 컴퓨터를.....
P101000006    삼보컴퓨터 P-III 800Mhz    P101    P10102    3150000    3780000    3330000    쉬운 인터넷을.....    새로운 차원의 컴퓨터를.....
P102000001    대우 칼라 TV 25인치    P102    P10201    690000    820000    720000    집안에 영화관을.....    평면 브라운관의 새장.....
P102000002    대우 칼라 TV 29인치    P102    P10201    890000    1020000    920000    집안에 영화관을.....    평면 브라운관의 새장.....
P102000003    삼성 칼라 TV 21인치    P102    P10202    590000    720000    620000    집안에 영화관을.....    평면 브라운관의 새장.....
P102000004    삼성 칼라 TV 29인치    P102    P10202    990000    1120000    1020000    집안에 영화관을.....    평면 브라운관의 새장.....
P102000005    삼성 칼라 TV 53인치    P102    P10202    1990000    2120000    2020000    집안에 영화관을.....    평면 브라운관의 새장.....
P102000006    삼성 캠코더    P102    P10202    660000    880000    770000    가족과 영화촬영을.....    레저와 함께.....
P102000007    대우 VTR 6헤드    P102    P10201    550000    760000    610000    선명한 화질    감동의 명화를.....
P201000001    여성 봄 셔츠 1    P201    P20101    21000    42000    27000    파릇한 봄을 위한    아름다운.....
P201000002    여성 봄 셔츠 2    P201    P20101    22000    43000    28000    파릇한 봄을 위한    아름다운.....
P201000003    여성 봄 셔츠 3    P201    P20101    23000    44000    29000    파릇한 봄을 위한    아름다운.....
P201000004    여성 여름 셔츠 1    P201    P20101    12000    21000    25000    시원한 여름을 위한    아름다운.....
P201000005    여성 여름 셔츠 2    P201    P20101    13000    22000    26000    시원한 여름을 위한    아름다운.....
P201000006    여성 여름 셔츠 3    P201    P20101    14000    23000    27000    시원한 여름을 위한    아름다운.....
P201000007    여성 겨울 라운드 셔츠 1    P201    P20101    31000    45000    33000    따뜻한 겨울을 위한    아름다운.....
P201000008    여성 겨울 라운드 셔츠 2    P201    P20101    32000    46000    34000    따뜻한 겨울을 위한    아름다운.....
P201000009    여성 겨울 라운드 셔츠 3    P201    P20101    33000    47000    35000    따뜻한 겨울을 위한    아름다운.....
P201000010    여성 청바지 1    P201    P20102    55000    66000    57000    편리한 활동파를 위한    편리한.....
P201000011    여성 청바지 2    P201    P20102    56000    67000    58000    편리한 활동파를 위한    편리한.....
P201000012    여성 청바지 3    P201    P20102    57000    68000    59000    편리한 활동파를 위한    편리한.....
P201000013    여성 봄 자켓 1    P201    P20101    110000    210000    170000    편리한 활동파의 봄을 위한    아름다운.....
P201000014    여성 봄 자켓 2    P201    P20101    120000    220000    180000    편리한 활동파의 봄을 위한    아름다운.....
P201000015    여성 봄 자켓 3    P201    P20101    130000    230000    190000    편리한 활동파의 봄을 위한    아름다운.....
P201000016    여성 여름 자켓 1    P201    P20102    100000    160000    130000    편리한 활동파의 여름을 위한    아름다운.....
P201000017    여성 여름 자켓 2    P201    P20102    110000    170000    140000    편리한 활동파의 여름을 위한    아름다운.....
P201000018    여성 여름 자켓 3    P201    P20102    120000    180000    150000    편리한 활동파의 여름을 위한    아름다운.....
P201000019    여성 겨울 자켓 1    P201    P20102    210000    270000    240000    편리한 활동파의 따뜻한 겨울을 위한    아름다운.....
P201000020    여성 겨울 자켓 2    P201    P20102    220000    280000    250000    편리한 활동파의 따뜻한 겨울을 위한    아름다운.....
P201000021    여성 겨울 자켓 3    P201    P20102    230000    290000    260000    편리한 활동파의 따뜻한 겨울을 위한    아름다운.....
P202000001    남성 봄 셔츠 1    P202    P20201    10000    19000    15000    파릇한 봄을 위한    아름다운.....
P202000002    남성 봄 셔츠 2    P202    P20201    13000    22000    18000    파릇한 봄을 위한    아름다운.....
P202000003    남성 봄 셔츠 3    P202    P20201    15000    24000    20000    파릇한 봄을 위한    아름다운.....
P202000004    남성 여름 셔츠 1    P202    P20201    18000    28000    23000    시원한 여름을 위한    아름다운.....
P202000005    남성 여름 셔츠 2    P202    P20201    23000    33000    28000    시원한 여름을 위한    아름다운.....

...... 등등

 

 

lprod.jsp (main)

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8"); %>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>lprod main</title>
<script type="text/javascript" src="../../js/jquery-1.7.2.js"></script>
<script type="text/javascript">

/*
lprod_gu
lprod_nm

<option value="">내용</option>
 */
 
     function prodchange(){
     var prod_id="";
     $("select[name='prod'] option:selected").each(function(){
         prod_id+=$(this).val();
     });
     alert(prod_id);
      $.getJSON(
        "lpdata3.jsp",
        "prod_id="+prod_id,
        function(data){
            var str = "<table border='1' bordercolor='blue' align='center'>";
            $.each(data,function(i,v){
                str +="<tr><th>prod_id     </th><td>"+v.prod_id     +"</td></tr>";
                str +="<tr><th>prod_name   </th><td>"+v.prod_name   +"</td></tr>";
                str +="<tr><th>prod_buyer  </th><td>"+v.prod_buyer  +"</td></tr>";
                str +="<tr><th>prod_cost   </th><td>"+v.prod_cost   +"</td></tr>";
                str +="<tr><th>prod_price  </th><td>"+v.prod_price  +"</td></tr>";
                str +="<tr><th>prod_sale   </th><td>"+v.prod_sale   +"</td></tr>";
                str +="<tr><th>prod_outline</th><td>"+v.prod_outline+"</td></tr>";
                str +="<tr><th>prod_detail </th><td>"+v.prod_detail +"</td></tr>";
            });
            str +="</table>";
            $("#prodDetail").html(str);
/*            
prod_id    
prod_name  
prod_buyer 
prod_cost  
prod_price 
prod_sale  
prod_outline
prod_detail    


           
           
           
 */           
        }
    ); 
     
 
 
     }
 
     function lprodChange(){
     var gu="";
     $("select[name='lprod'] option:selected").each(function(){
         gu+=$(this).val();
         //gu=$(this).eq(0).val();
     });
      $.getJSON(
        "lpdata2.jsp",
        "gu="+gu,
        function(data){
            var str = "";
            $.each(data,function(i,v){
            str +="<option value='"+v.prod_id+"'>"+v.prod_name+"</option><br>";
            });
           
            $("#prod").html(str);
        }
    ); 
 }
 
 
    $(function(){
       
        $("select[name='prod']").change(prodchange);
        $("select[name='lprod']").change(lprodChange);

/*         $.ajax({
            "url" : "lpdata1.jsp",
            "dataType": "json",
            "success" : function(data){
                alert(data);
                var str = "";
                $.each(data,function(i,v){
                    str +="<option value="+v.lprod_gu+">"+v.lprod_nm"</option>";
                });
                str +="</option>";
                $("#lprod").html(str);
               
            },
            "error" : function(info, xhr){
                if(info.readyState == '4'){
                 alert('문제가 발생했습니다.\n상태코드 : ' + info.status+ '\n\n' + info.responseText);
                }
                else{
                 alert('문제가 발생했습니다.\n잠시후 다시 시도해 주세요.\n 상태코드 : ' +info.status);
                }
               }
        }); */
         $.getJSON(
                "lpdata1.jsp",
                function(data){
                    var str = "";
                    $.each(data,function(i,v){
                    str +="<option value='"+v.lprod_gu+"'>"+v.lprod_nm+"</option>";
                    });
                    $("#lprod").html(str);
                }
        );
   
       
       
       
    });
</script>


</head>
<body>

<form action="testForm">
<table align="center">
    <tr>
        <td>
            <select name ="lprod" id="lprod">
           
            </select>
       
        </td>
       
        <td width="50">&nbsp;</td>
        <td>   
            <select name="prod" id="prod">
           
           
            </select>
        </td>
    </tr>
</table>
</form>
<div id="prodDetail"></div>

</body>
</html>

lpdata1.jsp

<%@page import="kr.or.ddit.db.*"%>
<%@page import="java.sql.*"%>
<%@ page language="java" contentType="text/plain; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8");

%>   
<%
   
    Connection conn= null;
    PreparedStatement psmt= null;
    ResultSet rs = null;
   
   

try{
    conn = ConnectionProvider.getConnection();
    psmt = conn.prepareStatement("SELECT LPROD_GU, LPROD_NM FROM LPROD");
    rs= psmt.executeQuery();

%>
[
    <%while(rs.next()){
    if(rs.getRow()>1){
        out.print(",");
    }
    %>
{
   
    "lprod_gu"  : "<%=Util.toJS(rs.getString("lprod_gu"))%>",
    "lprod_nm"  : "<%=Util.toJS(rs.getString("lprod_nm"))%>"

}
<%
}%>
]
<%
}catch(SQLException e){
    e.printStackTrace();
}finally{
if(rs!=null) try{rs.close();}catch(Exception e){}
if(psmt!=null) try{psmt.close();}catch(Exception e){}
if(conn!=null) try{conn.close();}catch(Exception e){}
}
%>

lpdata2.jsp

<%@page import="kr.or.ddit.db.*"%>
<%@page import="java.sql.*"%>
<%@ page language="java" contentType="text/plain; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8");

%>   
<%
    String gu = request.getParameter("gu");
    Connection conn= null;
    PreparedStatement psmt= null;
    ResultSet rs = null;

   

try{
    conn = ConnectionProvider.getConnection();
    psmt = conn.prepareStatement("select prod_id, prod_name from prod where prod_lgu=?");
    psmt.setString(1, gu);
    rs= psmt.executeQuery();

%>
[
    <%while(rs.next()){
    if(rs.getRow()>1){
        out.print(",");
    }
    %>
{
   
    "prod_id"  : "<%=Util.toJS(rs.getString("prod_id"))%>",
    "prod_name"  : "<%=Util.toJS(rs.getString("prod_name"))%>"

}
<%
}%>
]
<%
}catch(SQLException e){
    e.printStackTrace();
}finally{
if(rs!=null) try{rs.close();}catch(Exception e){}
if(psmt!=null) try{psmt.close();}catch(Exception e){}
if(conn!=null) try{conn.close();}catch(Exception e){}
}
%>

lpdata3.jsp

<%@page import="kr.or.ddit.db.*"%>
<%@page import="java.sql.*"%>
<%@ page language="java" contentType="text/plain; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8");

%>   
<%
    String prod_id =request.getParameter("prod_id");
    Connection conn= null;
    PreparedStatement psmt= null;
    ResultSet rs = null;

try{
    conn = ConnectionProvider.getConnection();
    psmt = conn.prepareStatement("select prod_id, prod_name,prod_buyer,prod_cost,prod_price,prod_sale,prod_outline,prod_detail from prod where prod_id=?");
    psmt.setString(1, prod_id);
    rs= psmt.executeQuery();

%>
[
    <%while(rs.next()){
    if(rs.getRow()>1){
        out.print(",");
    }
    %>
{
   
    "prod_id"  : "<%=Util.toJS(rs.getString("prod_id"))%>",
    "prod_name"  : "<%=Util.toJS(rs.getString("prod_name"))%>",
    "prod_buyer"  : "<%=Util.toJS(rs.getString("prod_buyer"))%>",
    "prod_cost"  : "<%=Util.toJS(rs.getString("prod_cost"))%>",
    "prod_price"  : "<%=Util.toJS(rs.getString("prod_price"))%>",
    "prod_sale"  : "<%=Util.toJS(rs.getString("prod_sale"))%>",
    "prod_outline"  : "<%=Util.toJS(rs.getString("prod_outline"))%>",
    "prod_detail"  : "<%=Util.toJS(rs.getString("prod_detail"))%>"

}
<%
}%>
]
<%
}catch(SQLException e){
    e.printStackTrace();
}finally{
if(rs!=null) try{rs.close();}catch(Exception e){}
if(psmt!=null) try{psmt.close();}catch(Exception e){}
if(conn!=null) try{conn.close();}catch(Exception e){}
}
%>

 

Util.java (format 용)

package kr.or.ddit.db;

public class Util {

    public static String toJS(String str){
        if(str==null) return "";
        return str.replace("\\", "\\\\")
                  .replace("\"","\\\"")
                  .replace("\'","\\\'")
                  .replace("\r\n","\\n")
                  .replace("\n","\\n");
    }
   
}

이 글은 스프링노트에서 작성되었습니다.

'J-Query' 카테고리의 다른 글

1일차 get/function  (0) 2012.05.08
16일차 우편번호검색(json)  (0) 2012.05.08
15일차 DB->JSON(포멧 하기)  (0) 2012.05.08
11일차 Ajax2  (0) 2012.05.08
-1일차 css셋팅  (0) 2012.05.08
Posted by 사라링
트랙백 : 댓글
BLOG main image
.. by 사라링

카테고리

사라링님의 노트 (301)
JSP (31)
J-Query (41)
JAVA (24)
디자인패턴 (1)
스트러츠 (3)
안드로이드 (11)
오라클 (45)
우분투-오라클 (1)
이클립스메뉴얼 (6)
스프링3.0 (23)
자바스크립트 (10)
HTML5.0 (17)
정보처리기사 (1)
기타(컴퓨터 관련) (1)
문제점 해결 (3)
프로젝트 (2)
AJAX (4)
하이버네이트 (3)
트러스트폼 (11)
Jeus (2)
재무관리(회계) (5)
정규식 (5)
아이바티스 (8)
취미 (2)
소프트웨어 보안 관련모음 (0)
정보보안기사 (6)
C언어 베이직 및 프로그램 (3)
보안 관련 용어 정리 (2)
넥사크로 (6)
웹스퀘어_ (0)
Total :
Today : Yesterday :
rss