目录
前面需要能够得到tomcat的小猫网页
创建项目
创建Dynamic Web Project
Ps.这个问题可能太太太初级了,以至于我被卡住了好长一段时间
创建时没有src
由于我是后来下载的java web的扩展,所以可能会出现一些别人没有的问题,比如没有创建过程的src,导致会报Enter Source Floder的错误
这里需要在上一个界面,先把一个空的文件夹样式remove掉,然后手动添加即可。
下一步在下面的Default output folder 填写上自己的路径即可,一般是build/classes
至于其他的页面设置在哪里,如图
index.html
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Murach 's Java Servlets and JSP</title>
<link rel="stylesheet" href="main.css" type="text/css"/>
</head>
<body>
<h1>Join our email list</h1>
<p>To join our email list, enter your name and
email address below.</p>
<form action="EmaillistServlet" method="post">
<input type="hidden" name="action" value="add">
<label>Email:</label>
<input type="email" name="email" required><br>
<label>First Name:</label>
<input type="text" name="firstName" required><br>
<label>Last Name:</label>
<input type= "text" name="lastName" required><br>
<label> </label>
<input type="submit" value="Join Now" id="submit ">
</form>
</body>
</html>
link标签
link中的第二个参数应该是自己在文件夹中CSS样式表的路径,其他的不变就好
form表单
action的属性应该是后面创建的servlet类的名字
main.css
代码
@charset "UTF-8";
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
margin-left: 2em;
margin-right: 2em;
}
h1{
color: #008040;
}
label{
float: left;
width: 6em;
margin-bottom: 0.5em;
}
input[type="text"], input[type="email"]{
width:15em;
margin-left:0.5em;
margin-bottom:0.5em;
}
br{
clear:both;
}
#submit{
margin-left:0.5em;
}
复制粘贴带来的后果!!
各种符号错误,推荐手打
Servlet
代码
package EmaillistServlet;
import java.io.IOException;
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 chap2.User;
/**
* Servlet implementation class EmaillistServlet
*/
@WebServlet("/EmaillistServlet")
public class EmaillistServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public EmaillistServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//response.getWriter().append("Served at: ").append(request.getContextPath());
String url = "/index.html";
request.setCharacterEncoding("utf-8");
// get current action
String action = request.getParameter("action");
if (action == null) {
action = "join"; // default action
}
// perform action and set
if (action.equals("join"))
url = "/index.html"; //the "join" page
else if (action.equals("add")) {
// get parameters from the request
String firstName = request.getParameter("firstName");
String lastName = request.getParameter ("lastName");
String email = request.getParameter("email");
// store data in User object and save User object in database
User user = new User(firstName, lastName, email);
//UserDB.insert(user);
// set User object in request object and set URL
request.setAttribute("user", user);
url = "/thanks.jsp"; //the ''thanks'' page
}
// forward request and response objects to specified URL
getServletContext().getRequestDispatcher(url).forward(request, response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
插入utf-8
记得request.setCharacterEncoding("utf-8"),否则后续会出现中文乱码
user类
代码
package chap2;
import java.io.Serializable;
public class User implements Serializable{
private String firstName;
private String lastName;
private String email;
public User() {
this.firstName = this.lastName = this.email = "";
}
public User(String firstName, String lastName, String email) {
// TODO Auto-generated constructor stub
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
}
public String getFirstName() {
return firstName;
}
public void setFirstName(String firstName) {
this.firstName = firstName;
}
public String getLastName() {
return lastName;
}
public void setLastName(String lastName) {
this.lastName = lastName;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
}
多余的方法都有用!!!
不写的话就无法真正将user这个变量设置好。
thanks.jsp
代码
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Murach 's Java Servlets and JSP</title>
<link rel="stylesheet" href="main.css" type="text/css"/>
</head>
<body>
<h1>Thanks for joining our email list</h1>
<p>Here is the information that you entered:</p>
<label>Email:</label>
<span>${user.email}</span><br>
<label>First Name:</label>
<span>${user.firstName}</span><br>
<label>Last Name:</label>
<span>${user.lastName}</span><br>
<p>To enter another email address, click on the Back
button in your browser or the Return button shown
below.</p>
<form action=" " method="get">
<input type="hidden" name="action" value="join">
<input type="submit" value="Return">
</form>
</body>
</html>