当前位置：首页 > news >正文

【搭建JavaEE】（3）前后端交互,请求响应机制，JDBC数据库连接

news 2025/6/10 11:12:44

前后端交互

在这里插入图片描述

Apache Tomat

在这里插入图片描述

B/S目前主流。

在这里插入图片描述

tomat包含2部分：

apache
容器

在这里插入图片描述

再认识servlet

在这里插入图片描述

抽象出的开发模式

在这里插入图片描述

项目创建配置

maven +javaee+tomcat

忽略一些不用的文件

在这里插入图片描述

webapp文件夹

在这里插入图片描述

HiServlet

在这里插入图片描述

这里面出现了webinfo，这个别删因为这个呢，是这这个这个文件特别重要。

在这里插入图片描述

Url–>uri(抽象)

虚拟地址——web.xml

在这里插入图片描述

TOmat启动前

在这里插入图片描述

注解版–SuperHiSevlet

在这里插入图片描述

*请求-响应

MyRequestServlet

在这里插入图片描述

HttpServletRequest

在这里插入图片描述

获取前端数据

  request.getParameter("前端参数")

form表单中name属性

<input name='username' value='abc'>

a标签

<a href='localhost:8099/deep?name=abc&pass=123'

在这里插入图片描述

获取多个数据

获取请求方法

获取头

HttpServletRequest.class

在这里插入图片描述

package com.ffyc.servlet;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.Arrays;
import java.util.Enumeration;@WebServlet(value = "/req")
public class MyRequestServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse resp) throws ServletException, IOException {String name = request.getParameter("name");String username = request.getParameter("username");System.out.println(name + ":" + username);System.out.println("------------------------------------------");String methodName = request.getMethod();System.out.println("method名称:" + methodName);String[] hobbies = request.getParameterValues("hobby");//多个数据System.out.println("爱好:" + Arrays.toString(hobbies));Enumeration<String> headerNames = request.getHeaderNames();System.out.println("----请求头----------------------");while(headerNames.hasMoreElements()){System.out.println(headerNames.nextElement());}}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet(req, resp);}
}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试请求</title>
</head>
<body><a href="http://localhost:8099/deep/req?name=abc">测试请求</a><hr/><form action="http://localhost:8099/deep/req" method="post"><input type="text" name="username" placeholder="请输入用户名"><input type="checkbox" name="hobby" value="basket-ball">basket-ball<input type="checkbox" name="hobby" value="TV">TV<input type="checkbox" name="hobby" value="GAME">GAME<input type="submit" value="提交">

请求乱码问题

 request.setCharacterEncoding("utf-8");

过滤器–切面

在这里插入图片描述

过滤器–不同的功能块

在这里插入图片描述

配置 .xml

插在servlet之前响应

在这里插入图片描述

后台响应

乱码问题(HttpServletResponse)

servletRequest.setCharacterEncoding("utf-8");
servletResponse.setContentType("text/html;charset=utf-8");
filterChain.doFilter(servletRequest, servletResponse);

在这里插入图片描述

登录页面

在这里插入图片描述

过滤器

在这里插入图片描述

import javax.servlet.*;
import java.io.IOException;public class CodingFilter implements Filter {@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {servletRequest.setCharacterEncoding("utf-8");servletResponse.setContentType("text/html;charset=utf-8");filterChain.doFilter(servletRequest, servletResponse);}
}

在这里插入图片描述

映射–index.html（LoginServlet.java）

在这里插入图片描述

《没有Web包》

在这里插入图片描述

代码

在这里插入图片描述

LoginServlet.java

package com.ffyc.servlet;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;@WebServlet(value = "/login.do")
public class LoginServlet extends HttpServlet {final String USERNAME = "admin";final String PASSWORD = "123";@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String username = req.getParameter("username");String password = req.getParameter("password");if (USERNAME.equals(username) && PASSWORD.equals(password)) {//successresp.sendRedirect("login-success.html");} else {//loginresp.sendRedirect("index.html");}}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet(req, resp);}
}

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录页面</title>
</head>
<body><form action="http://localhost:8099/login.do" method="post"><fieldset><legend>用户登录</legend><div><input type="text" name="username" placeholder="用户名"></div><div><input type="password" name="password" placeholder="密码"></div><div><input type="submit" value="登录"><input type="reset" value="取消"></div></fieldset>
</form></body>
</html>

login-success.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录成功页面</title>
</head>
<body><img src="https://img95.699pic.com/photo/40236/5997.jpg_wh300.jpg"/><h1>登录成功</h1></body>
</html>

CodingFilter.java

package com.ffyc.filter;import javax.servlet.*;
import java.io.IOException;public class CodingFilter implements Filter {@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {servletRequest.setCharacterEncoding("utf-8");servletResponse.setContentType("text/html;charset=utf-8");filterChain.doFilter(servletRequest, servletResponse);}
}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"version="4.0"><filter><filter-name>charset</filter-name><filter-class>com.ffyc.filter.CodingFilter</filter-class></filter><filter-mapping><filter-name>charset</filter-name><url-pattern>*.do</url-pattern></filter-mapping>
</web-app>

JDBC

在这里插入图片描述

引入JDBC

       <dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.33</version></dependency>

在这里插入图片描述

创建表

在这里插入图片描述

创建用户类

  <dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.18.34</version></dependency>

在这里插入图片描述

@Data
public class User {private Integer id;private String username;private String password;private String name;
}

在这里插入图片描述

    private final String USERNAME="root";private final String PASSWORD = "123456";private final String URL ="jdbc:mysql://localhost:3306/kingdom_db?useSSL=true&useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai";

    try {Class.forName("com.mysql.cj.jdbc.Driver");conn = DriverManager.getConnection(URL, USERNAME, PASSWORD);} catch (Exception e) {throw new RuntimeException(e);}

在这里插入图片描述

5
在这里插入图片描述

UserDaolmpl.java

package com.ffyc.dao.impl;import com.ffyc.dao.IUserDao;
import com.ffyc.entity.User;import java.sql.*;/*** 与数据库交互*/
public class UserDaoImpl implements IUserDao {private final String USERNAME = "root";private final String PASSWORD = "123456";private final String URL ="jdbc:mysql://localhost:3306/stu_db?useSSL=true&useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai";private Connection conn;private PreparedStatement pst;private ResultSet rs;public UserDaoImpl() {try {Class.forName("com.mysql.cj.jdbc.Driver");conn = DriverManager.getConnection(URL, USERNAME, PASSWORD);} catch (Exception e) {throw new RuntimeException(e);}}@Overridepublic User findUsernameAndPassword(String username, String password) {try {String sql = "Select * FROM user_tab WHERE user_username=? AND user_password=?";pst = conn.prepareStatement(sql);pst.setString(1,username);pst.setString(2, password);rs = pst.executeQuery();if(!rs.next()){return null;}else{Integer id =  rs.getInt("user_id");String u = rs.getString("user_username");String p = rs.getString("user_password");String name = rs.getString("user_name");User user = new User();user.setId(id);user.setUsername(u);user.setPassword(p);user.setName(name);return user;}} catch (Exception e) {throw new RuntimeException(e);}}
}

【搭建JavaEE】（3）前后端交互,请求响应机制，JDBC数据库连接

前后端交互 Apache Tomat B/S目前主流。 tomat包含2部分： apache容器再认识servlet 抽象出的开发模式项目创建配置 maven javaeetomcat 忽略一些不用的文件 webapp文件夹 HiServlet 这里面出现了webinfo，这个别删因为这个呢，是这这个这…...

编程日记 2025/1/15 16:34:26

项目概述、开发环境搭建（day01）

软件开发整体介绍软件开发流程第1阶段: 需求分析需求规格说明书， 一般来说就是使用 Word 文档来描述当前项目的各个组成部分，如：系统定义、应用环境、功能规格、性能需求等，都会在文档中描述。产品原型，一般是通过…...

编程日记 2025/1/15 16:33:22

车联网安全--TLS握手过程详解

目录 1. TLS协议概述 2. 为什么要握手 2.1 Hello 2.2 协商 2.3 同意 3.总共握了几次手？ 1. TLS协议概述车内各ECU间基于CAN的安全通讯--SecOC，想必现目前多数通信工程师们都已经搞的差不多了（不要再问FvM了）；…...

编程日记 2025/1/15 16:31:09

【python】OpenCV—Extract Horizontal and Vertical Lines—Morphology

文章目录 1、功能描述2、代码实现3、效果展示4、完整代码5、参考更多有趣的代码示例，可参考【Programming】 1、功能描述基于 opencv-python 库，利用形态学的腐蚀和膨胀，提取图片中的水平或者竖直线条 2、代码实现导入基本的库函数 im…...

编程日记 2025/1/15 16:30:02

Redis十大数据类型详解

Redis（一） 十大数据类型 redis字符串（String） string是redis最基本的类型，一个key对应一个value string类型是二进制安全的，意思是redis的string可以包含任何数据。例如说是jpg图片或者序列化对象一个re…...

编程日记 2025/1/15 16:29:00

Open FPV VTX开源之betaflight配置 1. 源由2. 配置3. 总结4. 参考资料5. 补充 - 飞控固件版本 1. 源由飞控嵌入式OSD - ardupilot配置使用betaflight配套OSD图片。 Choose correct font depending on Flight Controller SW. ──> /usr/share/fonts/├──> font_btfl…...

编程日记 2025/1/15 16:27:55

AT32 bootloader程序与上位机程序

从8051到stm32, 从串口下载到JLINK调试，从keil到arm-none-eabi-gcc,从"Hello wrold"到通信协议，一路起来已学会很多，是时候写一下bootloader了。基本原理单片机代码编译完后可以生成".hex"和".bin"文件&…...

编程日记 2025/1/15 16:26:54

数据结构与算法之栈: LeetCode 151. 反转字符串中的单词 (Ts版)

反转字符串中的单词 https://leetcode.cn/problems/reverse-words-in-a-string/ 描述给你一个字符串 s ，请你反转字符串中单词的顺序单词是由非空格字符组成的字符串。s 中使用至少一个空格将字符串中的单词分隔开返回单词顺序颠倒且单词之间用单个空…...

编程日记 2025/1/15 16:25:52

使用 configparser 读取 INI 配置文件

使用 configparser 读取 INI 配置文件适合于读取 .ini 格式的配置文件。配置文件示例 (config.ini): [DEFAULT] host localhost port 3306 [database] user admin password secret import configparser# 创建配置解析器 config configparser.ConfigParser()# 读取配…...

编程日记 2025/1/15 16:24:47

idea 自动导包，并且禁止自动导（java.io.）

自动导包配置进入 idea 设置，可以按下图所示寻找位置，也可以直接输入 auto import 快速定位到配置。 Add unambiguous imports on the fly：自动帮我们优化导入的包Optimize imports on the fly：自动去掉一些没有用到的包禁止导…...

编程日记 2025/1/15 16:23:46

RK3588-NPU pytorch-image-models 模型编译测试

RK3588-NPU pytorch-image-models 模型编译测试一.背景二.操作步骤1.下载依赖2.创建容器3.安装依赖4.创建脚本A.生成模型名列表B.生成ONNX模型C.生成RKNN模型D.批量测试脚本一.背景测试RK3588-NPU对https://github.com/huggingface/pytorch-image-models.git中模型的支持程…...

编程日记 2025/1/15 16:21:43

低代码从“产品驱动”向“场景驱动”转型，助力数字化平台构建

一、前言在数字化时代的大潮中，从宏观层面来看，新技术的落地速度不断加快，各行各业的数字化进程呈现出如火如荼的态势。而从微观层面剖析，企业面临着行业格局快速变化、市场竞争日益激烈以及成本压力显著增强等诸多挑战。据专…...

编程日记 2025/1/15 16:19:41

相加交互效应函数发布—适用于逻辑回归、cox回归、glmm模型、gee模型

在统计分析中交互作用是指某因素的作用随其他因素水平变化而变化，两因素共同作用不等于两因素单独作用之和(相加交互作用)或之积(相乘交互作用)。相互作用的评估是尺度相关的：乘法或加法。乘法尺度上的相互作用意味着两次暴露的综合效应大于（…...

编程日记 2025/1/15 16:18:40

用gpg和sha256验证ubuntu.iso

链接 https://ubuntu.com/tutorials/how-to-verify-ubuntuhttps://releases.ubuntu.com/jammy/ 本文是2的简明版 sha256sum介绍 sha256sum -c SHA256SUMS 2>&1这段脚本的作用是验证文件的 SHA-256 校验和。具体来说，命令的各个部分含义如下： …...

编程日记 2025/1/15 16:16:38

深入解析 ZooKeeper：分布式协调服务的原理与应用

1.说说 Zookeeper 是什么？ ZooKeeper 是一个开源的分布式协调服务，由 Apache Software Foundation 开发维护。它为构建分布式应用程序提供了一套简单且高效的协调接口。ZooKeeper 的设计目的是为了简化分布式系统中常见的任务，例如命名、配置…...

编程日记 2025/1/15 16:12:34

【Rust自学】11.10. 集成测试

喜欢的话别忘了点赞、收藏加关注哦，对接下来的教程有兴趣的可以关注专栏。谢谢喵！(･ω･) 11.10.1. 什么是集成测试在Rust里，集成测试完全位于被测试库的外部。集成测试调用库的方式和其他代码一样，这也…...

编程日记 2025/1/15 16:11:32

对当前日期进行按年、按月、按日的取值

对当前日期进行按年、按月、按日的取值。其规则为： 按年为当前日期到来年同一日期的前一天（2024-12-01到2025-11-30）。按月为当前日期到下个月的同一日期的前一天 （2024-12-01 到 2024-12-31）。按日为当前日…...

编程日记 2025/1/15 16:10:29

【Rust自学】12.2. 读取文件

12.2.0. 写在正文之前第12章要做一个实例的项目——一个命令行程序。这个程序是一个grep(Global Regular Expression Print)，是一个全局正则搜索和输出的工具。它的功能是在指定的文件中搜索出指定的文字。这个项目分为这么几步： 接收命令行参数读…...

编程日记 2025/1/15 16:09:25

C++内存泄露排查

内存泄漏是指程序动态分配的内存未能及时释放，导致系统内存逐渐耗尽，最终可能造成程序崩溃或性能下降。在C中，内存泄漏通常发生在使用new或malloc等分配内存的操作时，但没有正确地使用delete或free来释放这块内存。在日常开发过程…...

编程日记 2025/1/15 16:07:20

Http 响应状态码前后端联调

http 响应状态码 ：是服务器在处理HTTP请求时返回的状态信息，用于表示请求的处理结果 1xx : 信息性状态码 100 Continue: 服务器已收到请求头部，客户端应继续发送请求体。 101 Switching Protocols : 切换协议。服务器已理解客户端的请求&a…...

编程日记 2025/1/15 16:06:18

链结构与工作量证明7️⃣：用 Go 实现比特币的核心机制

链结构与工作量证明：用 Go 实现比特币的核心机制如果你用 Go 写过区块、算过哈希，也大致理解了非对称加密、数据序列化这些“硬核知识”，那么恭喜你，现在我们终于可以把这些拼成一条完整的“区块链”。不过别急，这一节我们重点搞懂两件事：区块之间是怎么连接成“链”…...

编程新知 2025/6/10 3:56:31

vue3+el-table 利用插槽自定义数据样式

<el-table-column label"匹配度" prop"baseMatchingLevel"><template #default"scope"><div :style"{ color: scope.row.baseMatchingLevel > 0.8 ? #00B578 : #FA5151 }">{{ scope.row.baseMatchingLevel }}&l…...

编程新知 2025/6/10 0:04:26

如何处理React中表单的双向数据绑定？

在前端开发中，双向数据绑定（Two-way Data Binding）是指视图（View）与数据模型（Model）之间保持同步：当模型发生变化时，视图会自动更新；当视图（用户输…...

编程新知 2025/6/9 23:27:23

编程笔记---问题小计

编程笔记 qml ProgressBar 为什么valuemodel.progress / 100 在QML中，ProgressBar的value属性用于表示进度条的当前进度值，其范围通常为0到1（或0%到100%）。当使用model.progress / 100来设置value时，这样做的原因是为…...

编程新知 2025/6/9 22:42:04

Kaggle-Predicting Optimal Fertilizers-(多分类+xgboost+同一特征值多样性)

Predicting Optimal Fertilizers 题意： 给出土壤的特性，预测出3种最佳的肥料数据处理： 1.有数字型和类别型，类别不能随意换成数字，独热编码。cat可以直接处理category类型。 2.构造一些相关土壤特性特征 3.由于la…...

编程新知 2025/6/9 21:47:14

Pycharm 函数注释

1 Docstring format File -> Settings -> Tools -> Python Integrated Tools -> Docstrings -> Docstring format，选择google File -> Settings -> Editor -> General -> Smart Keys -> Insert type placeholders in the documenta…...

编程新知 2025/6/9 21:21:57

多线程语音识别工具

软件介绍本文介绍一款支持大厂接口的语音转文字工具，具备免配置、免费使用的特点。软件特性该工具是一款完全免费的桌面端应用程序，部署于开源社区平台，其核心优势在于整合了多家技术供应商的接口资源。操作方式用户只需将音频…...

编程新知 2025/6/9 21:07:07

2025 cs144 Lab Checkpoint 3: TCP Receiver

文章目录 1 关于TCP Sender1.1 关键机制重传超时（RTO）与定时器 2 实现TCP Sender2.1 void push（ const TransmitFunction& transmit ）;const TransmitFunction& transmit 函数型参数？从哪里读取字节&#xff1…...

编程新知 2025/6/9 20:37:44

上位机知识篇---网页端实现

一、网页端基础概念网页的本质网页是通过浏览器展示的超文本（HTML）内容，依赖 HTTP/HTTPS 协议进行数据传输。组成要素： 结构层（HTML）：定义页面内容和语义（如标题、段落、列表等&a…...

编程新知 2025/6/9 19:19:19

18-Oracle 23ai JSON二元性颠覆传统

在当今百花齐放的多模型数据库时代，开发人员常在关系型与文档型数据库间艰难取舍。Oracle Database 23ai推出的JSON关系二元性（JSON Relational Duality） 和二元性视图（Duality Views） 创新性地统一了两者优势…...

编程新知 2025/6/9 18:29:05

前后端交互

Apache Tomat

再认识servlet

项目创建配置

忽略一些不用的文件

webapp文件夹

HiServlet

*请求-响应

HttpServletRequest

获取前端数据

获取多个数据

获取请求方法

获取头

请求乱码问题

过滤器–不同的功能块

后台响应

乱码问题(HttpServletResponse)

登录页面

代码

LoginServlet.java

index.html

login-success.html

CodingFilter.java

web.xml

JDBC

引入JDBC

创建表

创建用户类

UserDaolmpl.java

相关文章：