首先我先搭好網(wǎng)頁的框架

• 先寫一個(gè)登陸的html，名字是login.html
  1)在js中跳轉(zhuǎn)頁面的方法，我這里用的是get提交，只傳遞了一個(gè)name。

  <script type="text/javascript">
  function mylogin() {
  var username=document.getElementById("name").value;
  window.location.href="http://localhost:8888/cms/Login?name="+username;} //跳轉(zhuǎn)到Servlet--->login.java **
  function myregister() {
  window.location.href="F:\android\javaworkspace\one\workspace\cms\WebContent\test\register.html";} //跳轉(zhuǎn)到html--->register.html**
  </script>

Paste_Image.png

2)在login.html中寫兩個(gè)按鈕，用來跳轉(zhuǎn)頁面
<tfoot>
<tr><td><input type="button" value="提交" onclick="mylogin()" ></td>
<td><input type="button" value="注冊" onclick="myregister()"></td></tr>
</tfoot>

• 創(chuàng)建一個(gè)Servlet名字叫Login.java

在dopost中寫如下代碼
request.setCharacterEncoding("GBK"); //設(shè)置編碼格式
response.setCharacterEncoding("GBK");
PrintWriter printWriter=response.getWriter();
//獲取login.html中傳遞過來的數(shù)據(jù)--name
String name=request.getParameter("name");
ICustomerService customerService=new CustomerServiceImp();
//這里是我封裝的類，可以獲取數(shù)據(jù)庫的數(shù)據(jù)，這里的內(nèi)容我會在下一節(jié)講解
Customer cust= customerService.login(name, null);
printWriter.println("姓名："+cust.getName());//這里的數(shù)據(jù)會顯示在瀏覽器上
printWriter.println("性別："+cust.getGender());
printWriter.println("電話："+cust.getTelephone());
printWriter.println("地址："+cust.getAddress());
printWriter.flush();
printWriter.close();

Paste_Image.png

• 創(chuàng)建一個(gè)注冊的html名字叫register.html

1)這里跳轉(zhuǎn)的是名字叫Register的servlet
<form action="http://localhost:8888/cms/Register" method="post">

2)用submit來提交表單，這里不同于上面的用js的方式來跳轉(zhuǎn)頁面，這是第二種跳轉(zhuǎn)頁面的方法
<td><input type="submit" value="提交" ></td>
<td><input type="reset" value="重置" ></td>

Paste_Image.png

• 創(chuàng)建一個(gè)servlet名字叫Register.java
  代碼類似于登陸的servlet