JavaWeb Servlet对表单数据的处理(简易登录系统)

目录

一.大体框架

二.具体过程

三.代码解释 


一.大体框架

二.具体过程

  • 打开IDEA2017版
  • 在src下新建一个包文件

  • 在包文件夹下新建Java类撰写代码

  • 同时在web下建立html文件

  • 首先在html中进行网页的编辑
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <title>登录</title>
</head>
<body>
<form action="register" method="post">
    <center>
    <table border="1">
        <tr>
            <td colspan="2" align="center">登录</td>
        </tr>
        <tr>
            <td>用户名:</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td>女<input type="radio" value="女" name="gender" checked="checked">
            男<input type="radio" value="男" name="gender">
            </td>
        </tr>
        <tr>
            <td>爱好:</td>
            <td><input type="checkbox" value="读书" name="hobbies">读书
           <input type="checkbox" value="睡觉" name="hobbies"> 睡觉
           <input type="checkbox" value="跑步" name="hobbies">跑步</td>
        </tr>
        <tr>
            <td>地址:</td>
            <td><select name="address">
                <option value="成都">成都</option>
                <option value="北京">北京</option>
                <option value="河南">河南</option>
            </select> </td>
        </tr>
        <tr>
            <td>备注:</td>
            <td><textarea cols="30" rows="15" name="remark"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="登录"><input type="reset" value="重置"></td>
        </tr>
    </table>
    </center>
</form>
</body>
</html>
  •  在Java中进行代码撰写
package com.Demo;

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;

@WebServlet("/register")
public class register extends HttpServlet{
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("utf-8");
        String username = req.getParameter("username");
        String password = req.getParameter("password");
        String gender = req.getParameter("gender");
        String[] hobbies = req.getParameterValues("hobbies");
        String address = req.getParameter("address");
        String remark = req.getParameter("remark");

        System.out.println(username+","+password+","+gender+","+ Arrays.toString(hobbies)+","+address+","+remark);
    }
}
  • 运行结果 

  • 点击登录,在IDEA中可以看到输入的内容

三.代码解释 

  • <meta charset="UTF-8">统一为utf-8格式,以防输入中文后乱码

  • <form action="register" method="post">action:指向表单的URL地址,也就是我们Java的文件名。method中的post是向服务器上传数据

  • radio:单选按钮

  • checkbox:复选按钮

  • option:下拉列表

  • textarea:文本域

  •  String[] hobbies = req.getParameterValues("hobbies"):数组字符串。

  • Arrays.toString(hobbies):把输出强制转换为Java字符串数组类型。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值