目录
一.大体框架
二.具体过程
- 打开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字符串数组类型。