昨天說要補個項目來鞏固下這幾天學的知識,於是今天咱們就寫一個讀取用戶註冊信息的小項目。讀取用戶信息註冊信息這個功能在各大網站都是很常見的。好,話不多說。開始我們的編程之旅!
軟件環境: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:如果對這個項目有不清楚的地方可以在下方留言。)