Jsp登陆与MySQL对接验证

2018-12-30  本文已影响26人  我的袜子都是洞

最近在做一个Web项目,账户登陆验证是Web项目中必不可少的环节,所以需要阶段性的记录,帮助自己更好的掌握其中的知识。

Jsp登陆涉及到POST方法参数获取,以及MySQL数据库信息的获取。可能因为自己是新手,刚开始写的项目有很多不合理的地方,但还是努力去实现结构分离,第一次用Jsp做,所以业务逻辑代码直接写在了Jsp代码中,后期代码重构的时候肯定还是要做集中功能分离的,也算是现在挖个坑,让以后的自己填一下,不坑坑自己哪来更好的掌握其中的知识呢?

代码结构图:


结构

里面有个README文件是因为代码上传到了GitHub,有兴趣的同学可以去看看,打算项目边做边传,逐渐完善,所以这个 Readme文件也是在逐渐完善中。
其中的 src目录是独立的功能类文件:

然后就是放代码了,第一个是User.java实体类:

User.java
实体类比较简单,就是和表字段对应的属性,还有一个无参构造方法,和属性分别对应的getset方法。

获取实体对象的类:


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了。

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说明:

插入测试数据

INSERT INTO yw_users
(username,password,type,create_time)
VALUES
('user1',123456,1,20181101),
('user2',123456,2,20181201),
('user3',123456,3,20181230);
上一篇下一篇

猜你喜欢

热点阅读