Jsp登陆与MySQL对接验证
2018-12-30 本文已影响26人
我的袜子都是洞
最近在做一个Web项目,账户登陆验证是Web项目中必不可少的环节,所以需要阶段性的记录,帮助自己更好的掌握其中的知识。
Jsp登陆涉及到POST方法参数获取,以及MySQL数据库信息的获取。可能因为自己是新手,刚开始写的项目有很多不合理的地方,但还是努力去实现结构分离,第一次用Jsp做,所以业务逻辑代码直接写在了Jsp代码中,后期代码重构的时候肯定还是要做集中功能分离的,也算是现在挖个坑,让以后的自己填一下,不坑坑自己哪来更好的掌握其中的知识呢?
代码结构图:
结构
里面有个README
文件是因为代码上传到了GitHub,有兴趣的同学可以去看看,打算项目边做边传,逐渐完善,所以这个 Readme
文件也是在逐渐完善中。
其中的 src
目录是独立的功能类文件:
-
util
包下的DBHelp
:是封装好的采用单例模式获取数据库连接的类文件 -
entity
包下的User
:是对应账户实体类,里面的属性对应数据库表中的字段 -
entity
包下的UserCheck
:是通过给定username
获得User
实体对象,里面包含了实体的数据
然后就是放代码了,第一个是User.java
实体类:
实体类比较简单,就是和表字段对应的属性,还有一个无参构造方法,和属性分别对应的
get
、set
方法。
获取实体对象的类:
UserCheck
工具类:
DBHelp.java
登陆jsp:login.jsp
,就放上中间的form表单代码:
<form class="form-horizontal" action="dologin.jsp" method="POST" >
<div class="form-group">
<label for="username" class="col-sm-3 control-label">用户名</label>
<div class="col-sm-8">
<input type="text" name="username" class="form-control" id="username" placeholder="用户名">
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-3 control-label">密码</label>
<div class="col-sm-8">
<input type="password" name="password" class="form-control" id="Password" placeholder="密码">
</div>
</div>
<div class="text text-center">
<button type="submit" class="btn btn-primary">登陆</button>
<button type="reset" class="btn btn-default">重置</button>
</div>
</div>
</form>
其他的也没有啥用。
然后就是对提交数据进行验证的dologin.jsp
了。
验证完毕直接显示对应结果,重要的是其中的过程嘛!
最终效果如下,前端页面采用了Bootstrap做的,前端的知识就不讲解了。
账户、密码都为空的情况:
账户、密码都为空
密码为空的情况:
密码为空
账户密码错误的情况:
账户密码错误
账户密码正确的情况:
账户密码正确
附:
本案例数据库部分:
创建数据库
CREATE DATABASE yellowstar;
创建用户表
表名:yw_users
CREATE TABLE IF NOT EXISTS yw_users (
uid TINYINT UNSIGNED NOT NULL AUTO_INCREMENT KEY COMMENT 'UID',
username VARCHAR(20) NOT NULL UNIQUE comment '用户名',
password CHAR(32) NOT NULL COMMENT '密码:md5加密',
type TINYINT UNSIGNED NOT NULL COMMENT '用户类型',
create_time DATE NOT NULL COMMENT '创建时间'
);
type说明:
-
1
:超级管理员 -
2
:物业 -
3
:业主
插入测试数据
INSERT INTO yw_users
(username,password,type,create_time)
VALUES
('user1',123456,1,20181101),
('user2',123456,2,20181201),
('user3',123456,3,20181230);