Servlet（一些实战小示例）

已于 2024-05-03 16:52:19 修改
阅读量919 收藏 13
点赞数 27
分类专栏： JavaEE初阶 文章标签： 开发语言 java tomcat
于 2024-05-02 14:34:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuweixiaoyue/article/details/138257078
版权

文章目录

一、实操注意点

1.1 代码修改重启问题

编写Servlet程序时，无论是修改前端还是后端代码都需要重新启动服务器

  • 后端Java代码需要重启来重新编译
  • 前端的静态页面可能会被Tomcat给提前加载并缓存在内存中，如果不重启，修改的前端代码可能不会同步到内存中

1.2 Smart Tomcat的日志

Smart Tomcat为了开发方便，将日志直接显示到了IDEA窗口里，并没有专门生成日志文件

  • 因为开发阶段日志只是起到调试作用，需要反复修改代码
  • 等到程序发布，就一定要把日志保存到文件中，此时日志是记录了服务器的运行状态

1.3 如何处理错误

  1. 判断前端 or 后端问题：通过fidder抓包判断
    • 如果抓包发现 ajax 的http请求根本没发出来，那大概率就是前端问题
    • 如果ajax的http请求发了，且内容符合要求，那大概率是后端问题
  2. 处理前端问题：去浏览器的开发者工具上看，不要看VSCode里的前端代码，因为js代码都是被下载到浏览器后执行的
    • F12或右键检查打开开发者工具，source部分表示了当前浏览器加载了哪些前端代码
    • JS代码编译问题：JS代码在执行过程中，并不像Java有先编译的过程，而是直接去执行，语法错误也只有运行过程中才能发现。一旦执行过程中出现错误，后续的代码就不能继续执行了。

一. 抓自己的包

  1. 思路：调用 req 的各个方法, 把得到的结果汇总到一个 StringBuilder/StringBuffer 中, 统一返回到页面上
  2. 为什么换行用< br> 而不是\n：该内容是在浏览器上按照 html 的方式来展示的、
    /n是字符的换行符，而非HTML的换行符
  3. 关于乱码问题：字符集不匹配，IDEA多是使用utf8编码，浏览器则默认跟着操作系统走，Windows操作系统的编码位gbk
  4. 注意：实际开发中，我们多用 fidder 进行抓包
@WebServlet("/request")
public class RequestServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    	//必要的，显式告诉浏览器, 你拿到的数据是 html
        resp.setContentType("text/html");

        StringBuilder respBody = new StringBuilder();
        respBody.append(req.getProtocol());
        respBody.append("<br>");
        respBody.append(req.getMethod());
        respBody.append("<br>");
        respBody.append(req.getRequestURI());
        respBody.append("<br>");
        respBody.append(req.getContextPath());
        respBody.append("<br>");
        respBody.append(req.getQueryString());
        respBody.append("<p>下面是枚举的</p>");

        Enumeration<String> headers = req.getHeaderNames();
        while (headers.hasMoreElements()){
            String header = headers.nextElement();
            respBody.append(header + ":" + req.getHeader(header));
            respBody.append("<br>");
        }

        resp.getWriter().write(respBody.toString());
    }
}

在这里插入图片描述

二、构造一个重定向的响应，让页面重定向到百度主页

  1. 方法一：setHeader() + setStatus()
    • 原理：
      • 这段代码将会涉及两个请求，一个是req，一个是“访问百度主页”的请求。
      • 浏览器看到【302+location】字段，就知道要执行跳转操作了
    • location：用该属性描述重定向到哪个地方
    • 301 VS 302：
      • 相同点：直观效果差不多，事实上3开头的效果都差不多
      • 不同点：
        301 ----->永久重定向，以后一直重定向
        302 ----->临时重定向，以后可能不重定向了，或者重定向到其他地方
    • 永久重定向 VS 临时重定向：在浏览器上可能会有些不同，但这些不同的设计是设计者的初心，实际开发中程序员并不会刻意区分
      • 不同的浏览器对待永久重定向，首次访问后会搞一个缓存，后续直接访问缓存。
      • 如果是临时重定向，就是每次都去服务器那请求一下
@WebServlet("/trans")
public class ServletTest extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setStatus(302);
        resp.setHeader("location", "https://www.baidu.com");
    }
}
  1. 写法二：resp.sendRedirect(String location)，做了写法一的两个代码的工作

三、让服务器返回一个html数据

  1. 关于字符编码问题：
    • 修改原则：更改浏览器的编码方式
      因为 uft8 是更主流的编码方式，gbk只能表示简体中文，是无法表示其他例如方言的文字的
    • 如何查看并修改IDEA的字符集：setting ----> encoding
      在这里插入图片描述
    • 让浏览器更改字符集：
      • 请求的字符集取决于页面，而 html 有声明字符集的部分。< meta charset = “UTF-8”>
      • 使用resp进行更改。要注意顺序，先header后body，因为一旦开始设置 body ，此时就相当于header和status都定性了，后续即使是修改了，也无法生效。
@WebServlet("/getHtml")
public class HTMLTest extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html; charset=utf8");
        resp.getWriter().write("<div>你好</div>");
    }
}

四、表白墙

4.1 约定前后端数据

  1. 概念：
    • 指进行前后端交互接口的约定，比如前端发送什么样的请求，后端返回什么样的响应
    • 前后端数据交互的格式可以随便约定，但双方一定要互相遵守
  2. 请求的格式：“路径是什么” 以及 “传来的数据格式是xml还是JSON”
  3. 响应的格式：返回的数据格式是什么，状态码是什么

4.2 前端代码

  1. 放前端页面：放到webapp目录下，可通过网络访问，如127.0.0.1:8080/test/messageWall.html
  2. 获取到输入框的内容:
    • 选中元素：使用querySelector()、querySelectorAll()方法，这些是由浏览器提供的API，可以用来获取到页面的元素。如 let button = document.querySelector(‘#submit’);
    • 确认行为：
      • JS中，函数是可以像变量一样复制的，这里相当于是把这个函数定义出来后就赋值给button.onclick()
      • 触发时机：当按钮被点击时，触发该函数，相当于是个回调函数
button.onclick = function() {
	XXXXX
 }
  1. 构造js对象：
    （1）js对象也是由{}构成的键值对（JSON）就是出自这里
    （2）关于引号的问题：key都是字符串类型，value则可以是任何类型，由于key必须是字符串，所以key这里的引号是可以省略的。但是省略之后，容易看不出原本是什么类型的了，所以最好还是加上。
let body = {                    let body = {//简化版本，该情况表示键值对和value是一样的
    "from": from,                   from,
    "to": to,                       to,
    "message": msg                  msg
};                             	};

  1. 构造标签：

    • 创建标签：let rowDiv = document.createElement(‘div’); 创建一个div标签
    • 给该标签设置一个类：rowDiv.className = ‘row message’;
    • 往标签里构造内容：rowDiv.innerHTML = from + ’ 对 ’ + to + ’ 说: ’ + msg;
    • 把该标签放到其他标签之后：containerDiv.appendChild(rowDiv);把该变量放到containerDiv这个对象的末尾

  2. 前后端交互：、ajax方法会更具输入的参数，构造出http请求并发给服务器、但原生的API比较难用，我们一般使用JQuery封装过后的API

    • 导入JQuery依赖：

      • 搜索【JQuery cdn】，把< scriot>整个标签赋值过来即可，如< script src=“https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js”>

      • 前端加载某个第三方库的方式很简单，直接把库对应的网络地址加进来即可

    • success: function(body)：这个body参数实际上包含了从服务器返回的响应数据。当前端成功接收到响应时调用这个函数。
    • JS对象和JSON对象互转 ：JS对象虽然格式上和JSON非常相似，但是仍然是两个不同的东西
      • JS对象 —> JSON字符串：JSON,stringify()
      • JSON字符串 —> JS对象：JSON.parse()
    • JQuery的自动转换问题：
      • JQuery 见到响应中的 application/json , 就会自动的把响应转换成 js 对象数组
      • 故此时的body 是 js 对象数组，而不是 json 字符串了。我们也就可以直接按照数组的方式来操作 body,，每个元素都是 js 对象
    • 关于url的值：相对路径方式比较常见，因为后续修改 contextPath 比较方便，可以减少耦合
      • 绝对路径写法：以“/”开头，如：‘/test/massage’
      • 相对路径写法：不以“/”开头，如：‘massage’。相对路径的基准是当前html所在的路径。当前html的路径是：“test/messageWall.html”
//发送一个HTTP请求
 $.ajax({

});

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

<script>
    let containerDiv = document.querySelector('.container');
    let inputs = document.querySelectorAll('input');
    let button = document.querySelector('#submit');
    button.onclick = function() {
        // 1. 获取到三个输入框的内容
        let from = inputs[0].value;
        let to = inputs[1].value;
        let msg = inputs[2].value;
        if (from == '' || to == '' || msg == '') {
            return;
        }
        // 2. 构造新 div
        //相当于<div></div>
        let rowDiv = document.createElement('div');
        //相当于<div class = 'row message></div>
        rowDiv.className = 'row message';
        //相当于<div className = 'row message>构造的内容</div>
        rowDiv.innerHTML = from + ' 对 ' + to + ' 说: ' + msg;
        //让创建出来的<div>加入到页面中
        containerDiv.appendChild(rowDiv);
        // 3. 清空之前的输入框内容
        for (let input of inputs) {
            input.value = '';
        }

        //4. 把用户输入的数据发送给服务器
        let body = {
            "from": from,
            "to": to,
            "message": msg
        };

        $.ajax({
            type: 'post',
            url: 'message',
            contentType: 'application/json; charset=utf8',
            data: JSON.stringify(body),
            success: function(body){
            //这里是把返回的结果打印到了前端的控制台处
                console.log(body);
            }
        });
    }

    $.ajax({
        type: 'get',
        url: 'message',
        success: function(body){
            let container = document.querySelector('.container');

            for (let i = 0; i < body.length; i++){
                let message = body[i];
                let div = document.createElement('div');
                div.className = 'row';
                div.innerHTML = message.from + " 对 " + message.to + 
                    " 说：" + message.message;
                container.appendChild(div);
            }
        }
    })

</script>

4.3 后端代码

  1. 引入Jackson依赖：
  2. 把数据存储在服务器中：
    • 内存：
      • 创建一个ArrayList，把数据都存到这个顺序表中。当把List/数组转成JSON时，Jackson会自动将其整理成JSON数组，里面的每个元素也会被转换成JSON对象
      • 注意，此处是把数据保存到内存中，一旦重启服务器，内存数据就无了。
    • 数据库：把数据保存到数据库中，实现持久化保存
class Message{
    public String from;
    public String to;
    public String message;

    @Override
    public String toString() {
        return super.toString();
    }
}

@WebServlet("/message")
public class MessageWall extends HttpServlet {
    private ObjectMapper objectMapper = new ObjectMapper();
    private List<Message> messageList = new ArrayList<>();
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String respJson = objectMapper.writeValueAsString(messageList);
        resp.setContentType("application/json; charset=utf8");
        resp.getWriter().write(respJson);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        Message message = objectMapper.readValue(req.getInputStream(), Message.class);
        messageList.add(message);
        System.out.println("服务器收到message：" + message);
        resp.setStatus(200);
        resp.getWriter().write("ok");
    }
}

4.4 保存在数据库的版本

  1. 引入数据库的依赖：之前是直接下载Mysql驱动包，现在也可以直接使用Maven进行管理
  2. 创建数据库和数据表：
  3. 通过JDBC代码来操作数据库：
@WebServlet("/messageWall")
public class MessageServlet extends HttpServlet {
    ObjectMapper objectMapper = new ObjectMapper();
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        Message message = objectMapper.readValue(req.getInputStream(), Message.class);
        try {
            add(message);
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }
        System.out.println("服务器收到message：" + message);
        resp.setStatus(200);
        resp.getWriter().write("ok");
    }
    private void add(Message message) throws SQLException {
        DataSource dataSource = new MysqlDataSource();
        ((MysqlDataSource)dataSource).setURL("jdbc:mysql://127.0.0.1:3306/test?characterEncoding=utf8&useSSL=false");
        ((MysqlDataSource)dataSource).setUser("root");
        ((MysqlDataSource)dataSource).setPassword("123456");

        Connection connection = dataSource.getConnection();
        String sql = "insert into message values(?, ?, ?)";
        PreparedStatement statement = connection.prepareStatement(sql);
        statement.setString(1, message.from);
        statement.setString(2, message.to);
        statement.setString(3, message.message);
        statement.executeUpdate();

        statement.close();
        connection.close();
    }
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        List<Message> messageList = null;
        try {
            messageList = load();
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }
        resp.setContentType("application/json");
        String ret = objectMapper.writeValueAsString(messageList);
        resp.getWriter().write(ret);
    }

    public List<Message> load() throws SQLException {
        DataSource dataSource = new MysqlDataSource();
        ((MysqlDataSource)dataSource).setURL("jdbc:mysql://127.0.0.1:3306/test?characterEncoding=utf8&useSSL=false");
        ((MysqlDataSource)dataSource).setUser("root");
        ((MysqlDataSource)dataSource).setPassword("123456");

        Connection connection = dataSource.getConnection();
        String sql = "select * from message";
        PreparedStatement statement = connection.prepareStatement(sql);
        ResultSet resultSet = statement.executeQuery();
        List<Message> messageList = new ArrayList<>();
        while (resultSet.next()){
            Message message = new Message();
            message.from = resultSet.getString("from_user");
            message.to = resultSet.getString("to_user");
            message.message = resultSet.getString("message");
            messageList.add(message);
        }

        resultSet.close();
        statement.close();
        connection.close();
        return messageList;
    }
}
昭著
关注
  • 27
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【项目实战】Servlet入门介绍
本本本添哥
04-11 34
Servlet是一种Java程序，它在Web服务器上运行，用于处理HTTP请求和响应。Servlet通常被用来开发动态的Web应用程序。Servlet可以接收浏览器发送的请求，并将数据发送回浏览器，这样就可以实现Web应用程序的交互性。在最简单的情况下，Servlet可以输出HTML文本或者返回纯文本格式的数据。Servlet是Java类，用于扩展托管应用程序的服务器的功能，这些应用程序通过请求-响应编程模型访问。Servlet用于处理客户端和服务器之间的请求和响应。
SpringBoot整合Servlet：实战示例解析
长风 爱 跑步去
06-15 911
这是一个简单的示例，演示了如何在Spring Boot中整合Servlet，并从前端页面获取参数并进行处理。但要确保项目中包含所需的Servlet API依赖项（如。的表单（使用POST请求）来测试Servlet。根据请求的类型（GET或POST），Servlet会获取。当在开发的过程中遇到需要Spring Boot整合Servlet时，可以通过如下步骤来实现。在项目的源代码目录中创建一个新的Servlet类，例如。将Servlet注册到应用程序上下文中。参数的值，并将其包含在响应中返回。
Servlet实战详解
宠着长岛冰茶吗
09-20 250
I’ll think of you every step of the way.
IDEA项目实践——JavaWeb简介以及Servlet编程实战
张小鱼的博客
08-14 1372
本文主要讲解Java Web的相关内容以及servlet编程1xx 表示临时响应并需要请求者继续执行操作2xx 成功，操作被成功接收并处理3xx 表示要完成请求，需要进一步操作。通常，这些状态代码用来重定向4xx 客户端错误，请求包含语法错误或无法完成请求5xx 这些状态代码表示服务器在尝试处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错（1）XML概述（2）XML语法（3）DTD约束。
Servlet异步处理实战
实践求真知
09-07 259
一编写异步处理的Servlet类 package lee; import javax.servlet.*; import javax.servlet.http.*; import javax.servlet.annotation.*; import java.io.*; import java.util.*; @WebServlet(urlPatterns="/async",asyn...
Servlet的非阻塞式IO实战
实践求真知
09-07 625
一编写Servlet package lee; import javax.servlet.*; import javax.servlet.http.*; import javax.servlet.annotation.*; import java.io.*; @WebServlet(urlPatterns="/async",asyncSupported=true) public cl...
Servlet+JDBC实战开发书店项目讲解第七篇：模拟支付
qq_22593423的博客
08-18 746
在本篇文章中，我们将使用Servlet和JDBC来完成书店项目中的模拟支付功能。我们将介绍实现思路、后端代码设计以及前端代码设计，并通过代码实现订单支付成功，并实现查看未付款订单和完成订单支付等操作。
Spring5.0 WebFlux入门及实战示例
Jaemon
07-06 2785
Spring5.0 WebFlux入门及实战示例
Servlet+JDBC实战开发书店项目讲解第13讲：库存管理功能
qq_22593423的博客
08-21 142
通过本篇博客，我们讲解了Servlet+JDBC实战开发书店项目中的库存管理功能。我们看到了如何实现添加新书籍到库存、更新库存信息和查询库存信息等关键功能。这些功能能够帮助书店管理者更好地管理库存，及时了解书籍的价格与数量情况。希望本篇博客对您在开发类似项目时有所帮助。如果您有任何问题或建议，请随时给予反馈。
微信小程序用Servlet连接数据库源码.zip
09-23
综上所述，这个压缩包提供的是一套完整的微信小程序与Java Web（Servlet）结合的实战案例，涵盖了前后端交互、数据库操作等多个核心知识点，对于想要学习这方面技术的开发者来说，是一个宝贵的参考资料。通过分析和...
Spring+MYBatis企业应用实战源码示例
03-03
《Spring+MyBatis企业应用实战》适合有较好的Java 编程基础，JSP、Servlet、JDBC 基础，Spring 框架基础的读者，尤其适合于对Spring MVC 和MyBatis 了解不够深入，或对Spring MVC+MyBatis 整合开发不太熟悉的开发...
servlet3.0与mybatis整合的示例
01-30
四、实战示例 在servlet3mybatis压缩包中，可能包含了以下文件： - web.xml：虽然Servlet3.0支持注解配置，但可能还是包含了一个简单的web.xml用于部署描述。 - mybatis-config.xml：MyBatis的核心配置文件。 - ...
Servlet+JDBC+JSP项目实战源代码
06-22
总之，"Servlet+JDBC+JSP项目实战源代码"提供了一个实际的Web应用示例，让学习者能够深入了解这三种技术的结合使用，提升其在Web开发领域的技能。通过研究源代码，开发者可以学习到如何构建和部署实际的Web应用，这...
JavaWeb开发实战宝典-servlet篇
05-04
本教程聚焦于Servlet的实际应用，以《JavaWeb开发实战宝典》第四章内容为基础，通过一系列源码示例和习题，深入解析Servlet的核心概念和用法。 首先，我们来看一下Servlet的生命周期，它包括加载、实例化、初始化、...
开发语言的基本构成。
luj_1768的博客
07-24 873
许多人都对设计一套自有知识产权的开发语言感兴趣。那么，如何按照功能模块设计开发语言？
使用hutool工具判断字符串是否全部是字母(包括大小写)，java判断字符串是否全部是字母(包括大小写)
最新发布
qq_43700885的博客
07-29 310
1.导入hutool的maven依赖。2.复制一下代码执行。
golang 接口
m0_70982551的博客
07-24 1096
接口定义了一组方法，这些方法没有具体的实现。接口类型的变量可以存储任何实现了这些方法的类型的值。// 更多方法...在Go语言中，接口值是指存储了实现某个接口的具体类型值的变量。接口值由两部分组成：1.动态类型：这是接口值当前存储的实际类型。2.动态值：这是实际存储的值，该值必须实现了接口中定义的所有方法。
java判断邮箱地址是否正确，使用hutool工具判断邮箱地址是否正确
qq_43700885的博客
07-29 145
1.导入hutool的maven依赖。2.直接复制一下代码运行。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值