从数据库中查询出来的图片按表格的…

最新推荐文章于 2022-06-07 22:02:54 发布
最新推荐文章于 2022-06-07 22:02:54 发布
阅读量630 收藏 1
点赞数
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z278718149/article/details/21950405
版权

从数据库中查询出来的图片jsp页面的代码是方法有两种，一是：jsp页面中包含有java代码

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="zhao.ai.nan.bean.newsPaper"%>
<%@ page import="java.util.List"%>
<!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=gb2312" />
  <title>无标题文档</title>
 </head>

 <body>
  <table border="0" align="center">
   <%
    List list = (List) request.getAttribute("list");
    int a = list.size() / 4;
    int b = list.size() % 4;
    for (int i = 0; i < a; i++) {
   %>
   <tr>
    <%
     for (int j = 0; j < 4; j++) {
       newsPaper p = (newsPaper) list.get(4 * i + j);
    %>
    <td width="220">
     <div align="center">
      <p>
       <a href="#" target='_blank'><img src="<%=p.getPhoto()%>"
         width="150" height="150" border="0" />
       </a>
      </p>
      <p style='font-size: 18px; margin-top: -15px;'>
       <a href="#" target='_blank'><font color='#05006c'><%=p.getName()%></font>
       </a>
      </p>
      <p style='font-size: 18px; LINE-HEIGHT: 1.3em; margin-top: -15px;'><%=p.getYearPrice()%>元/年
      </p>
      <p style='font-size: 18px; LINE-HEIGHT: 1.3em; margin-top: -15px;'>
       <a href="#" target='_blank'>订购</a>
      </p>
      <br />
     </div>
    </td>
    <%
     }
    %>
   </tr>
   <%
    }
    if (b != 0) {
   %>
   <tr align="left">
    <%
     for (int i = 0; i < b; i++) {
       newsPaper p = (newsPaper) list.get(4 * a + i);
    %>
    <td width="220">
     <div align="center">
      <p>
       <a href="#" target='_blank'><img src="<%=p.getPhoto()%>"
         width="150" height="150" border="0" />
       </a>
      </p>
      <p style='font-size: 18px; margin-top: -15px;'>
       <a href="#" target='_blank'><font color='#05006c'><%=p.getName()%></font>
       </a>
      </p>
      <p style='font-size: 18px; LINE-HEIGHT: 1.3em; margin-top: -15px;'><%=p.getYearPrice()%>元/年
      </p>
      <p style='font-size: 18px; LINE-HEIGHT: 1.3em; margin-top: -15px;'>
       <a href="#" target='_blank'>订购</a>
      </p>
      <br />
     </div>
    </td>
    <%
     }
    %>
   </tr>
   <%
    }
   %>

  </table>
 </body>
</html>

第二种方法是：jsp页面中不包含java代码：

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ page import="zhao.ai.nan.bean.newsPaper"%>
<%@ page import="java.util.List"%>
<!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=gb2312" />
  <title>无标题文档</title>
  </head>

 <body>
  <table border="0" align="center">
   <tr>
    <c:forEach var="p" items="${list}" varStatus="s">
     <td width="220">
      <div align="center">
       <p>
        <a href="#" target='_blank'><img src="${p.photo}"
          width="150" height="150" border="0" />
        </a>
       </p>
       <p style='font-size: 18px; margin-top: -15px;'>
        <a href="#" target='_blank'><font color='#05006c'>${p.name}</font>
        </a>
       </p>
       <p
        style='font-size: 18px; LINE-HEIGHT: 1.3em; margin-top: -15px;'>
        ${p.yearPrice}元/年
       </p>
       <p
        style='font-size: 18px; LINE-HEIGHT: 1.3em; margin-top: -15px;'>
        <a href="#" target='_blank'>订购</a>
       </p>
      </div>
     </td>
     <c:if test="${s.count%4 == 0}">
   </tr>
   <tr>
    </c:if>
    </c:forEach>
   </tr>
  </table>
 </body>
</html>
显示结果如图所示：

 

从数据库中查询出来的图片按表格的形式输出

z278718149
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
数据库查询SQL与图片预览
09-01
数据sql多表关联查询 图片预览功能 数据库SQL等等
查询数据库中的图片文件
tianxiu11的博客
05-27 3749
开发工具与关键技术：vs2015 MVC 作者：陈星宇 撰写时间：2019.5.26 当我们将图片类型的数据保存到数据库中，保存的并不是图片文件，而是一个二进制数据的文件流，这里我教大家如何读取数据库的二进制数组的文件流。 首先我们得在body中放一个IMG标签，用于读取数据生成图片的一个空间， 我们让这个IMG标签的SRC属性为空，等会我们用方法设置SRC我们的图片就出来了，我们还要给这个I...
从数据库中查找Image图片并显示。
ar7043的专栏
07-22 1289
v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);} Normal 0 false 7.8 磅
Linux下通过c操作mysql（向数据库的表中存储图片并进行查询）
weixin_52259848的博客
06-07 249
Linux下通过c操作mysql（向数据库的表中存储图片并进行查询）
怎样获取数据库中的图片
liyong1028826685的专栏
03-17 1028
下面来总结一下今天在做SinaWeibo这个项目的时候所遇到的问题。 问题： 这个不是我们自己写的数据库来储存图片，这里是利用Android给我们提供的数据库来对图片及其他音乐文件等。这里Android提供我们使用的不是直接对数据库进行操作而是使用ContentProvider来对数据库进行了封装，那么怎样来使用Contentprovider来查询我们需要的图片资...
易语言-MYSQL数据库分页查询源码（高级表格显示）
06-29
总的来说，"易语言-MYSQL数据库分页查询源码（高级表格显示）"是一个实用的开发资源，它展示了如何在易语言环境中高效地与MYSQL数据库交互，实现数据的分页查询和高级展示，这对于开发需要处理大量数据的应用程序来...
从sql数据库中导出图片
03-18
对于每一条记录，都会构建一个BCP命令，该命令将从数据库中查询出指定主键对应的图片数据，并将其导出到指定路径下以主键命名的文件中。如果`@file`参数是以`.`开头，则直接使用这个扩展名；否则，假设表中有一个...
创建数据库.rar_-baijiahao_E4A DB数据库_e4a创建目录_e4a数据库 图片_e4a数据库表格
07-14
本文将详细讲解如何在E4A中创建数据库，并涵盖从检测数据库文件到创建数据表的全过程。 首先，我们要理解E4A中的数据库概念。E4A支持SQLite数据库，这是一种轻量级的关系型数据库，适用于移动设备。SQLite数据库...
vc往access mdb数据库表中插入图片.visual c++
02-28
本项目"vc往access数据库表中插入图片"显然关注的是如何通过VC++程序将图像数据存储到Access数据库的特定表中。Access的MDB文件是基于Jet数据库引擎的，它支持多种数据类型，包括BLOB（Binary Large Object）类型，...
vue实现的上传图片到数据库并显示到页面功能示例
12-29
本文实例讲述了vue实现的上传图片到数据库并显示到页面功能。分享给大家供大家参考，具体如下： 1、点击上传图片，弹出选择图片选项框。 页面代码： 上传图片 <input type=file name=avatar id=avatar multiple=...
读取数据库中数据，在页面上直接显示图片（点击该图片变大）
u010078133的专栏
12-19 4397
1.js根据ID查找该图片表 function bindControlColumn(value) {     var s = value.split(",");     if (s[0] == s[1]) {         var imghtml = "";         //        var fjsm = selData[i].fjsm;      
Java从数据库读取图片
一起摆摊啊
06-20 1万+
之前讲了如何将图片上传到数据库，我们是通过将图片转换为二进制数组再保存进数据库的，数据库字段使用的是LONGBLOB类型。那么今天来说一下怎么将保存进去的图片读取到页面上。 由于其他数据与图片返回的类型不同，所以图片信息是不与其他文字信息一起返回给页面的。先在Dao中写查询方法 public Trends findTrendsById(int trendsid) { Trends tren...
从数据库提取图片文件显示到前端页面的一种方法
热门推荐
haiyangzhou01的博客
12-08 3万+
前言：上一篇写了如何从前端页面上传图片文件到mysql数据库，这篇写的就是如何将图片文件从数据库取出来，显示到前端页面一、图片是以blob的类型存到数据库的，所以在取的时候可以利用rs.getBytes()的方法来提取，这里的 rs 是jdbc从数据库查询出来结果集。下面是通过传来bookid,来将图片显示到一个servlet的方法1&gt;dao层方法package com.bookstore....
查询已存入数据库中的图片，并显示出来
weixin_30472035的博客
08-28 393
思路：在存的时候同时存入其图片信息。查询时可以直接调用并显示。 BOOL Load(CString sFilePathName); BOOL Load(UINT ResourceName, LPCSTR ResourceType); BOOL LoadPictureData(BYTE* pBuffer, int nSize); BOOL L...
sysobjects的表结构
06-19 273
在数据库内创建的每个对象（约束、默认值、日志、规则、存储过程等）在表中占一行。只有在   tempdb   内，每个临时对象才在该表中占一行。         name   sysname   对象名。       Id   int   对象标识号。       xtype   char(2)   对象类型。可以是下列对象类型中的一种：       C   =   CHECK   约束     D
云数据库模型的图片或者表格
最新发布
09-20
云数据库模型常用的表格模型是关系型数据库（RDBMS），也称为SQL数据库。它使用表格来存储和组织数据，表格由行和列组成。每个表格代表一个实体或者是一个关系，每一行代表一个记录，每个列代表一个属性。表格之间...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值