【JavaWeb】随机抽号：(ptwo_suijichouhao)

苏卫苏卫苏卫

已于 2025-03-14 16:45:28 修改

阅读量604

点赞数 5

分类专栏： Java 文章标签： java 开发语言 tomcat web

于 2024-10-20 22:10:07 首次发布

本文链接：https://blog.youkuaiyun.com/Swc123456789/article/details/143097950

版权

Java 专栏收录该内容

5 篇文章

订阅专栏

【JavaWeb】随机抽号：

抽号：浏览器提交一个整数——>后端接受后根据提供的整数，产生一个随机数——>返回给浏览器
- - 前端：提供随机数范围，并发送请求
  - 后端：处理随机数的产生，响应至浏览器
后端：
前端：
创建配置Tomcat服务器：
注意！！！

抽号：浏览器提交一个整数——>后端接受后根据提供的整数，产生一个随机数——>返回给浏览器

前端：提供随机数范围，并发送请求

后端：处理随机数的产生，响应至浏览器

后端：

新建项目模块

在这里插入图片描述

选择模块，添加依赖

在这里插入图片描述

创建Java类

extract抽取

package com.swc;

import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;
import java.io.PrintWriter;

public class extract extends HttpServlet {
//    接受前端的活动总人数
//    产生随机数

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//        设置编码格式
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html");
        response.setCharacterEncoding("utf-8");
//        获取响应对象
        PrintWriter out = response.getWriter();
//        获取前端对象
        String renshu = request.getParameter("renshu");
//        把字符串转为int
        int i = Integer.parseInt(renshu);
        int random = (int) (Math.random() * i);
        int i1 = random + 1;
//        System.out.println(i1);//输出在控制台
//        out.println("中奖的是：" + i1);//输出在网页

        out.println("        <!DOCTYPE html>");
        out.println("<html lang='en'>");
        out.println("<head>");
        out.println("    <meta charset='UTF-8'>");
        out.println("    <meta name='viewport' content='width=device-width, initial-scale=1.0'>");
        out.println("    <title>Document</title>");
        out.println("</head>");
        out.println("<body>");
        out.println("                抽到的号是：");
        out.println("    <br>");
        out.println("    <div style='color: red; font-size: 48px;'>");
        out.println(i1);
        out.println("    </div>");
        out.println("</body>");
        out.println("</html>");

    }
}

前端：

Web添加

在这里插入图片描述

创建index.html首页

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<form action="/ptwo_suijichouhao/extract" method="get">
    请输入参与活动的总人数
    <br>
    <input type="text" name="renshu" placeholder="请输入一个整数">
    <br>
    <input type="submit" value="确定人数">
</form>
</body>
</html>

创建Artifacts

在这里插入图片描述

创建配置Tomcat服务器：

在这里插入图片描述

添加Artifacts

在这里插入图片描述

下划线 _ 后删掉，留下项目名

配置web.xml文件

servlet-name 的内容要相同

<?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">
    <servlet>
        <servlet-name>ptwo_suijichouhao</servlet-name>
        <servlet-class>com.swc.extract</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>ptwo_suijichouhao</servlet-name>
        <url-pattern>/extract</url-pattern>
    </servlet-mapping>
</web-app>