Web期末复习指南（2w字总结）

前端 0

前言：本文旨在梳理Web技术常包含的内容，阅读完整篇文章后会对整体有个系统的认知，从前端的HTML到后端的MySql，对于大概试题中可能会涉及的地方都有所分析，通篇提供了许多代码案例，供读者更好的理解。对于一些很细节的东西如DOM对象、MySql的案例等等，笔者很想继续分享下去，但是受限于篇幅的原因只能点到为止，后面会考虑继续补充，争取覆盖到全部的知识点。

目录

一.HTML&CSS

▐ TABLE标签

▐ FORM表单

▐ CSS的引入方式

▐ CSS的三种选择器

二.JavaScript

▐ 常见BOM&DOM操作

三.JSP

▐ JSP的内置对象

GET和POST的区别

forward和redirect的区别

▐ EL表达式

四.Servlet

五.JavaBean&JDBC

▐ JDBC

六.MySql——CRUD

▐ Create（创建）

▐ Read（读取）

▐ Update（更新）

▐ Delete（删除）

一.HTML&CSS

这部分内容主要包含了静态页面的设计，首先关于基础的概念需要了解。HTML部分需要了解常用的标签，基础的HTML文档的格式。

基础的标签有

a定义超链接
img定义图像
h1~h6标题标签
br换行
div定义文档中的节（片段）
p定义段落
style定义文档的样式信息
table定义表格
title定义文档的标题
video定义嵌入的视频内容
img定义嵌入的图片
from定义供用户输入的表单

更多的标签可以查看官方文档：HTML 标签参考手册 (w3school.com.cn)

▐ TABLE标签

以下面的李白的表格结构为例子，需要对整个结构有大致的规划。

首先，整个HTML由 head 和 body 俩部分组成，内容都在 body 里实现，table 标签用来指定表格，在表格内部 tr 标签表示行，在每一行中定义表格的单元类型，单元类型有俩种，分别是标准单元格 td 和表头单元格 th ，th 元素中的文本通常呈现为粗体并且居中，td 元素中的文本通常是普通的左对齐文本。但 th 可以让内容字体变粗。在 td 列标签中有 rowspan 属性设置单元格可纵跨的行数，colspan 属性定义单元格应该横跨的列数。

另外在 img 标签中可以通过 src 属性定义图片的地址，可以是相对地址也可以是绝对地址，也包含互联网地址

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body>    <table border="1px" cellspacing="1" width="800" height="400">        <tr>            <th>编号</th>            <td>101</td>            <th>性别</th>            <td>男</td>            <td rowspan="3" width="300px"><img src="https://ts1.cn.mm.bing.net/th/id/R-C.cdd6a89f24527c242061088967ade23c?rik=0S8wjp6vo3D3ew&riu=http%3a%2f%2fwww.askququ.com%2fuploads%2fallimg%2f200126%2f1_200126212832_1.jpg&ehk=s9kqLYNEYZ6sUXi%2bXugFkxCy%2b%2bYuJJgs6heq2blHRjE%3d&risl=&pid=ImgRaw&r=0" width="300px"></td>        </tr>        <tr>            <th>姓名</th>            <td colspan="3">李白</td>        </tr>        <tr>            <th>特长</th>            <td colspan="3">浪漫主义诗人</td>        </tr>    </table></body></html>

实际效果：

▐ FORM表单

还有就是表单项的相关内容

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>个人信息</title>    <style>        div {            width: 33%;            margin: 0 auto;        }    </style></head><body>    <div>        <h1>个人信息录入</h1>        <form action="" method="post">            姓名：<input type="text" name="name"><br><br>            密码：<input type="password" name="password"><br><br>            确认密码：<input type="password" name="password"><br><br>            性别：<label><input type="radio" name="sex">男</label>                <label><input type="radio" name="sex">女</label><br><br>            年龄：<input type="number" name="age"><br><br>            语言：<label><input type="checkbox" name="language" value="Java">Java</label>                <label><input type="checkbox" name="language" value="C">C</label>                <label><input type="checkbox" name="language" value="lua">lua</label>                <label><input type="checkbox" name="language" value="Python">Python</label><br><br>            照片：<input type="file" name="photo"><br><br>            生日：<input type="date" name="brithday"><br><br>            时间：<input type="time" name="time"><br><br>            日期以及时间：<input type="datetime-local" name="datetime-local"><br><br>            邮箱：<input type="email" name="email"><br><br>            学历：<select name="degree">                <option value="">请选择您的学历...</option>                <option value="1">初中</option>                <option value="2">高中</option>                <option value="3">本科</option>                <option value="4">硕士</option>                <option value="5">博士</option>            </select><br><br>            个人简介：<textarea name="information"cols="30" rows="10"></textarea><br><br>            <input type="hidden" name="id">            <!-- 按钮 -->            <input type="button" value="确认按钮"><br><br> <!-- 无意义 -->            <input type="reset" value="重置">            <input type="submit" value="提交">        </form>    </div></body><script>    var passwd = getElementsByName('password');    alert(passwd[0]);    alert(passwd[1]);</script></html>

实际效果：

在HTML标签中可以直接使用相对应的CSS样式的属性，这部分需要了解的基础的CSS样式，CSS的引入方式，还有三种选择器。

基础的CSS样式比如：字体大小变化、文字加下划线、设置对齐方式

字体大小变化（设置对应的占的像素）

h1 {	font-size:40px;}h2 {	font-size:30px;}p {	font-size:14px;}

设置字体的粗细：

p.normal {	font-weight:normal;}p.thick {	font-weight:bold;}p.thicker {	font-weight:900;}

设置文本的对齐方式：

div{    text-align: left; - 文本左对齐。    text-align: right; - 文本右对齐。    text-align: center; - 文本居中对齐。    text-align: justify; - 文本两端对齐，常用于打印文档。}

设置文本下划线：

<style>    .underline {        text-decoration: underline;    }</style>

▐ CSS的引入方式

首先是CSS的引入方式，分为三种：

  1. 外部样式：即CSS代码保存在外部，HTML文件通过 link 标签引用这个外部样式表

  2. 内部样式：整体放在 head 标签，在 style 标签内写CSS代码

  3. 行内样式：直接在HTML元素内通过对应标签的属性值使用 style

外部样式：

<link rel="stylesheet" href="../css/news.css">

内部样式：

<style>    h1 {       color: #4d4f53;    }</style>

行内样式：

<h1 style="color: #4d4f53;">this is luming</h1>

▐ CSS的三种选择器

对于CSS样式，我们可以对其归类，方便我们统一管理调用，即选择器。选择器分为以下三种

元素选择器：

<span>2024年01月18日 09:01</span> <span>央视</span>

注：span 标签无任何含义，仅仅只是用作布局，效果同 div

id选择器：

<span id="timer1">2024年01月18日 09:01</span> <span>央视</span>
#timer1 {    color: #8888AA;}

在标签内部我们可以设置它的id属性，然后在 style 中使用 “#” 来访问这个id所对应的标签，从而设置它的样式

类选择器：

<span class="time">2024年01月18日 09:01</span> <span>央视</span>
.time {    color: red;}

在标签内部我们可以设置它的所属的类，然后在 style 中使用 “.” 来访问这个类所包含的标签，从而设置它的样式

优先级：id选择器 > 类选择器 > 元素选择器

二.JavaScript

JavaScript的引入方式分为以下三种：

内联方式：直接在HTML页面中嵌入JavaScript代码，使用 script 标签将JavaScript代码放置在HTML文件的 head 或 body 标签内。例如：

<head>  <script>    // JavaScript代码  </script></head>

这种方式适用于较小的脚本或临时性的代码

外部文件方式：将JavaScript代码保存在一个独立的外部文件中，然后使用 script 标签的src属性将文件引入到HTML页面中。例如：

<head>  <script src="script.js"></script></head>

在外部文件中编写JavaScript代码，可以提高代码的可维护性和重用性。

内部方式：将JavaScript代码直接嵌入HTML文件的 script 标签内，但不使用src属性引入外部文件。例如：

<head>  <script>    // JavaScript代码  </script></head>

▐ 常见BOM&DOM操作

BOM（Browser Object Model）是指浏览器对象模型，是JavaScript中与浏览器交互的一组对象的集合。BOM提供了一系列的对象，用于操作浏览器窗口和浏览器本身。最常用的BOM对象就是window对象，alert() confim() 方法都是window的内置对象

DOM（文档对象模型）是浏览器用来表示网页文档的对象模型，通过DOM，JavaScript可以访问和操作网页中的元素和属性。最常见的就是与document相关的方法，他们都属于DOM操作，比如

  1. getElementsByClassName()：根据元素的class属性获取DOM节点。

  2. getElementsByTagName()：根据元素的标签名获取DOM节点。

还常用的DOM操作就是事件监听，我们可以设置对应的函数当我们监听的事件执行后自动执行，比如鼠标点击等，比如密码校验常常都是基于此。

常见的事件：

  1. onclick：鼠标单击事件

  2. onblur：元素失去焦点

  3. onfocus：元素获得焦点

  4. onsubmit：当表单提交时触发该事件

用密码校验的例子可以很好的锻炼这方面的掌握度

这个页面包含了以下功能：

  • 在确认密码输入框失去焦点时（onblur事件），会自动验证密码是否一致，并在输入框后显示红色错误提示。

  • 在四级成绩输入框失去焦点时，会自动验证成绩是否在0到710之间，并在输入框后显示红色错误提示。

  • 在手机号输入框失去焦点时，会自动验证手机号格式是否正确，并在输入框后显示红色错误提示。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>表单验证示例</title>    <style>        body {            font-family: Arial, sans-serif;            margin: 0;            padding: 20px;            background-color: #f4f4f4;        }        .container {            max-width: 500px;            margin: auto;            background: white;            padding: 20px;            border-radius: 8px;            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);        }        h2 {            text-align: center;            margin-bottom: 20px;        }        .form-group {            margin-bottom: 15px;        }        .form-group label {            display: block;            margin-bottom: 5px;        }        .form-group input {            width: 100%;            padding: 8px;            box-sizing: border-box;        }        .form-group input[type="submit"] {            background-color: #007bff;            color: white;            border: none;            cursor: pointer;        }        .form-group input[type="submit"]:hover {            background-color: #0056b3;        }        .error {            color: red;            margin-top: 5px;        }    </style></head><body>    <div class="container">        <h2>用户注册</h2>        <form id="registrationForm" onsubmit="return validateForm()">            <div class="form-group">                <label for="name">姓名:</label>                <input type="text" id="name" name="name" required>            </div>            <div class="form-group">                <label for="password">密码:</label>                <input type="password" id="password" name="password" required>            </div>            <div class="form-group">                <label for="confirmPassword">确认密码:</label>                <input type="password" id="confirmPassword" name="confirmPassword" required onblur="validatePassword()">                <div class="error" id="passwordError">密码不匹配</div>            </div>            <div class="form-group">                <label for="score">四级成绩:</label>                <input type="text" id="score" name="score" required onblur="validateScore()">                <div class="error" id="scoreError">成绩必须在0到710之间</div>            </div>            <div class="form-group">                <label for="phone">手机号:</label>                <input type="text" id="phone" name="phone" required onblur="validatePhone()">                <div class="error" id="phoneError">无效的手机号</div>            </div>            <div class="form-group">                <input type="submit" value="提交">            </div>        </form>    </div>    <script>        function validatePassword() {            const password = document.getElementById('password').value;            const confirmPassword = document.getElementById('confirmPassword').value;            const passwordError = document.getElementById('passwordError');            if (password !== confirmPassword) {                passwordError.style.display = 'block';            } else {                passwordError.style.display = 'none';            }        }        function validateScore() {            const score = document.getElementById('score').value;            const scoreError = document.getElementById('scoreError');            if (isNaN(score) || score < 0 || score > 710) {                scoreError.style.display = 'block';            } else {                scoreError.style.display = 'none';            }        }        function validatePhone() {            const phone = document.getElementById('phone').value;            const phoneError = document.getElementById('phoneError');            const phonePattern = /^1[3-9]/d{9}$/;            if (!phonePattern.test(phone)) {                phoneError.style.display = 'block';            } else {                phoneError.style.display = 'none';            }        }        function validateForm() {            validatePassword();            validateScore();            validatePhone();            const passwordError = document.getElementById('passwordError').style.display === 'none';            const scoreError = document.getElementById('scoreError').style.display === 'none';            const phoneError = document.getElementById('phoneError').style.display === 'none';            return passwordError && scoreError && phoneError;        }    </script></body></html>

其中：

display: block; - 元素会被渲染成块级元素，它会在页面上占据一整行，宽度默认填满父元素的宽度，除非指定了宽度。块级元素可以设置宽度和高度。display: none; - 元素不会被渲染到页面上，也不会占据任何空间。这相当于将元素隐藏。

最终效果：

三.JSP

JSP（JavaServer Pages）是一种基于Java的服务器端技术，用于创建动态网页。JSP允许在HTML中嵌入Java代码，并由服务器在请求时生成动态内容。对于JSP内容首先要了解的就是JSP的基础语法。

基本用法：使用 <% ... %> 标签进行包裹Java代码，在服务端执行。

<%     int count = 5;     out.println("Count is " + count);%>

表达式：使用 <%= ... %> 包裹的Java代码，在服务端执行并输出结果。

<%= new java.util.Date() %>

注释：JSP注释使用 <%-- ... --%>，不会在客户端显示。

<%-- This is a JSP comment --%>

▐ JSP的内置对象

常用的内置对象有以下几个，需要掌握他们如何进行数据的交互的

  1. request：表示客户端请求，包含请求参数、请求头信息等。

  2. response：表示服务器响应，允许设置响应状态、响应头和输出内容。

  3. out：用于输出内容到客户端。

  4. session：表示用户会话，允许在会话中存储用户数据。

  5. application：表示Servlet上下文，允许在应用范围内存储数据。

以requset举例：

可以使用 request.getParameter(name) 获取单个请求参数，request.getParameterValues(name) 获取多个参数值，request.getParameterNames() 获取所有参数名称。

<%// 获取单个参数String username = request.getParameter("username");out.println("用户名: " + username);// 获取多个参数值（例如复选框）String[] hobbies = request.getParameterValues("hobbies");if (hobbies != null) {    for (String hobby : hobbies) {        out.println("爱好: " + hobby);    }}// 获取所有参数名称java.util.Enumeration paramNames = request.getParameterNames();while (paramNames.hasMoreElements()) {    String paramName = (String) paramNames.nextElement();    String paramValue = request.getParameter(paramName);    out.println(paramName + ": " + paramValue);}%>

可以使用 request.setAttribute(name, value) 设置请求属性，request.getAttribute(name) 获取请求属性。

<%// 设置请求属性request.setAttribute("message", "Hello, JSP!");// 获取请求属性String message = (String) request.getAttribute("message");out.println("消息: " + message);%>

这些内置对象在使用方法上大同小异，拿session来说，他相关的方法也同上

可以使用 session.setAttribute(name, value) 设置会话属性，session.getAttribute(name) 获取会话属性，session.removeAttribute(name) 移除会话属性。

<%// 设置会话属性session.setAttribute("username", "JohnDoe");// 获取会话属性String username = (String) session.getAttribute("username");out.println("用户名: " + username);// 移除会话属性session.removeAttribute("username");%>

GET和POST的区别

GET和POST是两种常用的HTTP请求方法，用于向服务器发送数据。它们在表单提交时有几个重要的区别：

GET: 数据附加在URL后，以查询字符串的形式传输。查询字符串位于URL的末尾，以?开头，参数之间用&分隔。例如：

http://example.com/form?name=JohnDoe&age=25

POST: 数据在请求体中传输，不会显示在URL中。这种方式更安全，因为数据不容易被第三方看到。

GET方式的劣势在于：传输的数据只能是字符串，对数据类型具有一定限制，传输数据的值会在浏览器地址栏里面被看到，秘密性要求很严格的数据(如密码)，不应该用 URL 方法来传值。

GET方式的优势在于：简单性和平台支持的多样性(没有浏览器不支持 URL)

forward和redirect的区别

forward 方法属于服务器端去请求资源，服务器直接访问目标地址，并对该目标地址的响应内容进行读取，再把读取的内容发给浏览器，因此客户端浏览器的地址不变

redirect 是告诉客户端，使浏览器知道去请求哪一个地址，相当于客户端重新请求一 遍。所以地址显示栏会变

  1. 从数据权限来说，forward 转发的页，以及转发到的目标页面能够共享 request 里面的数据。redirect 转发的页以及转发到的目标页面不能共享 request 里面的数据，需要通过在URL后进行拼接才能传数据。

  2. 从请求的范围来说，forward 方法只能在同一个 Web 应用程序内的资源之间转发请求，可以理解为服务器内部的一种操作。redirect 能够重定向到当前应用程序的其他源，而且还能够重定向到同一个站点上的其他应用程序中的资源，甚至是使用绝对 URL 重定向到其他站点的资源。

  3. 从效率来说：forward 效率较高，因为跳转仅发生在服务器端。redirect 相对较低，因为类似于再进行了一次请求。

▐ EL表达式

EL（Expression Language，表达式语言）是一种在 JSP（JavaServer Pages） 和 JSF（JavaServer Faces）等 Java Web 应用框架中使用的语言。它提供了一种简单的方式来访问和操作 JavaBean 属性、集合、数组、映射等数据结构，以及通过简洁的语法执行简单的操作和函数调用。

假设有一个 User JavaBean：

public class User {    private String name;    private int age;    // Getter and Setter methods    public String getName() { return name; }    public void setName(String name) { this.name = name; }    public int getAge() { return age; }    public void setAge(int age) { this.age = age; }}

在 JSP 中，可以使用 EL 表达式来访问 User 对象的属性：

<jsp:useBean id="user" class="com.example.User" scope="session" /><%    user.setName("John Doe");    user.setAge(30);%><p>姓名: ${user.name}</p><p>年龄: ${user.age}</p>

假设有一个 List 对象：

List<String> names = new ArrayList<>();names.add("Alice");names.add("Bob");request.setAttribute("names", names);

在 JSP 中，可以使用 EL 表达式来访问集合内容：

<p>第一个名字: ${names[0]}</p><p>第二个名字: ${names[1]}</p>

还可以使用forEach遍历整个集合

<c:forEach var="item" items="${resultList}">    <tr>        <td>${item.id}</td>        <td>${item.username}</td>        <td>${item.password}</td>        <td>${item.information}</td>        <td>${item.hobby}</td>    </tr></c:forEach>

四.Servlet

Servlet 是 Java EE（Java Enterprise Edition）平台的一部分，用于创建动态 Web 应用程序。Servlet 是在服务器端运行的 Java 程序，它通过处理 HTTP 请求并生成响应来扩展服务器的功能。

Servlet 是实现 javax.servlet.Servlet 接口的类。通常，开发者不直接实现该接口，而是扩展 javax.servlet.http.HttpServlet 类。

在Servlet中常用到其中的 doGet() 和 doPost() 用来处理前台表单的提交，常常是以下的形式：

import com.mysql.cj.jdbc.Driver;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.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import java.sql.Statement;/** * @Author Luming * @Date 2024/5/15 13:56 * @Description: */@WebServlet("/InsertServlet")public class InsertServlet extends HttpServlet {    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {                String url = "jdbc:mysql://127.0.0.1:3306/WebTest";        String user = "user1";        String passwd = "123456";//登录数据库密码        String username = request.getParameter("username");        String password = request.getParameter("password");        String information = request.getParameter("information");        String[] hobbies = request.getParameterValues("hobby");        String hobby = String.join(",", hobbies); // 使用逗号作为分隔符                try {            // 加载JDBC驱动程序            Class.forName("com.mysql.jdbc.Driver");            //1、注册驱动            Driver driver = new com.mysql.jdbc.Driver();            DriverManager.registerDriver(driver);            //2.获取连接            Connection connection = DriverManager.getConnection(url, user, passwd);            //3、获取数据库操作对象            Statement statement = connection.createStatement();            //4.sql语句            String sql = "insert into user_info (username, password, information, hobby) " +                    "VALUES ('" + username + "', '" + password + "', '" + information + "', '" + hobby + "')";            //5.执行sql语句后的结果            int count = statement.executeUpdate(sql);                    } catch (SQLException | ClassNotFoundException e) {            throw new RuntimeException(e);        }                request.getRequestDispatcher("SelectServlet").forward(request,response);    }}
import Pojo.User;import com.mysql.cj.jdbc.Driver;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.sql.*;import java.util.ArrayList;import java.util.List;/** * @Author Luming * @Date 2024/5/15 20:01 * @Description: */@WebServlet("/SelectServlet")public class SelectServlet extends HttpServlet {    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {                String url = "jdbc:mysql://127.0.0.1:3306/WebTest";        String user = "user1";        String passwd = "123456";//登录数据库密码                try {            // 加载JDBC驱动程序            Class.forName("com.mysql.jdbc.Driver");            //1、注册驱动            Driver driver = new com.mysql.jdbc.Driver();            DriverManager.registerDriver(driver);            //2.获取连接            Connection connection = DriverManager.getConnection(url, user, passwd);            //3、获取数据库操作对象            Statement statement = connection.createStatement();            //4.sql语句            String sql = "select * from user_info";            //5.执行sql语句后的结果            ResultSet resultSet = statement.executeQuery(sql);            //6.封装            List<User> userList = new ArrayList<>();            while (resultSet.next()) {                User userTemp = new User();                userTemp.setId(resultSet.getInt("id"));                userTemp.setUsername(resultSet.getString("username"));                userTemp.setPassword(resultSet.getString("password"));                userTemp.setInformation(resultSet.getString("information"));                userTemp.setHobby(resultSet.getString("hobby"));                userList.add(userTemp);            }            // 将 userList 存储到 request 中，方便在 JSP 中使用            request.setAttribute("userList", userList);        } catch (SQLException e) {            throw new RuntimeException(e);        } catch (ClassNotFoundException e) {            throw new RuntimeException(e);        }        request.getRequestDispatcher("Table.jsp").forward(request,response);    }}

▐ Servlet的生命周期

主要并包含以下主要阶段：加载和实例化、初始化、请求处理、销毁。

1.加载和实例化

  • Servlet 容器在启动时或第一次接收到请求时加载 Servlet 类，并创建 Servlet 实例。
  • 这个过程只发生一次，除非 Servlet 被重新加载。

2.初始化

  • 容器调用 Servlet 的 init 方法来进行初始化。
  • init 方法接收一个 ServletConfig 对象作为参数，包含 Servlet 的配置信息。
  • 初始化过程用于执行任何一次性设置，如资源分配或配置参数读取。 
    public class MyServlet extends HttpServlet {    public void init(ServletConfig config) throws ServletException {        super.init(config);        // 执行初始化任务    }}

3.处理请求

  • 每次客户端请求到达时，容器会为该请求调用 Servlet 的 service 方法。
  • 对于 HttpServlet，service 方法根据请求类型（如 GET、POST 等）调用对应的 doGet、doPost 等方法。 
    public class MyServlet extends HttpServlet {    protected void doGet(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        // 处理 GET 请求    }    protected void doPost(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        // 处理 POST 请求    }}

4.销毁

  • 当 Servlet 容器决定卸载 Servlet（通常是在容器关闭或应用程序停止时），它会调用 Servlet 的 destroy 方法。
  • destroy 方法用于清理资源，例如关闭数据库连接、释放内存等。
  • 这个过程也只发生一次。 
    public class MyServlet extends HttpServlet {    public void destroy() {        // 清理资源    }}

五.JavaBean&JDBC

JavaBean 是一种符合特定约定的 Java 类，主要用于封装数据。

JavaBean 的特性

  1. 无参数构造方法：JavaBean 必须有一个无参数的构造方法。这个构造方法可以是显式声明的，也可以是隐式提供的（如果没有声明任何构造方法）。

  2. 私有属性：JavaBean 的属性应该是私有的，避免外部直接访问。这样可以通过 getter 和 setter 方法来控制属性的访问和修改。

  3. 公共的 getter 和 setter 方法：每个属性都应该有对应的公共的 getter 和 setter 方法。getter 方法用于获取属性值，setter 方法用于设置属性值。

public class PersonBean {    private String name;    private int age;    // 无参数构造方法    public PersonBean() {    }    // Getter 方法    public String getName() {        return name;    }    // Setter 方法    public void setName(String name) {        this.name = name;    }    // Getter 方法    public int getAge() {        return age;    }    // Setter 方法    public void setAge(int age) {        this.age = age;    }}

例如我们可以设置这样的的一个JavaBean来配合上面的Servlet来使用（这里使用了lombok注解是为了节约篇幅，一个一个的手动去写get和set方法也是可以的）

package Pojo;import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;/** * @Author Luming * @Date 2024/5/15 20:17 * @Description: */@Data@AllArgsConstructor@NoArgsConstructorpublic class User {    private int id;    private String username;    private String password;    private String information;    private String hobby;}

JavaBean中的每一项数据都对应着数据库中的每一个字段，如下图数据库中的字段都与上述User中的字段一一对应，方便了我们封装数据。

▐ JDBC

JDBC（Java Database Connectivity）是 Java 提供的一种标准 API，用于访问关系数据库。JDBC 提供了一组接口和类，使 Java 应用程序能够与各种数据库进行交互。通过 JDBC，开发者可以在不依赖特定数据库产品的情况下编写数据库访问代码。

其实在上文的Servlet中就已经包含了JDBC的全部操作，主要包含了注册驱动，链接数据库，执行sql语句，拿到返回结果。

JDBC Driver（驱动程序）

  • JDBC 驱动程序是用于连接到数据库的实现。不同的数据库厂商提供不同的 JDBC 驱动程序。

  • 驱动程序通常分为四种类型：Type 1（桥接驱动）、Type 2（本地 API 驱动）、Type 3（网络协议驱动）、Type 4（纯 Java 驱动）。

Connection（连接）

  • Connection 对象表示与数据库的连接。通过 DriverManager 类获取连接。

  • 用于创建 Statement 对象、提交事务、设置自动提交模式等。

Statement（声明）

  • Statement 对象用于执行 SQL 查询和更新操作。常见的子接口有 Statement、PreparedStatement 和 CallableStatement。

  • Statement 用于执行简单的 SQL 语句。

  • PreparedStatement 用于执行参数化的 SQL 语句，预编译的语句，性能更好。

  • CallableStatement 用于执行存储过程。

ResultSet（结果集）

  • ResultSet 对象用于表示从数据库查询中获取的结果集。通过 Statement 或 PreparedStatement 执行查询操作获取。

  • ResultSet 提供方法用于遍历和读取结果集中的数据。

另外使用PreparedStatement可以预防SQL注入

String insertSQL = "INSERT INTO users (username, password, email) VALUES (?, ?, ?)";Connection conn = DatabaseConnection.getConnection();PreparedStatement pstmt = conn.prepareStatement(insertSQL);// 设置参数值pstmt.setString(1, "user1");pstmt.setString(2, "password123");pstmt.setString(3, "user1@example.com");// 执行插入操作int ret= pstmt.executeUpdate();

使用 PreparedStatement 的好处

  • 预编译和缓存: SQL语句只编译一次，并存储在PreparedStatement对象中。多次执行同一查询时效率更高。
  • 防止SQL注入: 使用PreparedStatement可以防止SQL注入攻击，因为参数化查询会自动转义特殊字符。

 其中常见的PreparedStatement方法：

  • setInt(int parameterIndex, int x)
  • setString(int parameterIndex, String x)
  • setDouble(int parameterIndex, double x)
  • executeUpdate()
  • executeQuery()
  • close()

一般JDBC部分的内容，都是写在Servle中，诸如下面这样

        String url = "jdbc:mysql://127.0.0.1:3306/WebTest";        String user = "user1";        String passwd = "123456";//登录数据库密码        String username = request.getParameter("username");        String password = request.getParameter("password");        String information = request.getParameter("information");        String[] hobbies = request.getParameterValues("hobby");        String hobby = String.join(",", hobbies); // 使用逗号作为分隔符                try {            // 加载JDBC驱动程序            Class.forName("com.mysql.jdbc.Driver");            //1、注册驱动            Driver driver = new com.mysql.jdbc.Driver();            DriverManager.registerDriver(driver);            //2.获取连接            Connection connection = DriverManager.getConnection(url, user, passwd);            //3、获取数据库操作对象            Statement statement = connection.createStatement();            //4.sql语句            String sql = "insert into user_info (username, password, information, hobby) " +                    "VALUES ('" + username + "', '" + password + "', '" + information + "', '" + hobby + "')";            //5.执行sql语句后的结果            int count = statement.executeUpdate(sql);                    } catch (SQLException | ClassNotFoundException e) {            throw new RuntimeException(e);        }

六.MySql——CRUD

在 MySQL 中，CRUD 代表了四种基本的数据库操作：

  1. Create（创建）

  2. Read（读取）

  3. Update（更新）

  4. Delete（删除）

▐ Create（创建）

  1. 创建操作用于向数据库中的表插入新记录。

  2. 使用 SQL 中的 INSERT 语句。

示例：假设我们有一个名为 users 的表，包含 id、name 和 email 字段。

CREATE TABLE users (    id INT AUTO_INCREMENT PRIMARY KEY,    name VARCHAR(50),    email VARCHAR(50));
INSERT INTO users (name, email) VALUES ('John Doe', 'john.doe@example.com');INSERT INTO users (name, email) VALUES ('Jane Smith', 'jane.smith@example.com');

▐ Read（读取）

读取操作用于从数据库中检索数据。使用 SQL 中的 SELECT 语句。

示例：从 users 表中检索所有记录：

SELECT * FROM users;

根据条件检索特定记录：

SELECT * FROM users WHERE name = 'John Doe';

▐ Update（更新）

更新操作用于修改数据库中现有的记录。使用 SQL 中的 UPDATE 语句。

示例：将 users 表中 John Doe 的电子邮件地址更新：

UPDATE users SET email = 'john.new@example.com' WHERE name = 'John Doe';

▐ Delete（删除）

删除操作用于从数据库中移除记录。使用 SQL 中的 DELETE 语句。

示例：从 users 表中删除 John Doe 的记录：

DELETE FROM users WHERE name = 'John Doe';

 本次的分享就到此为止了，希望我的分享能给您带来帮助，创作不易也欢迎大家三连支持，你们的点赞就是博主更新最大的动力！如有不同意见，欢迎评论区积极讨论交流，让我们一起学习进步！有相关问题也可以私信博主，评论区和私信都会认真查看的，我们下次再见

也许您对下面的内容还感兴趣：