Dynamisch zeigen Sie mehrere Bilder aus der Datenbank zu jsp?

Hallo Liebe stack overflowers.

Ich bin festgefahren auf einen bestimmten Teil von einem Projekt und bin auf der Suche für ein paar Ratschläge.

Habe ich eine Foto-Galerie-Seite in jsp, die eingerichtet ist, zeigen Sie alle Angebote von Foto-Alben und die Fotos in Ihnen, basierend auf den Benutzer von Interesse sind. Es ist derzeit so eingerichtet, dass alles, was "Foto" - option ausgewählt ist, werden umgeleitet auf eine andere jsp mit Ausgabestrom-Decodierung auf dieser Seite. Jedoch, um zu sehen, ein Foto oder Bild, die der Benutzer hat, um zu gehen "zurück", um die Foto-Galerien-Seite und wählen Sie ein anderes Bild für ein neues Foto.

Gibt es eine Möglichkeit, einzustellen, bis der Galerien-Seite, so dass alle die Fotos werden dynamisch angezeigt, auf der Seite ODER gibt es evtl. eine Möglichkeit, eine Richtung auf dem display.jsp-Seite, so dass die Benutzer können einfach klicken Sie auf Sie von einem Foto zum nächsten?????

Code ist unten.

<div id="subSlideshow">
                <table>
                    <tr>
                        <td id="subpageSlideshow">
                            <table>
                                <tr>
                                    <td>
                                        <h1 id="subpageTitle">Galleries</h1>
                                            <form action="gallery" method="get">
                                                <%try{
                                                  Connection conn = GalleriesConnection.connect();
                                                  Statement st = conn.createStatement();
                                                  String sql = "SHOW TABLES IN GALLERIES;";
                                                  ResultSet rs = st.executeQuery(sql);
                                                  while(rs.next()){%>
                                                  <input class="wineDiv" type="submit" name="gallery" value="<%=rs.getString(1).toLowerCase() %>" />
                                                  <%} 
                                                  rs.close();
                                                  st.close();
                                                  GalleriesConnection.close(conn);
                                                  } 

                                                catch(Exception e){

                                                  }%>
                                            </form>
                                        <td>
                                    </tr>
                                <tr>                                    
                                    <td>
                                        <h1 id="subpageTitle">Images</h1>
                                        <form  action="pictures/display.jsp">
                                        <%try{
                                          Connection conn = GalleriesConnection.connect();
                                          Statement st = conn.createStatement();
                                          String sql = "SELECT PHOTO_NAME FROM "+gallery+" ;";
                                          ResultSet rs = st.executeQuery(sql);

                                          while(rs.next()){   
                                          String photoName = rs.getString(1);
                                          %>
                                            <input class="wineDiv" type="submit" name="photo" value="<%=photoName %>" />  
                                        <%   }
                                          rs.close();
                                          st.close();
                                          GalleriesConnection.close(conn);

                                        } catch(Exception e){                                               
                                        }%>
                                        </form>
                                    </td>
                                </tr>
                            </table>    


                        </td>
                        <td id="subpageInfo">
                            <h1 id="subpageTitle">Click on an image to see a larger view</h1>
                            <div id="slider">
                             <script src ="js/slides.js" type="text/javascript"></script>
                                <img id="1" src="pictures/winery_image1.jpg"  />
                                <img id="2" src="pictures/winery_image2.jpg" />
                                <img id="3" src="pictures/winery_image3.jpg" />
                                <img id="4" src="pictures/winery_image4.jpg" />
                                <img id="5" src="pictures/winery_image5.jpg" />
                            </div>   

                            <input class="previous" onclick="prev(); return false;" value="Previous Image" />
                            <input class="next" onclick="next(); return false;" value="Next Image" />                                               
                        </td>
                    </tr>
                </table>
            </div> 

Alle die Aktion auf der Seite ist innerhalb dieses div. Die erste Verbindung Befehl ruft alle Tabellennamen in der Datenbank und spuckt die Tabelle die Namen auf submit-buttons. Darüber hinaus werden die Bilder, die derzeit aufgeführt in der subpageInfo sind eine der gewünschten stellen auf, wo möchte ich Bilder aus der Datenbank eingebettet werden. Sie machen ein nettes kleines fadeOut() fadeIn() transition, wenn die Tasten next und previous ausgewählt werden.

Die zweite Verbindung wird alle Namen der Fotos und stellt Sie in form unterwirft, als gut. Ausgewählte Foto-Namen gesendet werden zu dieser Seite:

<%@ page import="java.sql.*"%>
<%@ page import="java.io.*"%>

<% 
 byte[] imgData = null;
%>
<jsp:scriptlet>
String photo = request.getParameter("photo");
</jsp:scriptlet>
<%
try {
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost:8889/GALLERIES","myusername","mypassword");
Statement stmt = con.createStatement();
ResultSet rs = stmt.executeQuery("SELECT PHOTO FROM PHOTOS WHERE PHOTO_NAME = '"+photo+"';");

while (rs.next()) {
Blob image = rs.getBlob(1);
imgData = image.getBytes(1,(int)image.length());
}  
//display the image
response.setContentType("image/png");
OutputStream o = response.getOutputStream();
o.write(imgData);
o.flush();
o.close();

rs.close();
stmt.close();
con.close();
} catch (Exception e) {
out.println("Unable To Display image");
out.println("Image Display Error=" + e.getMessage());
return;
} 
%>

Dieses Programm tut alles, was Sie ist aufgefordert, zu tun, aber ich bin mit einigen Schwierigkeiten auf, so dass es mehr Benutzer freundlich. Der gewünschte Effekt ist entweder einbetten der Bilder in die subpageInfo div oder haben einige Richtlinien über die Anzeige.jsp-Seite auf, um zu gehen von einem Bild zum nächsten.

Wie immer jegliche Hilfe wird sehr geschätzt.

InformationsquelleAutor user1888771 | 2013-07-23