JavaWeb给前端发送数据并把商品信息在页面中展示

这篇具有很好参考价值的文章主要介绍了JavaWeb给前端发送数据并把商品信息在页面中展示。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

补充需求:

1.请求转发

2.把商品信息传输到页面中进行展示

此次项目步骤

登陆注册完成后,使用session的方法和JSTL标签和EL表达式完成需求;

java数据展示,前端,http,网络协议 

Goods实体类(商品表) 

package com.chen.bean;

public class Goods {
    private Integer gid;
    private String gname;
    private Double price;
    private String mark;
    //无参构造函数
    public Goods() {
    }

    //set和get方法
    public Integer getGid() {
        return gid;
    }

    public void setGid(Integer gid) {
        this.gid = gid;
    }

    public String getGname() {
        return gname;
    }

    public void setGname(String gname) {
        this.gname = gname;
    }

    public Double getPrice() {
        return price;
    }

    public void setPrice(Double price) {
        this.price = price;
    }

    public String getMark() {
        return mark;
    }

    public void setMark(String mark) {
        this.mark = mark;
    }

    //toString方法
    @Override
    public String toString() {
        return "Goods{" +
                "gid=" + gid +
                ", gname='" + gname + '\'' +
                ", price=" + price +
                ", mark='" + mark + '\'' +
                '}'+'\n';
    }
}

login.java页面  (存储信息,转发请求)

java数据展示,前端,http,网络协议

GoodsDao.java页面(JDBC查询并把数据存储到Goods对象再添加到集合中)

package com.chen.dao.impl;

import com.chen.bean.Goods;
import com.chen.util.JDBCUtil;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

public class GoodsDao {
    private Connection con = null;//数据库连接对象
    private PreparedStatement pstm = null;//预处理对象
    private ResultSet rs = null;//结果集对象
    private int row = 0;

    public List<Goods> selectAll(){
        List<Goods> goodslist = new ArrayList<>();
        try{
           con= JDBCUtil.getCon();
            String sql = "select * from t_goods";
            pstm = con.prepareStatement(sql);
            rs = pstm.executeQuery();
            while(rs.next()){
                //把当前数据行中的数据取出来,存储到Goods对象中
                Goods goods = new Goods();
                goods.setGid(rs.getInt("gid"));
                goods.setGname(rs.getString("gname"));
                goods.setPrice(rs.getDouble("price"));
                goods.setMark(rs.getString("mark"));
                //把Goods对象存储到集合中
                goodslist.add(goods);
            }
        }catch(Exception e){
            e.printStackTrace();
        }finally{
            JDBCUtil.close(rs,pstm,con);
        }
        return goodslist;
    }
}

 SelectAllGoods.java页面(商品信息在页面展示)

package com.chen.servlet;

import com.chen.bean.Goods;
import com.chen.dao.impl.GoodsDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/selectAllGoods")
public class SelectAllGoods extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.设置请求和响应的编码
        request.setCharacterEncoding("utf-8");//设置请求的编码格式
        response.setCharacterEncoding("utf-8");//设置响应的编码格式
        System.out.println("SelectAllGoods...doPost");
        //去查询数据库中商品信息表中的数据
        GoodsDao goodsDao = new GoodsDao();
        List<Goods> goodlist = goodsDao.selectAll();
        System.out.println(goodlist);
        response.sendRedirect("zhuye.jsp");
    }
}

java数据展示,前端,http,网络协议

 zhuye.jsp

java数据展示,前端,http,网络协议

运行后跳转到浏览器 

主页 

java数据展示,前端,http,网络协议 

登录 

java数据展示,前端,http,网络协议 

跳转 

 java数据展示,前端,http,网络协议

数据库表 

java数据展示,前端,http,网络协议 

控制台日志信息 java数据展示,前端,http,网络协议

 文章来源地址https://www.toymoban.com/news/detail-535805.html

到了这里,关于JavaWeb给前端发送数据并把商品信息在页面中展示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • Spring Boot + Vue的网上商城之商品信息展示

    当实现一个Spring Boot + Vue的网上商城的商品信息展示时,可以按照以下步骤进行: 后端实现: 创建一个Spring Boot项目,并添加所需的依赖,包括Spring Web和Spring Data JPA。 创建一个实体类来表示商品信息,并在数据库中创建相应的表。 创建一个数据访问接口,继承自JpaRepositor

    2024年02月09日
    浏览(18)
  • 【ASP.NET Web】项目实践—网上宠物店8:制作“商品展示”页面

    【ASP.NET Web】项目实践—网上宠物店8:制作“商品展示”页面

    网站通过 Products.aspx 页面展示所销售的宠物。 分析商品展示页面的界面: 内容实现,要写在占位符控件中。 分析产品展示页面的功能: Products.aspx 页面使用一个 DataList 控件,以两列的形式展示商品,每个商品包括商品名称、描述、价格、图片等信息。此外,页面显示哪一类

    2024年02月06日
    浏览(25)
  • 如何使用Vue实现Excel表格数据的导入,在前端实现Excel表格文件的上传和解析,并使用Table组件将解析出来的数据展示在前端页面上

    随着互联网的发展和社会的进步,各个行业的数据量越来越大,对于数据的处理变得越来越重要。其中,Excel表格是一种重要的数据处理工具。在前后端项目中,实现Excel表格的导入和导出功能也愈加常见。这篇文章将介绍如何使用Vue实现Excel表格数据的导入。 在开始介绍实现

    2024年02月11日
    浏览(17)
  • 第五天:前端页面展示不出来

    第五天:前端页面展示不出来

    但是我这个 展示不来 首先想到的是,前端传值的问题 然后排查到前端 传值是正确的 传值的话,开始debugger 页面没有,然后找他的父页面,父页面是有值的 然后找父 方法内部debugger 发现第三步有值了,刚点错路径 了 之后的话排查 后端 找sql 语句 发现还是没有 然后 发现数

    2024年02月08日
    浏览(8)
  • 1688 API接口分享:抓取商品详情数据 商品采集接口代码展示

    接口名称:item_get-获得1688商品详情    开发进度:已完成✔ 公共参数 名称 类型 必须 描述 key String 是 调用key(必须以GET方式拼接在URL中) secret String 是 调用密钥 api_name String 是 API接口名称(包括在请求地址中)[item_search,item_get,item_search_shop等] cache String 否 [yes,no]默认yes,将

    2023年04月21日
    浏览(13)
  • 博客园页面展示--前端及样式代码

    博客园页面展示--前端及样式代码

    这是一个博客园的首页面的展示前端代码和样式代码 样式代码CSS采用外部链接,建好文件直接复制运行vscode即可,话不多说,直接上代码 前端代码如上所示,简单编写了几个模块,下面是CSS样式代码 样式代码中,方便学习,添加了较多的  完毕。

    2023年04月22日
    浏览(10)
  • 前端Vue页面中如何展示本地图片

    前端Vue页面中如何展示本地图片

    我们使用img标签展示图片,src属性设置成图片请求路径 \\\"http://localhost:8888/image/img.jpg\\\" 的格式,也就是会向后端发送这个请求获取图片。 但是图片是存放在本地的某个文件里,那如何才能找到呢? 这就需要对这个请求的路径进行映射,以找到真正的存放图片的地址。

    2024年02月04日
    浏览(10)
  • 前端Vue自定义精美商品分类组件category 可用于电商应用分类页面

    前端Vue自定义精美商品分类组件category 可用于电商应用分类页面

    随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单

    2024年02月14日
    浏览(10)
  • 【Web前端】千年之恋注册页面——源代码展示

    【Web前端】千年之恋注册页面——源代码展示

    目录 一、案例图 二、源代码 2.1 html部分 2.2 css部分 2.3 全部代码(直接运行) 三、效果呈现​编辑 本篇文章我们来实现一个千年之恋的登录注册页面(仅使用了HTML+CSS),这个案例充分使用到了表单标签,这对于刚学习表单标签的朋友练习难度刚刚好,接下来我们来看看如何实现

    2024年02月11日
    浏览(83)
  • CRM项目为新增用户设置对应的前端校验规则并发送Axios请求到后端将表单数据提交用户信息------CRM项目

    template     el-button type=\\\"primary\\\" @click=\\\"addUser()\\\"新增用户/el-button     el-button type=\\\"danger\\\"批量删除/el-button     el-table         :data=\\\"userList\\\"         style=\\\"width: 100%\\\"         @selection-change=\\\"handleSelectionChange\\\"             !-- 复选框    --         el-table-column type=\\\"selection\\\" width=\\\"33%\\\"

    2024年02月19日
    浏览(9)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包