项目名称：checkLogin
功能实现：验证用户登录密码
开发工具：myeclipse、sequel pro
实现步骤：
1.数据库设计
2.登陆页面
3.验证页面
4.登陆成功和登陆失败页面
5.总结

数据库设计
数据库名 db_users
数据表名 tb_user
属性 id, userName，password
sql语句

CREATE DATABASE db_users;
USE db_users;
CREATE TABLE tb_user(
id INT PRIMARY KEY AUTO_INCREMENT;
userName VARCHAR(40) NOT NULL UNIQUE;
password VARCHAR(32) NOT NULL;
);
INSERT INTO tb_user VALUES(NULL,'admin','admin');

登录页面
样式实现环境mbp13 chrome浏览器

<!--  -->

        

            Wide Admin
            

                




    

        

            用户名:
        
        

            密码
        
        

            
        
    

验证页面

1");
            Class.forName("com.mysql.jdbc.Driver");
            out.println("
加载驱动成功
");
            conn = DriverManager.getConnection(URL, USER, PASSWORD);
            pstt = conn.prepareStatement(sql);
            pstt.setString(1, userName);
            rs = pstt.executeQuery();
            if (rs.next()) {
                if (rs.getString("password").equals(password)) {
                    flag = true;
                } else {
                    flag = false;
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }

        if(flag){
            request.getRequestDispatcher("success.jsp").forward(request, response);
        }else{
            request.getRequestDispatcher("failure.jsp").forward(request, response);
        }
    %>

登陆成功页面

  







<!--
    
    -->恭喜您登陆成功
  

登陆失败页面

  







<!--
    
    -->对不起 登录失败
  

总结
1.实现用户登录页面所需的html css技能点数不足，图片的位置和大小自适应未实现
2.连接数据库 jar包放在WEB-INF/lib目录下，build path
3.登陆页面的js验证账号密码不能为空未实现