how to featch data form db?
/* * To change this template, choose Tools | Templates * and open the template in the editor. */ package com.tcs.ignite.app.servlets;
import com.tcs.ignite.app.dao.ProductDAO; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;
/** * * @author 495944 */ public class getData extends HttpServlet {
/** * Processes requests for both HTTP * <code>GET</code> and * <code>POST</code> methods. * * @param request servlet request * @param response servlet response * @throws ServletException if a servlet-specific error occurs * @throws IOException if an I/O error occurs */ protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); try { /* * TODO output your page here. You may use following sample code. */ out.println("<html>"); out.println("<head>"); out.println("<title>Servlet getData</title>"); out.println("</head>"); out.println("<body>"); out.println("<h1>Servlet getData at " + request.getContextPath() + "</h1>"); out.println("</body>"); out.println("</html>"); } finally { out.close(); } } // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code."> /** * Handles the HTTP * <code>GET</code> method. * * @param request servlet request * @param response servlet response * @throws ServletException if a servlet-specific error occurs * @throws IOException if an I/O error occurs */ @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String action = request.getParameter("act"); if ("all".equalsIgnoreCase(action)) { PrintWriter out = response.getWriter(); response.setContentType("application/json"); out.print(new ProductDAO().getAllCatBrandSize()); } else if ("cat".equalsIgnoreCase(action)) { PrintWriter out = response.getWriter(); response.setContentType("application/json"); String vals = request.getParameter("cat"); if ("".equalsIgnoreCase(vals)) { out.print(new ProductDAO().getAllProducts()); } else { List<Integer> ids = new ArrayList<Integer>(); for (String val : vals.split(",")) { ids.add(Integer.parseInt(val)); } out.print(new ProductDAO().getAllProductsFromSelectedCategory(ids)); } } } /** * Handles the HTTP * <code>POST</code> method. * * @param request servlet request * @param response servlet response * @throws ServletException if a servlet-specific error occurs * @throws IOException if an I/O error occurs */ @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } /** * Returns a short description of the servlet. * * @return a String containing servlet description */ @Override public String getServletInfo() { return "Short description"; }// </editor-fold>
}
jsp <%-- Document : TCSBLUE Created on : Jan 8, 2013, 1:54:03 PM Author : ignite415 --%> <%@page import="com.tcs.ignite.app.beans.User"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Online Mens Shoes.com</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="Bootstrap2.2/css/bootstrap.css" /> <link rel="stylesheet" href="Bootstrap2.2/css/bootstrap-responsive.css" /> <link rel="stylesheet" href="Bootstrap2.2/css/sticky.css" /> <link rel="stylesheet" href="CSS/style.css" /> <style> body{ background: url('Bootstrap2.2/img/background-homenew.png'); background-repeat: repeat-x; background-color: #E3E3E3; } </style> <!--[if IE]><link rel="stylesheet" type="text/css" href="Bootstrap2.2/css/ie.css" /><![endif]--> <style> input[type=checkbox]{ margin-left: 50px; } .thumbnail img{ width: 300px; height: 200px; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $.getJSON('get','act=all',function(data){ var cats = data.cat; for(var i=0;i<cats.length;i++){ $('#category').find('.controls').append('<input type="checkbox" name="cat" value="'+cats[i].id+'"> '+cats[i].name+' (<a href="#">'+cats[i].count+'</a>)<br>'); } var products = data.products; for(var i=0;i<products.length;i++){ if(i%3==0){ var li = '<li style="margin-left:-0%" class="span4">' +'<div class="thumbnail">' +'<img data-src="holder.js/300x200" alt="" src="products/'+products[i].path+'">' +'<h4>'+products[i].name+'</h4>' + '<p>'+products[i].desc+'</p>' +'<p>'+products[i].price+'</p>' +'<input type="button" class="btn btn-primary" value="add to cart"/>'+'</div></li>'; //+'<input type="button"value="view details"/>' +'<input type="button" class="btn btn-primary" value="add to cart"/>'+'</div></li>'; $('.thumbnails').append(li); }else { var li = '<li style="margin-left:-0%" class="span4">' +'<div class="thumbnail">' +'<img data-src="holder.js/300x200" alt="" src="products/'+products[i].path+'">' +'<h4>'+products[i].name+'</h4>' + '<p>'+products[i].desc+'</p>' +'<p>'+products[i].price+'</p>' //+'<input type="button"value="view details"/>' +'<input type="button" class="btn btn-primary" value="add to cart"/>'+'</div></li>'; $('.thumbnails').append(li); } } $('.collapse').collapse(); }); $('#category').on('change','input[type=checkbox]',function(){ var val = new Array(); $('#category').find('input[type=checkbox]:checked').each(function(){ val[val.length] = $(this).val(); }); $.getJSON('get','act=cat&cat='+val.toString(),function(data){ $('ul.thumbnails').html(''); for(var i=0;i<data.length;i++){ var li = '<li style="margin-left:-0%" class="span4">' +'<div class="thumbnail">' +'<img data-src="holder.js/300x200" alt="" src="products/'+data[i].path+'">' +'<h4>'+data[i].name+'</h4>' + '<p>'+data[i].desc+'</p>' //+'<input type="button" value="view details"/>' +'<input type="button" class="btn btn-primary"value="add to cart"/>'+'</div></li>'; $('.thumbnails').append(li); } }); }); }); </script> </head> <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse-header" style="margin-top: 12px;"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#"> <div class="logo"><img src="images/logo.jpg"></div> Stylish.com <BR> <div id="indian"> India's Largest Online Shoe Store</div> </a> <div class="search" <form class="form-search"> <div class="input-append"> </div> </from> </div> <div class=" nav-collapse nav-collapse-header collapse navbar-responsive-collapse"> <ul class="nav "> <li><a href="home.jsp" rel="tooltip" data-placement="bottom" data-original-title=""><i class="icon-home"></i> Home</a></li> <li><a href="next2.jsp" rel="tooltip" data-placement="bottom" data-original-title=""><i class="icon-bullhorn"></i> Men's</a></li> <li><a href="aboutus.jsp" rel="tooltip" data-placement="bottom" data-original-title=""><i class="icon-font"></i> About us</a></li> <li><a href="#myfeedback" data-toggle="modal" rel="tooltip" data-placement="bottom" data-original-title="Sign in"><i class="icon-user"></i> Feedback</a></li> </ul> <ul class="nav pull-right"> <% User user = (User) request.getSession().getAttribute("user"); String msg = (String) request.getAttribute("msg"); if (msg != null) { out.print("<script>alert('" + msg + "')</script>"); } if (user == null) { %> <ul class="nav pull-right"> <li><a href="#myModal" data-toggle="modal" rel="tooltip" data-placement="bottom" data-original-title="Sign in"><i class="icon-user"></i> Sign in</a></li> <li><a href="register.jsp" data-placement="bottom" data-original-title="Sign Up"><i class="icon-thumbs-up"></i> Sign Up</a></li> </ul> <%} else {%> <h4>Welcome <%= user.getName()%></h4><br> <a href="Login1">Logout</a> <%}%> <li class="dropdown"> </li> </ul> </div><!-- /.nav-collapse --> </div> </div> </div> <div class="container"> <div class="content"> <div class="wrapper"> <div class="proper-content"> <div class="row"> <div class="span12"> <div class="row-fluid"> <div class="well" styln-height:e="mi 640px; margin-bottom: 66px; margin-top: 71px; height: 1387px; width: 894px; margin-left: 95px;" > <div class="row-fluid"> <div class="span12"> <div class="span8 pull-right"> <div class="products"> <ul class="thumbnails"> </ul> </div> </div> <div class="span4"> <div class="accordion" id="accordion1"> <div class="accordion-group"> <div class="accordion-heading"> <a href="#category" data-parent="#accordion1" class="accordion-toggle" data-toggle="collapse">Category</a> </div> <div class="accordion-body collapse in" id="category"> <div class="controls"> </div> </div> </div> <!-- <div class="accordion-group"> <div class="accordion-heading"> <a href="#size" data-parent="#accordion1" class="accordion-toggle" data-toggle="collapse">Size</a> </div> <div class="accordion-body collapse in" id="size"> <div class="controls"> </div> </div> </div>--> </div> </div> </div> </div> </div> </div> </div> </div><!-- /.proper-content --> <div class="push"></div> </div><!-- /.wrapper --> <div class="footer-wrapper"> <footer> <div style="width: 901px; margin-top: -72px; margin-bottom: 5px; margin-left: 92px;" class="navbar-inner"> <div class="pull-left"> <small>© 2010-2013 Tata Consultancy Services Limited. All Rights Reserved</small> <br/> <small> <a rel="nofollow" target="_blank" href="http://www.tcs.com/contact/Pages/default.aspx">Contact us</a> | <a rel="nofollow" target="_blank" href="http://www.tcs.com/disclaimer/Pages/default.aspx">Disclaimer</a> | <a rel="nofollow" target="_blank" href="http://www.tcs.com/privacy/Pages/default.aspx">Privacy Policy</a> </small> <br/> </div> <div class="pull-right"> <a target="_blank" style="cursor: pointer;" href="http://www.tcs.com"><img src="Bootstrap2.2/img/icon-tata-white.png"/></a> </div> </div> </footer> </div> </div> </div> <!--Modals--> <!--Sign in--> <div id="myModal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false"> <div class="modal-header"> <a class="pull-right" data-dismiss="modal" aria-hidden="true"><i class="icon-remove" style="cursor: pointer"></i></a> <h3><i class="icon-th-large pull-left" style="margin-right: 10px;margin-top: 8px"></i>sign In</h3> </div> <div class="modal-body"> <form id="fbForm2" class="form-horizontal cmxform" name="fbForm2" method="post" action='Login1'> <div class="control-group"> <label class="control-label" for="inputEmail">Email:</label> <div class="controls"> <input type="text" id="inputEmail" name="inputEmail" placeholder="Email" class="required email"> </div> </div> <div class="control-group" style="margin-bottom: 15px;"> <label class="control-label" for="inputPassword">Password:</label> <div class="controls"> <input type="password" id="inputPassword1" name="inputPassword1" placeholder="Password" class="required" minlength="8" style="margin-bottom: 10px;"> <br> <input type="checkbox"> Remember me </div> </div> <div class="control-group"> <div class="controls"> <button id="signIn" type="submit" class="btn btn-primary" style="margin-right: 10px;">Sign In</button> <!--<button class="btn" href="fbForm2">Sign Up</button>--> </div> </div> <div class="control-group"> <div class="controls"> </div> </div> <div class="register"> <a href="register.jsp"> for new user </a></div> </form> </div> </div> <div class="modal-footer"> <div class="register"> <a href="register.jsp"> for new user </a> <div> </div> </div> <script src="JQuery/jQuery1.8.3.js"></script> <script src="Bootstrap2.2/js/bootstrap.js"></script> <script> $(function() { $('li a').tooltip({delay:{show: 750, hide: 100}}); }); </script> </body> </html>