開發環境myeclipse+tomcat5.5html
在菜單欄選File->New->Web->Dynamic Web Projectjava
Project name我命名爲JavaWebTest01 (能夠隨便起)web
Target runTime 選咱們以前tomcat配置的版本。瀏覽器
一直NEXT到Finishtomcat
一、在WebContent下新建一個jsp頁面(若是列表裏沒有jsp選項,到other裏去找)服務器
這裏我給jsp頁面的名字命爲welcome,點擊Finish,而後再body中修改以下內容:session
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="gbk"%>
<%@ page language="java" import="com.servlet.*"%>app
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%
Acount account = (Acount)session.getAttribute("account");
%>
<h2>
Welcome to "<%= account.getUsername()%>" Login System!
</h2>
This is the first javaWeb Project!
</body>
</html>eclipse
二、建立login.jsp文件,只需修改body中的內容,以下所示:jsp
<body>
<form action="login">
username:<input type="text" name="username"><br>
password:<input type="password" name="pwd"><br>
<input type="submit">
</form>
</body>
三、在scr目錄下的com.ht.servlet編寫AcountBean.java文件,代碼以下:
package com.ht.servlet;
public class AccountBean {
private String username = "";
private String password = "";
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
}
四、在scr目錄下的com.ht.servlet編寫servlet類CheckAccount.java文件,代碼以下:
package com.ht.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
public class CheckAccount extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req,resp);
}
@Override
public void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
HttpSession session = req.getSession();
AccountBean account = new AccountBean();
String username = req.getParameter("username");
String pwd = req.getParameter("pwd");
account.setPassword(pwd);
account.setUsername(username);
if((username != null)&&(username.trim().equals("jsp"))) {
if((pwd != null)&&(pwd.trim().equals("1"))) {
System.out.println("success");
session.setAttribute("account", account);
String login_suc = "success.jsp";
resp.sendRedirect(login_suc);
return;
}
}
String login_fail = "fail.jsp";
resp.sendRedirect(login_fail);
return;
}
}
五、在WebRoot目錄下編寫success.jsp文件 成功後跳轉
<body>
<%
AccountBean account = (AccountBean)session.getAttribute("account");
%>
username:<%= account.getUsername()%>
<br>
password:<%= account.getPassword() %>
</body>
六、在WebRoot目錄下編寫fail.jsp文件 失敗後跳轉
<body>
Login Failed! <br>
</body>
說明:在success.jsp文件中用到了AccountBean中的getUsername()方法,因此須要在頁面頭上添加包名的命名空間,以下
<%@ page language="java" import="com.ht.servlet.*"%> ,而後才能在頁面上使用username:<%= account.getUsername()%>這種方式訪問。
七、修改web.xml配置文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<welcome-file-list>
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
<servlet>
<description>This is the description of my J2EE component</description>
<display-name>This is the display name of my J2EE component</display-name>
<servlet-name>CheckAccount</servlet-name>
<servlet-class>com.ht.servlet.CheckAccount</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CheckAccount</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
</web-app>
三.部署到server
添加一個服務器,運行咱們的工程。
點擊 窗口->顯示視圖->servers 則打開服務器窗口,點擊右鍵,新建->server,一步一步的跟着嚮導建立好服務器,這裏咱們用的是前面咱們已經配置好的tomcat5.5,若是不會的請看我前面的文章,或者本身去百度吧。
服務器建立完成後,在服務器上右鍵,選擇「Add and Remove...」菜單,把咱們剛剛的項目添加到配置中,一直到finish。
而後右鍵咱們新建的server,在菜單中選擇publish發佈咱們的工程到服務器,發佈完成以後,啓動咱們的服務器。
打開瀏覽器運行http://localhost:8080/JavaWebTest01/ 啓動起來看到以下界面 就是咱們剛纔建立的jsp頁面。
一個簡單的web工程就起來了哦,是否是很簡單頗有趣。
下一期咱們將經過一個登錄功能,體驗下界面與後臺java的交互~
說明:
一、在瀏覽器中後面輸入的站點名稱必須和項目名稱相同,包括大小寫也要同樣如:JavaWebTest01,不然會提示找不到頁面,不知道是我係統環境的問題,仍是Eclipse就必須這樣。
二、在服務器建立以後,也就是發佈以前,要先修改項目的輸出路徑,最好是當前項目的LogTest/WebContent/WEB-INF/classes中,不然有可能找不的處理的類。以下圖是我從其餘項目中的一個截圖。
參考出處:
http://songzhan.iteye.com/blog/1849802
http://blog.sina.com.cn/s/blog_81890d830102wcca.html