Java Web開發技術教程入門-項目-讀取用戶註冊信息

    昨天說要補個項目來鞏固下這幾天學的知識,於是今天咱們就寫一個讀取用戶註冊信息的小項目。讀取用戶信息註冊信息這個功能在各大網站都是很常見的。好,話不多說。開始我們的編程之旅!

     軟件環境:JDK9.0  EEeclipse、firefox

     必備知識:html知識,Jsp內置對象知識,JavaSE基本知識

     打開Eclipse 在New中新建Dynamic Web Project 項目,項目名稱chapter5。然後在WebContent目錄下面新建 reg.html文件。在第二天的閱讀中,我們知道了html是靜態網頁。

      reg.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用戶註冊頁面</title>
</head>
<body>
<h2 align="center">用戶註冊</h2>
<form method="post" action="reg.jsp">
 <table align="center" border="1" width="35%">
 <tr><th width="30%">姓名</th><td><input type="text" name="name"></td></tr>
 <tr><th >密碼</th><td><input type="password" name="pw"></td></tr>
 <tr><th >確認密碼</th><td><input type="password" name="pw"></td></tr>
 <tr><th >性別</th><td><input type="radio" name="sex" value="男" checked>男
 <input type="radio" name="sex" value="女" checked>女</td></tr>
 <tr><th>職業</th><td><select size="1" name="career">
 <option value="教育職業者">教育職業者</option>
 <option value="公司職員">公司職員</option>
 <option value="自由職業者">自由職業者</option>
 <option value="其他">其他</option>
 </td></tr>
 <tr><th >電話號碼</th><td><input type="text" name="telephone"></td></tr>
 <tr><th >電子郵箱</th><td><input type="text" name="email" size="30"></td></tr>
 <tr><th >興趣愛好</th><td>
 <input type="checkbox" name="fav" value="體育">體育
 <input type="checkbox" name="fav" value="看書">看書
 <input type="checkbox" name="fav" value="旅遊">旅遊
 <input type="checkbox" name="fav" value="美食">美食
 </td></tr>
 <tr><th>自我簡介</th>
 <td><textarea name="intro" row="5" cols="30"></textarea></td></tr>
 <tr><td colspan="2" align="center"><input type="submit" value="註冊"></td></tr>
 </table>
</form>
</body>
</html>

    代碼段中紅色標記的地方需要注意,這個表單的提交方法是post,action裏面放的是提交的文件路徑,待會我們就可以從reg.jsp文件中獲取到用戶註冊的用戶名,密碼等等註冊信息

     reg.jsp:

<!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>
<%@ page pageEncoding="UTF-8" %>
<%
request.setCharacterEncoding("UTF-8");
%>
您的姓名是:<%=request.getParameter("name") %></br>
您的密碼是:<%=request.getParameter("pw") %></br>
您的職業是:<%=request.getParameter("career") %></br>
您的電話號碼:<%=request.getParameter("telephone") %></br>
您的電話郵箱:<%=request.getParameter("email") %></br>
<%
 String [] fav=request.getParameterValues("fav");
 if(fav!=null)
 {
	 out.print("您的興趣愛好有:");
	 for(String f:fav)
	 {
		 out.print(f);
	 }
	 out.print("<br/>");
 }
%>
 您的自我簡介:<%=request.getParameter("intro")%>
</body>
</html>

      這段代碼使用了JSP九大內置對象的request對象,上節說道,request對象可以獲取用戶的提交的各項請求信息。request.getParameter("name" )這段代碼可以得到用戶從文本框輸入的用戶名的值。

        把這兩段代碼打完基本上就完成了這個項目的代碼任務了。

        最後我們選中項目 右鍵—> Run As—>Run on Server。

        當服務器運行成功時,我們在瀏覽器中輸入"http://localhost:8080/chapter5/reg.html"

         效果如上圖

         我們可以在輸入欄中填入我們的各種信息。然後點擊註冊便會跳到reg.jsp頁面。

        

           如果運行效果如上圖就代表這個項目成功了!!!

           (ps:如果對這個項目有不清楚的地方可以在下方留言。)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章