首先我先搭好網(wǎng)頁的框架
- 先寫一個登陸的html,名字是login.html
1)在js中跳轉頁面的方法捌木,我這里用的是get提交缺菌,只傳遞了一個name盒让。<script type="text/javascript">
function mylogin() {
var username=document.getElementById("name").value;
window.location.href="http://localhost:8888/cms/Login?name="+username;} //跳轉到Servlet--->login.java **
function myregister() {
window.location.href="F:\android\javaworkspace\one\workspace\cms\WebContent\test\register.html";} //跳轉到html--->register.html**
</script>
2)在login.html中寫兩個按鈕,用來跳轉頁面
<tfoot>
<tr><td><input type="button" value="提交" onclick="mylogin()" ></td>
<td><input type="button" value="注冊" onclick="myregister()"></td></tr>
</tfoot>
- 創(chuàng)建一個Servlet名字叫Login.java
在dopost中寫如下代碼
request.setCharacterEncoding("GBK"); //設置編碼格式
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ù)沐序,這里的內容我會在下一節(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();
- 創(chuàng)建一個注冊的html名字叫register.html
1)這里跳轉的是名字叫Register的servlet
<form action="http://localhost:8888/cms/Register" method="post">
2)用submit來提交表單,這里不同于上面的用js的方式來跳轉頁面堕绩,這是第二種跳轉頁面的方法
<td><input type="submit" value="提交" ></td>
<td><input type="reset" value="重置" ></td>
- 創(chuàng)建一個servlet名字叫Register.java
代碼類似于登陸的servlet