1. 程式人生 > >java學習筆記之使用MyEclipse編寫一個簡單的登陸界(一)

java學習筆記之使用MyEclipse編寫一個簡單的登陸界(一)

使用MyEclipse編寫一個簡單的網頁。

要求:有一個簡單的登陸介面。可以驗證使用者名稱是否為admin,密碼為123。當結果正確時,跳往另外一個介面。

1、首先新建一個web project。

2、在webroot目錄下新建一個jsp檔案。

程式碼如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
  <head>
    <title>登陸介面</title>
  </head>
  
  <body>
   <center>
  	<h1>資訊系統</h1>
  	<form action="yes" method="post">
	    使用者名稱:<input type="text" name = "name"> <br>
	  密 碼:<input type="password" name = "psw"><br>
	     <input type="submit" value="登陸">
 	 </form>
  </center>

 </body>
</html>


3、部署檔案。連線到伺服器。

4、編寫登陸成功之後跳往的介面。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
  <head>  
    <title>使用者介面</title>
  </head>
  
  <body>
    <center>
    <h1>
    	登陸成功!歡迎到來!
    </h1>
    </center>
  </body>
</html>
5、編寫servlet。
package demo01;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class DemoServlet extends HttpServlet {
	
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String name = request.getParameter("name");
		String psw = request.getParameter("psw");
		if(name.equals("admin")&&psw.equals("123")){
			request.getRequestDispatcher("hello.jsp").forward(request, response);
		}
		else{
			response.sendRedirect("login.jsp");
		}
	}
}

6、編寫配置檔案。

在WebRoot下的WEB-INF中編寫web.xml。

<?xml version="1.0" encoding="UTF-8"?>
<web-app 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_3_0.xsd"
  version="3.0">
  
 <servlet>
  	<servlet-name>Demo</servlet-name>
  	<servlet-class>demo01.DemoServlet</servlet-class>
  </servlet>
  
  <servlet-mapping>
  	<servlet-name>Demo</servlet-name>
  	<url-pattern>/yes</url-pattern>
  </servlet-mapping>
  </web-app>

7、在位址列輸入http://localhost:8080/DemoWeb/login.jsp進行測試。