登錄註冊案例

時間 2019-11-16

標籤登錄註冊案例简体版

原文原文鏈接

1、項目目錄結構：

案例採用MVC三層模式開發：javascript

2、源代碼：

domain層：User .javacss

 1 package com.domain;
 2 
 3 import java.util.Date;
 4 
 5 public class User {
 6     private String id;
 7     private String username;
 8     private String password;
 9     private String email;
10     private Date birthday;
11     private String nickname;
12     public String getId() {
13         return id;
14     }
15     public void setId(String id) {
16         this.id = id;
17     }
18     public String getUsername() {
19         return username;
20     }
21     public void setUsername(String username) {
22         this.username = username;
23     }
24     public String getPassword() {
25         return password;
26     }
27     public void setPassword(String password) {
28         this.password = password;
29     }
30     public String getEmail() {
31         return email;
32     }
33     public void setEmail(String email) {
34         this.email = email;
35     }
36     public Date getBirthday() {
37         return birthday;
38     }
39     public void setBirthday(Date birthday) {
40         this.birthday = birthday;
41     }
42     public String getNickname() {
43         return nickname;
44     }
45     public void setNickname(String nickname) {
46         this.nickname = nickname;
47     }
48 }

dao層：UserDaoImpl .javahtml

package com.dao.impl; import java.text.SimpleDateFormat; import org.dom4j.Document; import org.dom4j.Element; import com.dao.UserDao; import com.domain.User; import com.utils.XmlUtils; public class UserDaoImpl implements UserDao { public void add(User user){ try{ Document document = XmlUtils.getDocument(); Element root = document.getRootElement(); Element user_tag = root.addElement("user"); user_tag.setAttributeValue("id", user.getId()); user_tag.setAttributeValue("username", user.getUsername()); user_tag.setAttributeValue("password", user.getPassword()); user_tag.setAttributeValue("email", user.getEmail()); user_tag.setAttributeValue("birthday", user.getBirthday()==null?"":user.getBirthday().toLocaleString()); user_tag.setAttributeValue("nickname", user.getNickname()); XmlUtils.reWrite(document); }catch (Exception e) { throw new RuntimeException(e); } } public User find(String username,String password){ try{ Document document = XmlUtils.getDocument(); Element e = (Element) document.selectSingleNode("//user[@username='"+username+"' and @password='"+password+"']"); if(e==null){ return null; } User user = new User(); String date = e.attributeValue("birthday");  // "" 1980-09-09
            if(date==null || date.equals("")){ user.setBirthday(null); }else{ SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); user.setBirthday(df.parse(date)); } user.setEmail(e.attributeValue("email")); user.setId(e.attributeValue("id")); user.setNickname(e.attributeValue("nickname")); user.setPassword(e.attributeValue("password")); user.setUsername(e.attributeValue("username")); return user; }catch (Exception e) { throw new RuntimeException(e); } } //查找註冊的用戶是否在數據庫中存在
    public boolean find(String username){ try{ Document document = XmlUtils.getDocument(); Element e = (Element) document.selectSingleNode("//user[@username='"+username+"']"); if(e==null){ return false; } return true; }catch (Exception e) { throw new RuntimeException(e); } } }



service層：BussinessServiceImpl .java

import com.dao.UserDao;
import com.dao.impl.UserDaoImpl;
import com.domain.User;
import com.service.BussinessService;
import com.utils.ServiceUtils;

import exception.UserExistException;

public class BussinessServiceImpl implements BussinessService{
    
    private UserDao dao = new UserDaoImpl();
    
    //提供註冊業務邏輯
    public void register(User user) throws UserExistException{
        boolean b = dao.find(user.getUsername());
        if(b){
            throw new UserExistException(); 
        }else{
            user.setPassword(ServiceUtils.md5(user.getPassword()));
            dao.add(user);
        }
    }

    //登記業務邏輯
    public User login(String username,String password){  //aaa 123
        password = ServiceUtils.md5(password);
        return dao.find(username, password);
    }
}


web層：
LoginUIServlet.java:爲用戶提供註冊界面

package com.web.UI;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//爲用戶提供登錄界面
public class LoginUIServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // "/"對服務器而言表示當前web應用
        request.getRequestDispatcher("/WEB-INF/jsp/login.jsp").forward(request, response);
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }
}

 
RegisterUIServlet.java:爲用戶提供登錄界面

package com.web.UI;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//爲用戶提供登錄界面
public class LoginUIServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // "/"對服務器而言表示當前web應用
        request.getRequestDispatcher("/WEB-INF/jsp/login.jsp").forward(request, response);
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }
}

RegisterForm.java:封裝並校驗註冊表單提交的數據java

package com.web.formbean;
import java.util.HashMap;
import java.util.Map;
import javax.print.attribute.standard.MediaSize.ISO;
import org.apache.commons.beanutils.locale.converters.DateLocaleConverter;

public class RegisterForm {
    private String username;
    private String password;
    private String password2;
    private String email;
    private String birthday;
    private String nickname;
    private String client_checkcode;
    public String getClient_checkcode() {
        return client_checkcode;
    }
    public void setClient_checkcode(String client_checkcode) {
        this.client_checkcode = client_checkcode;
    }
    public String getService_checkcode() {
        return service_checkcode;
    }
    public void setService_checkcode(String service_checkcode) {
        this.service_checkcode = service_checkcode;
    }

    private String service_checkcode;
    private Map errors = new HashMap();
    
    public Map getErrors() {
        return errors;
    }
    public void setErrors(Map errors) {
        this.errors = errors;
    }
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
    }
    public String getPassword2() {
        return password2;
    }
    public void setPassword2(String password2) {
        this.password2 = password2;
    }
    public String getEmail() {
        return email;
    }
    public void setEmail(String email) {
        this.email = email;
    }
    
    public String getBirthday() {
        return birthday;
    }
    public void setBirthday(String birthday) {
        this.birthday = birthday;
    }
    public String getNickname() {
        return nickname;
    }
    public void setNickname(String nickname) {
        this.nickname = nickname;
    }
    
    //用戶名不能爲空，而且要是3-8位字母
    //密碼不能爲空，而且是3-8位數字
    //確認密碼不能爲空，而且要和一次一致
    //電子郵箱不能爲空，而且要是一個格式合法的郵箱
    //生日能夠爲空，不爲空時，必需要是一個日期
    //暱稱不能夠爲空，而且要是漢字
    public boolean validate(){
        boolean isOK = true;
        
        if(this.username==null || this.username.trim().equals("")){
            isOK = false;
            errors.put("username", "用戶名不能爲空！！");
        }else{
            if(!this.username.matches("[A-Za-z]{3,8}")){
                isOK = false;
                errors.put("username", "用戶名必需要是3-8位字母！！");
            }
        }
        
        
        if(this.password==null || this.password.trim().equals("")){
            isOK = false;
            errors.put("password", "密碼不能爲空！！");
        }else{
            if(!this.password.matches("\\d{3,8}")){
                isOK = false;
                errors.put("password", "密碼必需要是3-8位數字！！");
            }
        }
        
        if(this.password2==null || this.password2.trim().equals("")){
            isOK = false;
            errors.put("password2", "確認密碼不能爲空！！");
        }else{
            if(!this.password.equals(this.password2)){
                isOK = false;
                errors.put("password2", "兩次密碼要一致！！");
            }
        }
        
        
        //電子郵箱不能爲空，而且要是一個格式合法的郵箱
        if(this.email==null || this.email.trim().equals("")){
            isOK = false;
            errors.put("email", "郵箱不能爲空！！");
        }else{
            // aaa@sina.com  aaa@sina.com.cn   aa_bb.cc@sina.com.cn
            //  \\w+@\\w+(\\.\\w+)+
            if(!this.email.matches("\\w+@\\w+(\\.\\w+)+")){
                isOK = false;
                errors.put("email", "郵箱格式不對！！！");
            }
        }
        
        ////生日能夠爲空，不爲空時，必需要是一個日期
        if(this.birthday!=null && !this.birthday.trim().equals("")){
            try{
                DateLocaleConverter dlc = new DateLocaleConverter();
                dlc.convert(this.birthday, "yyyy-MM-dd");
            }catch (Exception e) {
                isOK = false;
                errors.put("birthday", "日期格式不對！！！");
            }
        }
        
        //暱稱不能夠爲空，而且要是漢字
        if(this.nickname==null || this.nickname.trim().equals("")){
            isOK = false;
            errors.put("nickname", "暱稱不能爲空！！");
        }else{  //[^\u4e00-\u9fa5]*
            if(!this.nickname.matches("^([\u4e00-\u9fa5]+)$")){
                isOK = false;
                errors.put("nickname", "呢稱必須是漢字！！！");
            }
        }
        
        //校驗圖片驗證碼
        if(client_checkcode==null || this.client_checkcode.trim().equals("")){
            isOK = false;
            errors.put("client_checkcode", "必需要輸入認證碼！！");
        }else{
            if(!this.client_checkcode.equals(this.service_checkcode)){
                isOK = false;
                errors.put("client_checkcode", "認證碼錯誤！！！");
            }
        }
        return isOK;
    }
}

 

RegisterServlet.java：處理註冊請求

package com.web.control;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.domain.User;
import com.service.impl.BussinessServiceImpl;
import com.utils.WebUtils;
import com.web.formbean.RegisterForm;
import exception.UserExistException;

//處理註冊請求
public class RegisterServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        request.setCharacterEncoding("UTF-8");
        
        //1.對提交表單的字段進行合法性校驗（把表單數據封裝到formbean）
        RegisterForm form =  WebUtils.request2Bean(request, RegisterForm.class);
        String service_checkcode = (String) request.getSession().getAttribute("checkcode");
        form.setService_checkcode(service_checkcode);
        boolean b = form.validate();
        
        //2.若是校驗失敗，跳回到表單頁面，回顯校驗失敗信息
        if(!b){
            request.setAttribute("form", form);   
            request.getRequestDispatcher("/WEB-INF/jsp/register.jsp").forward(request, response);
            return;    
        }
        
        //3.若是校驗成功，則調用service處理註冊請求
        User user = new User();
        WebUtils.copyBean(form, user);
        user.setId(WebUtils.generateID());
        
        BussinessServiceImpl service = new BussinessServiceImpl();
        try {
            service.register(user);
            //6.若是serivce處理成功，跳轉到網站的全局消息顯示頁面，爲用戶註冊成功的消息
            request.setAttribute("message", "恭喜您，註冊成功！！");
            request.getRequestDispatcher("/message.jsp").forward(request, response);
            return;
        } catch (UserExistException e) {
            //4.若是serivce處理不成功,而且不成功的緣由，是由於註冊用戶已存在的話，則跳回到註冊頁面，顯示註冊用戶已存在的消息
            form.getErrors().put("username", "註冊的用戶名已存在！！");
            request.setAttribute("form", form);
            request.getRequestDispatcher("/WEB-INF/jsp/register.jsp").forward(request, response);
            return;
        }catch (Exception e) {
            //5.若是serivce處理不成功,而且不成功的緣由是其它問題的話，跳轉到網站的全局消息顯示頁面，爲用戶顯示友好錯誤消息
            e.printStackTrace();
            request.setAttribute("message", "服務器出現未知錯誤！！！");
            request.getRequestDispatcher("/message.jsp").forward(request, response);
            return;
        }
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }
}

LoginServlet.java:處理登錄請求web

package com.web.control;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.domain.User;
import com.service.impl.BussinessServiceImpl;

public class LoginServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
            //獲取用戶名和密碼
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        
        BussinessServiceImpl service = new BussinessServiceImpl();
        User user = service.login(username, password);
        
        if(user!=null){
            //登錄成功，跳轉首頁，在session保存登錄標記
            request.getSession().setAttribute("user", user);
            //重定向,應用程序名寫法 request.getContextPath()/day09 項目部署後應用名稱不一是day09
            response.sendRedirect(request.getContextPath()+"/index.jsp");
            return;
        }
        
        //登錄不成功，密碼或者用戶名錯誤
        request.setAttribute("message", "用戶名或者密碼錯誤");
        //跳轉全局消息頁面
        request.getRequestDispatcher("/message.jsp");
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }
}



ImageServlet.java：爲註冊頁面提供驗證碼

package com.web.control;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//產生隨機圖片
public class ImageServlet extends HttpServlet {

    private static final int WIDTH = 120;
    private static final int HEIGHT = 25;
    
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        //1.在內存中建立一個圖片
        BufferedImage image = new BufferedImage(WIDTH,HEIGHT,BufferedImage.TYPE_INT_RGB);
        
        //2.獲得圖片
        Graphics2D g = (Graphics2D) image.getGraphics();
        
        //3.設置背景色
        setBackground(g);
        
        //3.設置圖片邊框
        setBorder(g);
        
        //4.設置圖片干擾線
        setRandomLine(g);
         
        //5.向圖片上寫數據
        String randomNum = drawRandomData2(g);
        
        //6.把圖片寫給客戶機,再通知瀏覽器以圖片方式打開數據,而且要通知瀏覽器不能緩存圖片
        response.setHeader("Expires", "-1");
        response.setHeader("Cache-Control","no-cache");
        response.setHeader("Pragma","no-cache");
        
        response.setContentType("image/jpeg");
        ImageIO.write(image, "jpg", response.getOutputStream());
        
        //把產生的圖片數據，在session中存一份
        request.getSession().setAttribute("checkcode", randomNum);
    }
    
    private void setBackground(Graphics g) {
        g.setColor(Color.WHITE);
        g.fillRect(0, 0, WIDTH, HEIGHT);
    }

    private void setBorder(Graphics g) {
        g.setColor(Color.BLUE);
        g.drawRect(1, 1, WIDTH-2, HEIGHT-2);
    }
    
    private void setRandomLine(Graphics g) {
        g.setColor(Color.GREEN);
        for(int i=0;i<5;i++){
            int x1 = new Random().nextInt(WIDTH);
            int y1 = new Random().nextInt(HEIGHT); 
            int x2 = new Random().nextInt(WIDTH);
            int y2 = new Random().nextInt(HEIGHT); 
            g.drawLine(x1, y1, x2, y2);
        }
    }
    
    private String drawRandomData2(Graphics2D g) {
        
        StringBuffer sb = new StringBuffer();  // \\ue40-\\3
        //中文字符集編碼
        String base = "\u7684\u4e00\u4e86\u662f\u6211\u4e0d\u5728\u4eba\u4eec\u6709\u6765\u4ed6\u8fd9\u4e0a\u7740\u4e2a\u5730\u5230\u5927\u91cc\u8bf4\u5c31\u53bb\u5b50\u5f97\u4e5f\u548c\u90a3\u8981\u4e0b\u770b\u5929\u65f6\u8fc7\u51fa\u5c0f\u4e48\u8d77\u4f60\u90fd\u628a\u597d\u8fd8\u591a\u6ca1\u4e3a\u53c8\u53ef\u5bb6\u5b66\u53ea\u4ee5\u4e3b\u4f1a\u6837\u5e74\u60f3\u751f\u540c\u8001\u4e2d\u5341\u4ece\u81ea\u9762\u524d\u5934\u9053\u5b83\u540e\u7136\u8d70\u5f88\u50cf\u89c1\u4e24\u7528\u5979\u56fd\u52a8\u8fdb\u6210\u56de\u4ec0\u8fb9\u4f5c\u5bf9\u5f00\u800c\u5df1\u4e9b\u73b0\u5c71\u6c11\u5019\u7ecf\u53d1\u5de5\u5411\u4e8b\u547d\u7ed9\u957f\u6c34\u51e0\u4e49\u4e09\u58f0\u4e8e\u9ad8\u624b\u77e5\u7406\u773c\u5fd7\u70b9\u5fc3\u6218\u4e8c\u95ee\u4f46\u8eab\u65b9\u5b9e\u5403\u505a\u53eb\u5f53\u4f4f\u542c\u9769\u6253\u5462\u771f\u5168\u624d\u56db\u5df2\u6240\u654c\u4e4b\u6700\u5149\u4ea7\u60c5\u8def\u5206\u603b\u6761\u767d\u8bdd\u4e1c\u5e2d\u6b21\u4eb2\u5982\u88ab\u82b1\u53e3\u653e\u513f\u5e38\u6c14\u4e94\u7b2c\u4f7f\u5199\u519b\u5427\u6587\u8fd0\u518d\u679c\u600e\u5b9a\u8bb8\u5feb\u660e\u884c\u56e0\u522b\u98de\u5916\u6811\u7269\u6d3b\u90e8\u95e8\u65e0\u5f80\u8239\u671b\u65b0\u5e26\u961f\u5148\u529b\u5b8c\u5374\u7ad9\u4ee3\u5458\u673a\u66f4\u4e5d\u60a8\u6bcf\u98ce\u7ea7\u8ddf\u7b11\u554a\u5b69\u4e07\u5c11\u76f4\u610f\u591c\u6bd4\u9636\u8fde\u8f66\u91cd\u4fbf\u6597\u9a6c\u54ea\u5316\u592a\u6307\u53d8\u793e\u4f3c\u58eb\u8005\u5e72\u77f3\u6ee1\u65e5\u51b3\u767e\u539f\u62ff\u7fa4\u7a76\u5404\u516d\u672c\u601d\u89e3\u7acb\u6cb3\u6751\u516b\u96be\u65e9\u8bba\u5417\u6839\u5171\u8ba9\u76f8\u7814\u4eca\u5176\u4e66\u5750\u63a5\u5e94\u5173\u4fe1\u89c9\u6b65\u53cd\u5904\u8bb0\u5c06\u5343\u627e\u4e89\u9886\u6216\u5e08\u7ed3\u5757\u8dd1\u8c01\u8349\u8d8a\u5b57\u52a0\u811a\u7d27\u7231\u7b49\u4e60\u9635\u6015\u6708\u9752\u534a\u706b\u6cd5\u9898\u5efa\u8d76\u4f4d\u5531\u6d77\u4e03\u5973\u4efb\u4ef6\u611f\u51c6\u5f20\u56e2\u5c4b\u79bb\u8272\u8138\u7247\u79d1\u5012\u775b\u5229\u4e16\u521a\u4e14\u7531\u9001\u5207\u661f\u5bfc\u665a\u8868\u591f\u6574\u8ba4\u54cd\u96ea\u6d41\u672a\u573a\u8be5\u5e76\u5e95\u6df1\u523b\u5e73\u4f1f\u5fd9\u63d0\u786e\u8fd1\u4eae\u8f7b\u8bb2\u519c\u53e4\u9ed1\u544a\u754c\u62c9\u540d\u5440\u571f\u6e05\u9633\u7167\u529e\u53f2\u6539\u5386\u8f6c\u753b\u9020\u5634\u6b64\u6cbb\u5317\u5fc5\u670d\u96e8\u7a7f\u5185\u8bc6\u9a8c\u4f20\u4e1a\u83dc\u722c\u7761\u5174\u5f62\u91cf\u54b1\u89c2\u82e6\u4f53\u4f17\u901a\u51b2\u5408\u7834\u53cb\u5ea6\u672f\u996d\u516c\u65c1\u623f\u6781\u5357\u67aa\u8bfb\u6c99\u5c81\u7ebf\u91ce\u575a\u7a7a\u6536\u7b97\u81f3\u653f\u57ce\u52b3\u843d\u94b1\u7279\u56f4\u5f1f\u80dc\u6559\u70ed\u5c55\u5305\u6b4c\u7c7b\u6e10\u5f3a\u6570\u4e61\u547c\u6027\u97f3\u7b54\u54e5\u9645\u65e7\u795e\u5ea7\u7ae0\u5e2e\u5566\u53d7\u7cfb\u4ee4\u8df3\u975e\u4f55\u725b\u53d6\u5165\u5cb8\u6562\u6389\u5ffd\u79cd\u88c5\u9876\u6025\u6797\u505c\u606f\u53e5\u533a\u8863\u822c\u62a5\u53f6\u538b\u6162\u53d4\u80cc\u7ec6";
        
        for(int i=0;i<5;i++){
            int num = new Random().nextInt(base.length());
            sb.append(base.charAt(num));
        }
        
        String randomData = sb.toString();
        //設置數據的字體和顏色
        g.setColor(Color.RED);
        g.setFont(new Font("宋體",Font.BOLD,20));
        g.rotate(0.01);
        
        g.drawString(randomData, 0, 20);
        
        return randomData;
    }
    

    private void drawRandomData1(Graphics g) {
        
        StringBuffer sb = new StringBuffer();
        for(int i=0;i<5;i++){
            sb.append(new Random().nextInt(10) + " ");
        }
        String randomData = sb.toString();
        
        //設置數據的字體和顏色
        g.setColor(Color.RED);
        g.setFont(new Font("宋體",Font.BOLD,20));
        
        g.drawString(randomData, 10, 20);
    }
    

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }
}

LogoutServlet.java:處理註銷請求數據庫

package com.web.control;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
/**
 * 處理註銷請求
 * @author HaiHong
 *
 */
public class LogoutServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        //獲取session，false表示若是sesson不存在不用新建立一個session
        HttpSession session = request.getSession(false);
        if(session!=null){
            //移除登錄標記
            session.removeAttribute("user");
            //跳轉全局消息頁面,並控制瀏覽器3秒後跳轉到首頁,模仿meta標籤
            request.setAttribute("message", "註銷成功,瀏覽器將在3秒後跳轉，若是沒有跳轉，你就點....！！<meta http-equiv='refresh' content='3;url="+request.getContextPath()+"/index.jsp'>");
            request.getRequestDispatcher("/message.jsp").forward(request, response);
            
        }
        
        
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
        
    }    

}

jsp頁面：apache

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>用戶註冊</title>
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/ShowCalendar.js"></script>
    <style>
        body{
            background-color:#32a8cf;margin:0px;overflow: hidden;font-size:14px;color:#FFFFFF;
        }
        #main{
            margin-left:50px;margin-top:30px;
        }
        #notice{
            width:70%;line-height:25px;
        }
        #formtable{
            font-size:15px;
        }
        .td1{
            width:100px;
        }
        #formsubmit{
            width:300px;text-align:center;margin-top:15px;margin-left:50px;
        }
        .userinput {
            width:210px; height:25px; background-color:#FFFFFF; border:solid 1px #7dbad7; 
            font-size:16px;
        }    
        .btn{
            background-image:url(images/b2222.gif);
            background-position: center;
            font:bold 12px;
            width:80px;
            cursor:hand;
            height:25px;
            border-width:0;  /*按紐必須有此樣式，纔會出掉按紐背景*/
        }
    </style>
</head>

<body>
    <div id="header">
        <img src="images/head.gif">    
    </div>
        
    <div id="main">    
        <form action="${pageContext.request.contextPath }/servlet/RegisterServlet" method="post">
        <table id="formtable">
                <tr>
                    <td class="td1">登錄賬號：</td>
                    <td>
                        <input class="userinput" type="text" name="username" value="${form.username }">
                        <span class="message">${form.errors.username }</span>
                    </td>
                </tr>
                
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                
                <tr>
                    <td class="td1">重複密碼：</td>
                    <td>
                        <input class="userinput" type="password" name="password" value="${form.password }">
                        <span class="message">${form.errors.password }</span>
                    </td>
                </tr>
                
                <tr>
                    <td class="td1">確認密碼：</td>
                    <td>
                        <input class="userinput" type="password" name="password2"  value="${form.password2 }">
                        <span class="message">${form.errors.password2 }</span>    
                    </td>
                </tr>
                
                <tr>
                    <td class="td1">電子郵箱：</td>
                    <td>
                        <input class="userinput" type="text" name="email"  value="${form.email }">
                        <span class="message">${form.errors.email }</span>
                    </td>
                </tr>
                
                <tr>
                    <td class="td1">生日：</td>
                    <td>
                        <input class="userinput" type="text" name="birthday" id="birthday" title="點擊選擇" onClick="showCalendar(this.id)" value="${form.birthday }">
                        <span class="message">${form.errors.birthday }</span>
                    </td>
                </tr>
                
                <tr>
                    <td class="td1">您的呢稱：</td>
                    <td>
                        <input class="userinput" type="text" name="nickname" value="${form.nickname }">
                        <span class="message">${form.errors.nickname }</span>    
                    </td>
                </tr>
                
                <tr>
                    <td class="td1">圖片認證：</td>
                    <td>
                        <input class="userinput" type="text" name="client_checkcode">
                        <span class="message">${form.errors.client_checkcode }</span>    
                        <br/>
                        <%--onclick="this.src+'?'+new Date().getTime()"
                            每次刷新在原來的地址上加一個日期，當刷新必定次數後圖片會顯示不出來，由於get請求後面的參數長度是有限的
                         --%>
                        <img src="${pageContext.request.contextPath }/servlet/ImageServlet" onclick="this.src=this.src+'?'+new Date().getTime()" height="25px" width="120px" alt="看不清" style="cursor: hand;">
                    </td>
                </tr>
        </table>
        <div id="formsubmit">
            <span><input class="btn" type="reset" name="reset" value="重 置"></span>
            &nbsp;&nbsp;
            <span><input class="btn" type="submit" name="submit" value="注 冊"></span>
        </div>    
        </form>
    </div>    
    <div id="footer">
        
    </div>
</body>
</html>

 <img src="${pageContext.request.contextPath }/servlet/ImageServlet" onclick="this.src=this.src+'?'+new Date().getTime()" height="25px" width="120px" alt="看不清" style="cursor: hand;">

　　每次刷新在原來的地址上加一個日期，當刷新必定次數後圖片會顯示不出來，由於get請求後面的參數長度是有限的



login.jsp：登錄界面

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5       <head>
 6           <title>登錄界面</title>
 7     </head>
 8     
 9     <body>
10         <div id="container">
11             <div id="image">
12                 <div id="form">
13                     <form action="${pageContext.request.contextPath }/servlet/LoginServlet" method="post">
14                         <div class="input">
15                             用戶：<input class="inputtext" type="text" name="username" />
16                         </div>
17                         <div class="input">
18                             密碼：<input class="inputtext" type="password" name="password" />
19                         </div>
20                         <div id="btn">
21                             <input class="btn" type="button" value="註冊" onclick="window.location.href='register.html'" />
22                             <input class="btn" type="submit" value="登錄" />
23                         </div>
24                     </form>
25                 </div>
26             </div>
27         </div>
28     </body>
29 </html>

index.jsp:首頁緩存

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>首頁</title>
  </head>
  
  <body style="text-align: center;">
      
      <h1>xxxx網站</h1>
      <br/>
      
      <div style="text-align: right;">    
      <c:if test="${user!=null}">
          歡迎您：${user.nickname }  
          <a href="${pageContext.request.contextPath }/servlet/LogoutServlet">註銷</a>
      </c:if>
      
      <c:if test="${user==null}">
        <a href="${pageContext.request.contextPath }/servlet/RegisterUIServlet">註冊</a>
        <a href="${pageContext.request.contextPath }/servlet/LoginUIServlet">登錄</a>
    </c:if>
    </div>
    <hr>
  </body>
</html>

message.jsp:全局消息頁面服務器

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  </head>
  
  <body>
     ${message }
  </body>
</html>



有些頁面如登錄註冊界面用戶不能直接訪問，由servlet跳轉，把用戶不能直接訪問的頁面放在WEB-INF目錄下。

工具類：

　　ServiceUtils.java:對用戶密碼進行加密

 1 package com.utils;
 2 
 3 import java.security.MessageDigest;
 4 import java.security.NoSuchAlgorithmException;
 5 
 6 import sun.misc.BASE64Encoder;
 7 
 8 import java.security.MessageDigest;
 9 import java.security.NoSuchAlgorithmException;
10 
11 import sun.misc.BASE64Encoder;
12 
13 //用戶密碼加密
14 public class ServiceUtils {
15     public static String md5(String me){
16         try {
17             MessageDigest md = MessageDigest.getInstance("md5");
18             byte md5[] = md.digest(me.getBytes());
19             BASE64Encoder encoder = new BASE64Encoder();
20             return encoder.encode(md5);
21         } catch (NoSuchAlgorithmException e) {
22             throw new RuntimeException(e);
23         }
24     }
25 }



　　WebUtils.java:把表單數據封裝到bean
　　 1 package com.utils; 2

 3  4 import java.lang.reflect.InvocationTargetException;  5 import java.text.ParseException;  6 import java.text.SimpleDateFormat;  7 import java.util.Date;  8 import java.util.Enumeration;  9 import java.util.HashMap; 10 import java.util.Map; 11 import java.util.UUID; 12 13 import javax.servlet.http.HttpServletRequest; 14 15 import org.apache.commons.beanutils.BeanUtils; 16 import org.apache.commons.beanutils.ConvertUtils; 17 import org.apache.commons.beanutils.Converter; 18 19 public class WebUtils { 20 // RegisterForm.class 21 public static <T> T request2Bean(HttpServletRequest request,Class<T> beanCalss){ 22 23 try{ 24 //1.建立要封裝數據的bean 25 T bean = beanCalss.newInstance(); 26 27 //2.把request中的數據整到bean中 28 Enumeration e = request.getParameterNames(); 29 while(e.hasMoreElements()){ 30 String name = (String) e.nextElement(); //username password email birthday 31 String value = request.getParameter(name); //aaaa 123 aa@ 32  BeanUtils.setProperty(bean, name, value); 33  } 34 return bean; 35 }catch (Exception e) { 36 throw new RuntimeException(e); 37  } 38  } 39 40 /* 41  private String username; 42  private String password; 43  private String password2; 44  private String email; 45  private String birthday; 46  private String nickname; 47  private Map errors = new HashMap(); 48 49  private String id; 50  private String username; 51  private String password; 52  private String email; 53  private Date birthday; 54  private String nickname; 55 */ 56 57 public static void copyBean(Object src,Object dest){ 58 //註冊日期轉換器 59 ConvertUtils.register(new Converter(){ 60 public Object convert(Class type, Object value) { 61 if(value==null){ 62 return null; 63  } 64 String str = (String) value; 65 if(str.trim().equals("")){ 66 return null; 67  } 68 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); 69 try { 70 return df.parse(str); 71 } catch (ParseException e) { 72 throw new RuntimeException(e); 73  } 74  } 75 }, Date.class); 76 try { 77  BeanUtils.copyProperties(dest, src); 78 } catch (Exception e) { 79 throw new RuntimeException(e); 80  } 81  } 82 83 //產生全球惟一的id 84 public static String generateID(){ 85 return UUID.randomUUID().toString(); 86  }
 87 }

 XmlUtils.java：解析xml文件

 1 package com.utils;
 2 
 3 import java.io.File;
 4 import java.io.FileNotFoundException;
 5 import java.io.FileOutputStream;
 6 import java.io.IOException;
 7 import java.io.UnsupportedEncodingException;
 8 
 9 import org.dom4j.Document;
10 import org.dom4j.DocumentException;
11 import org.dom4j.io.OutputFormat;
12 import org.dom4j.io.SAXReader;
13 import org.dom4j.io.XMLWriter;
14 
15 public class XmlUtils {
16     
17     private static String filepath;
18     static{//經過類的加載器
19         filepath = XmlUtils.class.getClassLoader().getResource("users.xml").getPath();
20     }
21     
22     //解析xml
23     public static Document getDocument() throws Exception{
24         SAXReader reader = new SAXReader();
25         Document document = reader.read(new File(filepath));
26         return document;
27     }
28     
29     //回寫
30     public static void reWrite(Document document) throws IOException{
31         
32         OutputFormat format = OutputFormat.createPrettyPrint();
33         format.setEncoding("UTF-8");
34         XMLWriter writer = new XMLWriter(new FileOutputStream(filepath), format );
35         writer.write( document );
36         writer.close();
37     }
38     
39 }

　　xml文件：

　　users.xml:保存用戶信息

1 <?xml version="1.0" encoding="UTF-8"?>
2 <users>
3      <user id="28323723727" username="aaa" password="123" email="aa@sina.com" birthday="1980-09-09" nickname="強子"/>
4 </users>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。