JavaWeb之更新一条数据,显示到页面

最新推荐文章于 2023-12-14 10:09:42 发布

破晓Dawn

最新推荐文章于 2023-12-14 10:09:42 发布

阅读量1.1k

点赞数 1

分类专栏： javaweb增删改查文章标签： javaweb

本文链接：https://blog.csdn.net/qq_41093260/article/details/118372042

版权

本文介绍了一个JavaWeb应用中更新数据的过程。首先，根据按钮点击，携带ID跳转到回显页面显示原有邮箱信息。接着，用户保存更改后，请求更新Servlet，通过Service和DAO层实现数据更新，并重定向到展示页面。整个流程涉及JSP、Servlet、Service和DAO的交互，实现了数据的修改与回显。

摘要由CSDN通过智能技术生成

需求

根据按钮点击修改之后,跳转修改页面,且回显原邮箱信息.
点击保存,更改邮箱信息.

分析

jsp
1. 点击之后携带id跳转到回显的servlet
2. 修改jsp,点击保存,请求更新servlet
servlet
1. 回显servlet
  1. 设置响应编码
  2. 取到页面id
  3. 根据id调用service的findByIdEmail(id)方法,返回email对象
  4. 将email存入request域,跳转到updateEmail.jsp页面
2. 更新servlet
  1. 设置请求编码
  2. 获取页面所有值,封装为map
  3. 封装对象,调用BeanUtils.populate
  4. 调用service的updateByIdEmail(email)方法
  5. 重定向到show页面
service
1. 回显
  将id转为int型
  调用dao的findByIdEmail(id)方法,返回Email对象
2. 更新
  调用dao的updateEmail(email)方法
dao
1. 回显
  定义SQL
  调用template.queryForObject方法,返回Email对象
2. 更新
  定义SQL
  调用template.update方法

代码实现

jsp页面

       <a href="#">
            <span class="glyphicon glyphicon-edit" οnclick="updateEmail(${email.id})"></span>
        </a>
//更新一条记录,获取id
    function updateEmail(id){
        location.href="${pageContext.request.contextPath}/email/showByIdEmail?id="+id;
    }

updateEmail页面

<!doctype html>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>修改邮箱信息</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" >
    <style>
        . {
            margin: 0;
            padding: 0;
        }
    </style>

</head>
<body>
<!--导航条-->
<div style="margin-bottom: -30px;">
    <nav class="navbar navbar-inverse" >
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">行情来了管理系统</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li ><a href="#">会员管理 <span class="sr-only">(current)</span></a></li>
                    <li class="active"><a href="#"&

最低0.47元/天解锁文章

破晓Dawn

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb之更新一条数据,显示到页面

需求根据按钮点击修改之后,跳转修改页面,且回显原邮箱信息.点击保存,更改邮箱信息.分析jsp点击之后携带id跳转到回显的servlet修改jsp,点击保存,请求更新servletservlet回显servlet设置响应编码取到页面id根据id调用service的findByIdEmail(id)方法,返回email对象将email存入request域,跳转到updateEmail.jsp页面更新servlet设置请求编码获取页面所有值,封装为map封装对
复制链接

扫一扫

专栏目录