手把手搭建一個完整的javaweb項目

手把手搭建一個完整的javaweb項目

本案例使用Servlet+jsp製作,用MyEclipse和Mysql數據庫進行搭建,詳細介紹了搭建過程及知識點。


下載地址:http://download.csdn.net/detail/qq_23994787/9904842  點擊下載

主要功能有:

1.用戶註冊

2.用戶登錄

3.用戶列表展示

4.用戶信息修改

5.用戶信息刪除


涉及到的知識點有:   

1.JDBC

2.Servlet

3.過濾器

4..EL與JSTL表達式


1.首先打開mysql數據庫 新建一個數據庫test,然後生成對應的表結構

  1. CREATE TABLE `user` (  
  2.   `id` int(11) NOT NULL auto_increment,  
  3.   `namevarchar(255) NOT NULL,  
  4.   `pwd` varchar(255) NOT NULL,  
  5.   `sex` varchar(255) NOT NULL,  
  6.   `home` varchar(255) NOT NULL,  
  7.   `info` varchar(255) NOT NULL,  
  8.   PRIMARY KEY  (`id`)  
  9. ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;  
  10.   
  11.   
  12. INSERT INTO `userVALUES ('3''123''123''123''123''123');  
  13. INSERT INTO `userVALUES ('4''123123''123123''男''北京''123123');  

這裏使用到了navicat for mysql    這是一種mysql的圖形界面化工具,後期可以非常方便的操作數據庫。

需要的童鞋 給你們個連接     http://download.csdn.net/download/qq_23994787/10168988

2.然後打開MyEclipse新建一個web項目

3.在webroot下的WEB-INF下的lib中導入mysql的驅動jar包

4.建立對應的包結構 
com.filter   //過濾器 解決中文字符集亂碼
com.util     //數據庫連接工具類
com.entity   //實體類
com.dao      //數據操作類
com.servlet   //servlet類


5.在filter下新建一個EncodingFilter用來解決中文字符集亂碼,它需要實現Filter接口,並重寫doFilter函數

[java] view plain copy
  1. package com.filter;  
  2.   
  3. import java.io.IOException;  
  4.   
  5. import javax.servlet.Filter;  
  6. import javax.servlet.FilterChain;  
  7. import javax.servlet.FilterConfig;  
  8. import javax.servlet.ServletException;  
  9. import javax.servlet.ServletRequest;  
  10. import javax.servlet.ServletResponse;  
  11.   
  12. public class EncodingFilter implements Filter{  
  13.     public EncodingFilter(){  
  14.         System.out.println("過濾器構造");  
  15.     }  
  16.     public void destroy() {  
  17.         System.out.println("過濾器銷燬");  
  18.     }  
  19.     public void doFilter(ServletRequest request, ServletResponse response,FilterChain chain) throws IOException, ServletException {  
  20.         request.setCharacterEncoding("utf-8"); //將編碼改爲utf-8  
  21.         response.setContentType("text/html;charset=utf-8");  
  22.         chain.doFilter(request, response);  
  23.     }  
  24.   
  25.     public void init(FilterConfig arg0) throws ServletException {  
  26.         System.out.println("過濾器初始化");  
  27.     }  
  28.   
  29. }  


6.到web.xml下進行對EncodingFilter相應的配置

[html] view plain copy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5"   
  3.     xmlns="http://java.sun.com/xml/ns/javaee"   
  4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
  5.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
  6.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  7.   <display-name></display-name>   
  8.     
  9.   <filter>  
  10.     <filter-name>EncodingFilter</filter-name>  
  11.     <filter-class>com.filter.EncodingFilter</filter-class><!--全路徑 從根包開始一直到類名-->  
  12.   </filter>  
  13.   <filter-mapping>  
  14.     <filter-name>EncodingFilter</filter-name>  
  15.     <url-pattern>/*</url-pattern> <!--*即爲過濾所有-->  
  16.   </filter-mapping>  
  17.     
  18.     
  19.   <welcome-file-list>  
  20.     <welcome-file>denglu.jsp</welcome-file>  
  21.   </welcome-file-list>  
  22. </web-app>  


7.在util下新建一個DBconn類用來處理對數據庫的連接操作(用戶名或密碼按照自己的數據庫更改)

[java] view plain copy
  1. package com.util;  
  2.   
  3. import java.sql.*;  
  4.   
  5. public class DBconn {  
  6.     static String url = "jdbc:mysql://localhost:3306/test?useunicuee=true& characterEncoding=utf8";   
  7.     static String username = "root";   
  8.     static String password = "root";   
  9.     static Connection  conn = null;  
  10.     static ResultSet rs = null;  
  11.     static PreparedStatement ps =null;  
  12.     public static void init(){  
  13.         try {  
  14.             Class.forName("com.mysql.jdbc.Driver");  
  15.             conn = DriverManager.getConnection(url,username,password);  
  16.         } catch (Exception e) {  
  17.             System.out.println("init [SQL驅動程序初始化失敗!]");  
  18.             e.printStackTrace();  
  19.         }  
  20.     }  
  21.     public static int addUpdDel(String sql){  
  22.         int i = 0;  
  23.         try {  
  24.             PreparedStatement ps =  conn.prepareStatement(sql);  
  25.             i =  ps.executeUpdate();  
  26.         } catch (SQLException e) {  
  27.             System.out.println("sql數據庫增刪改異常");  
  28.             e.printStackTrace();  
  29.         }  
  30.           
  31.         return i;  
  32.     }  
  33.     public static ResultSet selectSql(String sql){  
  34.         try {  
  35.             ps =  conn.prepareStatement(sql);  
  36.             rs =  ps.executeQuery(sql);  
  37.         } catch (SQLException e) {  
  38.             System.out.println("sql數據庫查詢異常");  
  39.             e.printStackTrace();  
  40.         }  
  41.         return rs;  
  42.     }  
  43.     public static void closeConn(){  
  44.         try {  
  45.             conn.close();  
  46.         } catch (SQLException e) {  
  47.             System.out.println("sql數據庫關閉異常");  
  48.             e.printStackTrace();  
  49.         }  
  50.     }  
  51. }  


8.在entity下新建一個User實體類(實體即抽象出來的用戶對象,對應數據庫中的user表,表中每個字段在實體中爲一個屬性,也可以理解爲一個User對象對應數據庫中的user表一條記錄)

[java] view plain copy
  1. package com.entity;  
  2.   
  3. public class User {  
  4.     private int id;  
  5.     private String name;  
  6.     private String pwd;  
  7.     private String sex;  
  8.     private String home;  
  9.     private String info;  
  10.     public int getId() {  
  11.         return id;  
  12.     }  
  13.     public void setId(int id) {  
  14.         this.id = id;  
  15.     }  
  16.     public String getName() {  
  17.         return name;  
  18.     }  
  19.     public void setName(String name) {  
  20.         this.name = name;  
  21.     }  
  22.     public String getPwd() {  
  23.         return pwd;  
  24.     }  
  25.     public void setPwd(String pwd) {  
  26.         this.pwd = pwd;  
  27.     }  
  28.     public String getSex() {  
  29.         return sex;  
  30.     }  
  31.     public void setSex(String sex) {  
  32.         this.sex = sex;  
  33.     }  
  34.     public String getHome() {  
  35.         return home;  
  36.     }  
  37.     public void setHome(String home) {  
  38.         this.home = home;  
  39.     }  
  40.     public String getInfo() {  
  41.         return info;  
  42.     }  
  43.     public void setInfo(String info) {  
  44.         this.info = info;  
  45.     }  
  46.       
  47. }  


9.在dao下新建一個UserDao接口  以及對應的方法實現類(使用接口類是爲了規範開發)

UserDao.java

[java] view plain copy
  1. package com.dao;  
  2.   
  3. import java.util.List;  
  4.   
  5. import com.entity.User;  
  6.   
  7. public interface UserDao {  
  8.     public boolean login(String name,String pwd);//登錄  
  9.     public boolean register(User user);//註冊  
  10.     public List<User> getUserAll();//返回用戶信息集合  
  11.     public boolean delete(int id) ;//根據id刪除用戶  
  12.     public boolean update(int id,String name, String pwd,String sex, String home,String info) ;//更新用戶信息  
  13. }  


新建UserDaoImpl.java     實現UserDao接口,及未實現的方法     (SQL語句建議在mysql中測試以下,沒有問題然後在拿到實現類中使用,可以避免無必要的麻煩)

本例子SQL使用字符串拼接的方式,其實還有一種預加載的方式,有興趣的童鞋可以參考我的博客,瞭解預加載的方式處理SQL語句與字符串拼接方式的區別。

[java] view plain copy
  1. package com.dao;  
  2.   
  3. import java.sql.ResultSet;  
  4. import java.sql.SQLException;  
  5. import java.util.ArrayList;  
  6. import java.util.List;  
  7.   
  8. import com.entity.User;  
  9. import com.util.DBconn;  
  10.   
  11. public class UserDaoImpl implements UserDao{  
  12.       
  13.     public boolean register(User user) {  
  14.         boolean flag = false;  
  15.         DBconn.init();  
  16.         int i =DBconn.addUpdDel("insert into user(name,pwd,sex,home,info) " +  
  17.                 "values('"+user.getName()+"','"+user.getPwd()+"','"+user.getSex()+"','"+user.getHome()+"','"+user.getInfo()+"')");  
  18.         if(i>0){  
  19.             flag = true;  
  20.         }  
  21.         DBconn.closeConn();  
  22.         return flag;  
  23.     }  
  24.     public boolean login(String name, String pwd) {  
  25.         boolean flag = false;  
  26.         try {  
  27.                 DBconn.init();  
  28.                 ResultSet rs = DBconn.selectSql("select * from user where name='"+name+"' and pwd='"+pwd+"'");  
  29.                 while(rs.next()){  
  30.                     if(rs.getString("name").equals(name) && rs.getString("pwd").equals(pwd)){  
  31.                         flag = true;  
  32.                     }  
  33.                 }  
  34.                 DBconn.closeConn();  
  35.         } catch (SQLException e) {  
  36.             e.printStackTrace();  
  37.         }  
  38.         return flag;  
  39.     }  
  40.     public List<User> getUserAll() {  
  41.         List<User> list = new ArrayList<User>();  
  42.         try {  
  43.             DBconn.init();  
  44.             ResultSet rs = DBconn.selectSql("select * from user");  
  45.             while(rs.next()){  
  46.                 User user = new User();  
  47.                 user.setId(rs.getInt("id"));  
  48.                 user.setName(rs.getString("name"));  
  49.                 user.setPwd(rs.getString("pwd"));  
  50.                 user.setSex(rs.getString("sex"));  
  51.                 user.setHome(rs.getString("home"));  
  52.                 user.setInfo(rs.getString("info"));  
  53.                 list.add(user);  
  54.             }  
  55.             DBconn.closeConn();  
  56.             return list;  
  57.         } catch (SQLException e) {  
  58.             e.printStackTrace();  
  59.         }  
  60.         return null;  
  61.     }  
  62.     public boolean update(int id,String name, String pwd,String sex, String home,String info) {  
  63.         boolean flag = false;  
  64.         DBconn.init();  
  65.         String sql ="update user set name ='"+name  
  66.                 +"' , pwd ='"+pwd  
  67.                 +"' , sex ='"+sex  
  68.                 +"' , home ='"+home  
  69.                 +"' , info ='"+info+"' where id = "+id;  
  70.         int i =DBconn.addUpdDel(sql);  
  71.         if(i>0){  
  72.             flag = true;  
  73.         }  
  74.         DBconn.closeConn();  
  75.         return flag;  
  76.     }  
  77.     public boolean delete(int id) {  
  78.         boolean flag = false;  
  79.         DBconn.init();  
  80.         String sql = "delete  from user where id="+id;  
  81.         int i =DBconn.addUpdDel(sql);  
  82.         if(i>0){  
  83.             flag = true;  
  84.         }  
  85.         DBconn.closeConn();  
  86.         return flag;  
  87.     }  
  88.       
  89. }  



10.在servlet下創建DengluServlet用來實現對用戶登錄的操作(Servlet有兩種方式創建,一種手工創建。另一種程序自動生成。前者自己創建java類,實現Servlet具體內容,然後需要去WEB_INF下的web.xml去配置servlet  . 而後者則直接由程序替我們配置好了Servlet)本例子使用第二種方式生成Servlet

DengluServlet.java

[java] view plain copy
  1. package com.servlet;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5.   
  6. import javax.servlet.ServletException;  
  7. import javax.servlet.http.HttpServlet;  
  8. import javax.servlet.http.HttpServletRequest;  
  9. import javax.servlet.http.HttpServletResponse;  
  10.   
  11. import com.dao.UserDao;  
  12. import com.dao.UserDaoImpl;  
  13.   
  14. public class DengluServlet extends HttpServlet {  //需要繼承HttpServlet  並重寫doGet  doPost方法  
  15.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  16.             throws ServletException, IOException {  
  17.         doPost(request, response);  //將信息使用doPost方法執行   對應jsp頁面中的form表單中的method  
  18.     }  
  19.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
  20.             throws ServletException, IOException {  
  21.           
  22.         String name = request.getParameter("name"); //得到jsp頁面傳過來的參數  
  23.         String pwd = request.getParameter("pwd");  
  24.           
  25.         UserDao ud = new UserDaoImpl();  
  26.           
  27.         if(ud.login(name, pwd)){  
  28.             request.setAttribute("xiaoxi""歡迎用戶"+name); //向request域中放置信息  
  29.             request.getRequestDispatcher("/success.jsp").forward(request, response);//轉發到成功頁面  
  30.         }else{  
  31.             response.sendRedirect("index.jsp"); //重定向到首頁  
  32.         }  
  33.     }  
  34.   
  35. }  


有兩點要注意的地方:

一:getParameter與getAttribute兩者的區別

request.setAttribute("xiaoxi", "歡迎用戶"+name);//向request域中放置信息 ( 鍵值對的形式)  名字爲xiaoxi  內容爲"歡迎用戶"+name

request.getAttribute("xiaoxi");//得到request域中放置名字爲xiaoxi的信息

request.getParameter("name");//得到request域的參數信息(得到jsp頁面傳過來的參數)

getAttribute表示從request範圍取得設置的屬性,必須要先setAttribute設置屬性,才能通過getAttribute來取得,設置與取得的爲Object對象類型 。

getParameter表示接收參數,參數爲頁面提交的參數,包括:表單提交的參數、URL重寫(就是xxx?id=1中的id)傳的參數等,因此這個並沒有設置參數的方法(沒有setParameter),而且接收參數返回的不是Object,而是String類型

二:轉發與重定向的區別

(1).重定向的執行過程:Web服務器向瀏覽器發送一個http響應--》瀏覽器接受此響應後再發送一個新的http請求到服務器--》服務器根據此請求尋找資源併發送給瀏覽器。它可以重定向到任意URL,不能共享request範圍內的數據。
(2).重定向是在客戶端發揮作用,通過新的地址實現頁面轉向。
(3).重定向是通過瀏覽器重新請求地址,在地址欄中可以顯示轉向後的地址。
(4).轉發過程:Web服務器調用內部方法在容器內部完成請求和轉發動作--》將目標資源發送給瀏覽器,它只能在同一個Web應用中使用,可以共享request範圍內的數據。
(5).轉發是在服務器端發揮作用,通過forward()方法將提交信息在多個頁面間進行傳遞。
(6).轉發是在服務器內部控制權的轉移,客戶端瀏覽器的地址欄不會顯示出轉向後的地址。


11.在servlet下創建一個ZhuceServlet用來實現用戶註冊的操作

ZhuceServlet.java

[java] view plain copy
  1. package com.servlet;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5.   
  6. import javax.servlet.ServletException;  
  7. import javax.servlet.http.HttpServlet;  
  8. import javax.servlet.http.HttpServletRequest;  
  9. import javax.servlet.http.HttpServletResponse;  
  10. import com.dao.UserDao;  
  11. import com.dao.UserDaoImpl;  
  12. import com.entity.User;  
  13.   
  14. public class ZhuceServlet extends HttpServlet {  
  15.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  16.             throws ServletException, IOException {  
  17.         doPost(request, response);  
  18.     }  
  19.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
  20.             throws ServletException, IOException {  
  21.           
  22.         String name = request.getParameter("name"); //獲取jsp頁面傳過來的參數  
  23.         String pwd = request.getParameter("pwd");  
  24.         String sex = request.getParameter("sex");  
  25.         String home = request.getParameter("home");  
  26.         String info = request.getParameter("info");  
  27.           
  28.         User user = new User(); //實例化一個對象,組裝屬性  
  29.         user.setName(name);  
  30.         user.setPwd(pwd);  
  31.         user.setSex(sex);  
  32.         user.setHome(home);  
  33.         user.setInfo(info);  
  34.           
  35.         UserDao ud = new UserDaoImpl();  
  36.           
  37.         if(ud.register(user)){  
  38.             request.setAttribute("username", name);  //向request域中放置參數  
  39.             //request.setAttribute("xiaoxi", "註冊成功");  
  40.             request.getRequestDispatcher("/denglu.jsp").forward(request, response);  //轉發到登錄頁面  
  41.         }else{  
  42.               
  43.             response.sendRedirect("index.jsp");//重定向到首頁  
  44.         }  
  45.     }  
  46. }  


12.在servlet下創建SearchallServlet用來返回數據庫中所有用戶信息

Searchall.java

[java] view plain copy
  1. package com.servlet;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5. import java.util.List;  
  6.   
  7. import javax.servlet.ServletException;  
  8. import javax.servlet.http.HttpServlet;  
  9. import javax.servlet.http.HttpServletRequest;  
  10. import javax.servlet.http.HttpServletResponse;  
  11.   
  12. import com.dao.UserDao;  
  13. import com.dao.UserDaoImpl;  
  14. import com.entity.User;  
  15.   
  16. public class Searchall extends HttpServlet {  
  17.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  18.             throws ServletException, IOException {  
  19.         doPost(request, response);  
  20.     }  
  21.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
  22.             throws ServletException, IOException {  
  23.           
  24.         UserDao ud = new UserDaoImpl();  
  25.         List<User> userAll = ud.getUserAll();  
  26.         request.setAttribute("userAll", userAll);  
  27.         request.getRequestDispatcher("/showall.jsp").forward(request, response);  
  28.     }  
  29. }  


13.在servlet下創建DeleteServlet用來刪除用戶操作

DeleteServlet.java

[java] view plain copy
  1. package com.servlet;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5.   
  6. import javax.servlet.ServletException;  
  7. import javax.servlet.http.HttpServlet;  
  8. import javax.servlet.http.HttpServletRequest;  
  9. import javax.servlet.http.HttpServletResponse;  
  10.   
  11. import com.dao.UserDao;  
  12. import com.dao.UserDaoImpl;  
  13.   
  14. public class DeleteServlet extends HttpServlet {  
  15.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  16.             throws ServletException, IOException {  
  17.         doPost(request, response);  
  18.     }  
  19.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
  20.             throws ServletException, IOException {  
  21.           
  22.         String id = request.getParameter("id");  
  23.         int userId = Integer.parseInt(id);  
  24.           
  25.         UserDao ud = new UserDaoImpl();  
  26.           
  27.         if(ud.delete(userId)){  
  28.             request.setAttribute("xiaoxi""刪除成功");  
  29.             request.getRequestDispatcher("/Searchall").forward(request, response);  
  30.         }else{  
  31.             response.sendRedirect("index.jsp");  
  32.         }  
  33.     }  
  34.   
  35. }  


14.在servlet下創建UpdateServlet操作用來更新用戶信息

UpdateServlet.java

[java] view plain copy
  1. package com.servlet;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5.   
  6. import javax.servlet.ServletException;  
  7. import javax.servlet.http.HttpServlet;  
  8. import javax.servlet.http.HttpServletRequest;  
  9. import javax.servlet.http.HttpServletResponse;  
  10.   
  11. import com.dao.UserDao;  
  12. import com.dao.UserDaoImpl;  
  13. import com.entity.User;  
  14.   
  15. public class UpdateServlet extends HttpServlet {  
  16.   
  17.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  18.             throws ServletException, IOException {  
  19.         doPost(request, response);  
  20.     }  
  21.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
  22.             throws ServletException, IOException {  
  23.           
  24.         String id = request.getParameter("id");  
  25.         int userId = Integer.parseInt(id);  
  26.           
  27.         String name = request.getParameter("name");  
  28.         String pwd = request.getParameter("pwd");  
  29.         String sex = request.getParameter("sex");  
  30.         String home = request.getParameter("home");  
  31.         String info = request.getParameter("info");  
  32.           
  33.         System.out.println("------------------------------------"+userId);  
  34.           
  35.         UserDao ud = new UserDaoImpl();  
  36.           
  37.         if(ud.update(userId, name, pwd, sex, home, info)){  
  38.             request.setAttribute("xiaoxi""更新成功");  
  39.             request.getRequestDispatcher("/Searchall").forward(request, response);  
  40.         }else{  
  41.             response.sendRedirect("index.jsp");  
  42.         }  
  43.     }  
  44. }  

15.配置servlet       如果非手打而用MyEclipse生成則不用配置  附完整web.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5"   
  3.     xmlns="http://java.sun.com/xml/ns/javaee"   
  4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
  5.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
  6.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  7.   <display-name></display-name>   
  8.     
  9.   <filter><!--過濾器配置-->  
  10.     <filter-name>EncodingFilter</filter-name>  
  11.     <filter-class>com.filter.EncodingFilter</filter-class>  
  12.   </filter>  
  13.   <filter-mapping>  
  14.     <filter-name>EncodingFilter</filter-name>  
  15.     <url-pattern>/*</url-pattern>  
  16.   </filter-mapping>  
  17.     
  18.     
  19.     
  20.   <servlet><!--servlet類路徑配置-->  
  21.     <servlet-name>DengluServlet</servlet-name>  
  22.     <servlet-class>com.servlet.DengluServlet</servlet-class>  
  23.   </servlet>  
  24.   <servlet>  
  25.     <servlet-name>ZhuceServlet</servlet-name>  
  26.     <servlet-class>com.servlet.ZhuceServlet</servlet-class>  
  27.   </servlet>  
  28.   <servlet>  
  29.     <servlet-name>Searchall</servlet-name>  
  30.     <servlet-class>com.servlet.Searchall</servlet-class>  
  31.   </servlet>  
  32.   <servlet>  
  33.     <servlet-name>DeleteServlet</servlet-name>  
  34.     <servlet-class>com.servlet.DeleteServlet</servlet-class>  
  35.   </servlet>  
  36.   <servlet>  
  37.     <servlet-name>UpdateServlet</servlet-name>  
  38.     <servlet-class>com.servlet.UpdateServlet</servlet-class>  
  39.   </servlet>  
  40.   
  41.   
  42.   
  43.   <servlet-mapping><!--servlet類映射配置-->  
  44.     <servlet-name>DengluServlet</servlet-name>  
  45.     <url-pattern>/DengluServlet</url-pattern>  
  46.   </servlet-mapping>  
  47.   <servlet-mapping>  
  48.     <servlet-name>ZhuceServlet</servlet-name>  
  49.     <url-pattern>/ZhuceServlet</url-pattern>  
  50.   </servlet-mapping>  
  51.   <servlet-mapping>  
  52.     <servlet-name>Searchall</servlet-name>  
  53.     <url-pattern>/Searchall</url-pattern>  
  54.   </servlet-mapping>  
  55.   <servlet-mapping>  
  56.     <servlet-name>DeleteServlet</servlet-name>  
  57.     <url-pattern>/DeleteServlet</url-pattern>  
  58.   </servlet-mapping>  
  59.   <servlet-mapping>  
  60.     <servlet-name>UpdateServlet</servlet-name>  
  61.     <url-pattern>/UpdateServlet</url-pattern>  
  62.   </servlet-mapping>  
  63.     
  64.     
  65.     
  66.   <welcome-file-list><!--默認首頁地址-->  
  67.     <welcome-file>denglu.jsp</welcome-file>  
  68.   </welcome-file-list>  
  69. </web-app>  

16.新建jsp頁面

denglu.jsp 用戶登錄頁面      默認頁面進入項目後  先進入該頁面(web.xml中配置)    

form表單中需要注意的是<form action="DengluServlet"  method="post">

其中action即爲要跳轉的servlet路徑(即在web.xml中配置的servlet-mapping   :<url-pattern>/DengluServlet</url-pattern>   ,)寫  /  後的內容。

method="post"爲傳遞值得方法類型有兩種,第一種get,第二種post。網上介紹這兩種的區別有很多,闡述的又是百家爭鳴。而我覺得那個方便就用那個,一般使用post傳遞,可避免亂碼。

另一個需要注意的是   用戶名:<input type="text" name="name" value="">  input標籤  一定要起個名字  如name="name"  

起名的作用就是讓後臺通過request.getParterment("name");來取值

[plain] view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  3. <html>  
  4.   <head>  
  5.     <title>登錄註冊頁面</title>  
  6.   </head>  
  7.   <body >  
  8.          <form action="DengluServlet"  method="post"  style="padding-top:-700px;">  
  9.         用戶名:<input type="text" name="name"value=""><br><br>  
  10.         密碼:  <input type="password" name="pwd"value=""><br><br>  
  11.                     <input type="submit"value="登錄"name="denglu"><input type="reset"value="重置"><br>  
  12.      </form>  
  13.      <form action="zhuce.jsp">  
  14.         <input type="submit"value="新用戶註冊">  
  15.          </form>  
  16.       
  17.   </body>  
  18. </html>  

zhuce.jsp  用戶註冊頁面

[plain] view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  7. <html>  
  8.   <head>  
  9.     <title>My JSP 'BB.jsp' starting page</title>  
  10.   </head>  
  11.   <body >  
  12.   <form action="ZhuceServlet"method="post" style="padding-top:-700px;">  
  13.        輸入用戶名:<input name="name" type="text"><br><br>  
  14.        輸入密碼:<input name="pwd" type="password"><br><br>  
  15.        選擇性別:<input type="radio"name="sex"value="男"checked>男  
  16.             <input type="radio"name="sex"value="女">女<br><br>  
  17.        選擇家鄉:  
  18.        <select name="home">  
  19.            <option value="上海">上海</option>  
  20.            <option value="北京" selected>北京</option>  
  21.            <option value="紐約">紐約</option>  
  22.         </select><br>  
  23.                填寫個人信息:<br>  
  24.        <textarea name="info" row="5"cols="30"></textarea><br>  
  25.        <input type="reset"value="重置"><input type="submit"value="註冊">  
  26.    </form>  
  27.   </body>  
  28. </html>  
 
index.jsp  失敗頁面

[plain] view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  7. <html>  
  8.   <head>  
  9.     <title>My JSP 'index.jsp' starting page</title>  
  10.   </head>  
  11.   <body>  
  12.             <h1>失敗</h1>  
  13.   </body>  
  14. </html>  

success.jsp  成功頁面

${xiaoxi}爲EL表達式  獲取request域中的鍵名爲xiaoxi的值

[plain] view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <title>My JSP 'success.jsp' starting page</title>  
  11.   </head>  
  12.   <body>  
  13.             ${xiaoxi} <br>    
  14.             <a href="Searchall">查看所有用戶</a>  
  15.   </body>  
  16. </html>  


showall.jsp   展現所有用戶頁面

頁面使用的到JSTL表達式 即c標籤。使用c標籤需要引入頭文件<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 。

需要注意的的是El標籤配合JSTl標籤的使用,<c:forEach var="U" items="${userAll}"  >   例子foeEach標籤的遍歷內容即爲EL表達式獲取的${userAll}

而且當指定別名後var="U"  ,別名可以隨便起,爲了方便一般是小寫類名命名。  

C標籤內遍歷的屬性也是需要用${  }獲取。此時別名U即爲當前集合中的User對象,想得到屬性只需要用 ${ U.屬性名 }     即可

[plain] view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>   
  3. <%  
  4. String path = request.getContextPath();  
  5. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  6. %>  
  7.   
  8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  9. <html>  
  10.   <head>  
  11.     <base href="<%=basePath%>">  
  12.     <title>所有用戶頁面</title>  
  13.   </head>  
  14.     
  15.   <body>  
  16.   <h1>${xiaoxi}</h1>  
  17.   <table  width="600" border="1" cellpadding="0" >  
  18.         <tr>  
  19.             <th>ID</th>  
  20.             <th>姓名</th>  
  21.             <th>性別</th>  
  22.             <th>密碼</th>  
  23.             <th>家鄉</th>  
  24.             <th>備註</th>  
  25.             <th>操作</th>  
  26.         </tr>  
  27.      <c:forEach var="U" items="${userAll}"  >   
  28.       <form action="UpdateServlet" method="post">   
  29.        <tr>  
  30.            <td><input type="text" value="${U.id}" name="id" ></td>  
  31.            <td><input type="text" value="${U.name}" name="name"></td>  
  32.            <td><input type="text" value="${U.sex}" name="sex"></td>  
  33.            <td><input type="text" value="${U.pwd}" name="pwd"></td>  
  34.            <td><input type="text" value="${U.home}" name="home"></td>  
  35.            <td><input type="text" value="${U.info}" name="info"></td>  
  36.            <td><a href="DeleteServlet?id=${U.id}">刪除</a>  <input type="submit" value="更新"/></td>  
  37.        </tr>  
  38.     </form>   
  39.     </c:forEach>    
  40.     </table>  
  41.   </body>  
  42. </html>  

項目結構


最後要說的話

1.編程不是看會的,是敲會的。只要敲敲敲,纔可以深刻的記憶,當然這隻能稱之爲會用,之後深入瞭解其實現原理才能將其吸收融會貫通。

2.要養成良好的代碼習慣,整潔乾淨,命名規範,以及詳細的註釋。這對幫助你成長都大有裨益。

3.要閱讀大牛寫的代碼,一個人的力量終究是有限的,經常閱讀高質量的源碼,無形之中就會改變我們的思路,就好比自己琢磨武功,與擁有武林祕籍者相比...

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