尚未崩坏 发表于 2024-7-11 06:04:06

Web期末复习指南(2w字总结)

前言:本文旨在梳理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> 现实效果:
https://img-blog.csdnimg.cn/direct/b7bd6c445002489c89a11bd211d92607.png
▐ 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);
    alert(passwd);
</script>

</html> 现实效果:
https://img-blog.csdnimg.cn/direct/95ca7da885234df48962cd68c368d152.png
在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的引入方式,分为三种:

[*] 外部样式:即CSS代码生存在外部,HTML文件通过 link 标签引用这个外部样式表
[*] 内部样式:整体放在 head 标签,在 style 标签内写CSS代码
[*] 行内样式:直接在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操作,比如

[*] getElementsByClassName():根据元素的class属性获取DOM节点。
[*] getElementsByTagName():根据元素的标签名获取DOM节点。
还常用的DOM操作就是变乱监听,我们可以设置对应的函数当我们监听的变乱执行后自动执行,比如鼠标点击等,比如密码校验经常都是基于此。
常见的变乱:

[*] onclick:鼠标单击变乱
[*] onblur:元素失去焦点
[*] onfocus:元素获得焦点
[*] 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 {
            background-color: #007bff;
            color: white;
            border: none;
            cursor: pointer;
      }
      .form-group input: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\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; - 元素不会被渲染到页面上,也不会占据任何空间。这相当于将元素隐藏。 终极效果:
https://img-blog.csdnimg.cn/direct/486bf4bd38b244739224715530357fba.png
三.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的内置对象

常用的内置对象有以下几个,需要把握他们怎样进行数据的交互的

[*] request:表示客户端哀求,包罗哀求参数、哀求头信息等。
[*] response:表示服务器相应,允许设置相应状态、相应头和输出内容。
[*] out:用于输出内容到客户端。
[*] session:表示用户会话,允许在会话中存储用户数据。
[*] 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 是告诉客户端,使欣赏器知道去哀求哪一个地点,相当于客户端重新哀求一 遍。所以地点显示栏会变

[*] 从数据权限来说,forward 转发的页,以及转发到的目标页面可以或许共享 request 里面的数据。redirect 转发的页以及转发到的目标页面不能共享 request 里面的数据,需要通过在URL后进行拼接才能传数据。
[*] 从哀求的范围来说,forward 方法只能在同一个 Web 应用程序内的资源之间转发哀求,可以明白为服务器内部的一种操作。redirect 可以或许重定向到当前应用程序的其他源,而且还可以或许重定向到同一个站点上的其他应用程序中的资源,甚至是使用绝对 URL 重定向到其他站点的资源。
[*] 从服从来说: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}</p>
<p>第二个名字: ${names}</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 的特性

[*] 无参数构造方法:JavaBean 必须有一个无参数的构造方法。这个构造方法可以是显式声明的,也可以是隐式提供的(如果没有声明任何构造方法)。
[*] 私有属性:JavaBean 的属性应该是私有的,制止外部直接访问。如许可以通过 getter 和 setter 方法来控制属性的访问和修改。
[*] 公共的 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
@NoArgsConstructor
public class User {
    private int id;
    private String username;
    private String password;
    private String information;
    private String hobby;
} JavaBean中的每一项数据都对应着数据库中的每一个字段,如下图数据库中的字段都与上述User中的字段一一对应,方便了我们封装数据。
https://img-blog.csdnimg.cn/direct/634022dff880484bb43b7aadfd63f4f1.png
▐ 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 代表了四种基本的数据库操作:

[*] Create(创建)
[*] Read(读取)
[*] Update(更新)
[*] Delete(删除)
▐ Create(创建)


[*] 创建操作用于向数据库中的表插入新记载。
[*] 使用 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'; https://img-blog.csdnimg.cn/b4e223eb39274c4790c1accda528968f.png 本次的分享就到此为止了,希望我的分享能给您带来资助,创作不易也欢迎各人三连支持,你们的点赞就是博主更新最大的动力!https://img-blog.csdnimg.cn/dee54f8cb32a413fb28d115ba29feb97.png如有不同意见,欢迎评论区积极讨论交流,让我们一起学习进步!https://img-blog.csdnimg.cn/08cf81c9e3f84f6fb5e5805897ac6d8e.png有相干问题也可以私信博主,评论区和私信都会认真检察的,我们下次再见https://img-blog.csdnimg.cn/08cf81c9e3f84f6fb5e5805897ac6d8e.png
https://img-blog.csdnimg.cn/direct/cca92866233a4cb5ba5708b45e8b0a96.gif


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: Web期末复习指南(2w字总结)