本文最后更新于 736 天前,其中的信息可能已经有所发展或是发生改变。
实践环境
IDEA 2021.2/Tomcat 10.2.27(不推荐,推荐使用Tomcat 8减少bug)
新建项目
在idea中新建Java Enterprise项目命名为demo2,勾选Serverlet,完成创建
创建Javabean方法
在java目录下创建bean文件夹以及Java类,例如User类
编写JavaBean方法
package com.example.demo2.bean;
public class User {
private String userName;
private String password;
private int age;
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
创建HTML页面
新建文件
在webapp下新建文件夹,并且创建html文件与jsp文件,最好放在同一个文件夹并且命名相同,我这里设置为register
编辑html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body align="center">
用户信息注册:
<hr>
<form method="get" action="register.jsp"> <!--区别一下 set/set-->
<table border="1" bordercolor="blue" align="center">
<tr>
<td>姓名:<input name="userName" type="text" size="16"></td>
</tr>
<tr>
<td>密码:<input name="password" type="password" size="18"></td>
</tr>
<tr>
<td>年龄:<input name="age" type="text" size="16"></td>
</tr>
<tr>
<td><input type=submit value="提交"></td>
</tr>
</table>
</form>
<hr>
</body>
</html>
编辑jsp文件
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="com.example.demo2.bean.User" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<jsp:useBean id="user" scope="page" class="com.example.demo2.bean.User"/><%--利用Javabean创建一个user类 --%>
<jsp:setProperty name="user" property="*"/> <%--读取表单输入提交给user类 --%>
注册成功:
<hr/>
使用Bean属性方法:
<br/>
用户名:<%=user.getUserName() %>
<br/>
密码:<%=user.getPassword() %>
<br/>
年龄:<%=user.getAge()%>
<hr/>
使用getProperty动作:
<br/>
用户名:<jsp:getProperty name="user" property="userName"/>
<br/>
密码:<jsp:getProperty name="user" property="password"/>
<br/>
年龄:<jsp:getProperty name="user" property="age"/>
<br/>
</body>
</html>
测试
启动Tomcat服务器,运行html页面
输入文本并点击提交