【JavaWeb】火车票管理系统 (三)用户登录-01

流程:
1.用户填写用户名和密码,提交到LoginServLet
2.在LoginServLet中使用MyBatis查询数据库,验证用户密码是否正确
3.如果正确,则显示登录成功,否则登录失败 在页面请求后LoginServLet里: 1、接收用户名和密码 2、调用Mapper查询数据库,返回user对象 3、判断user对象是否为null 之后响应请求
1/在mapper接口中提供usermapper的接口,是用来查询用户的,根据用户名和密码返回user对象
ps:不知道记了些啥,看不懂了

重新清理一下:
1、创建数据库(想太复杂了,啥都不懂就抠细节,进去了就出不来,怎么死的都不知道)
user 表
2、前台页面
登录页面 login.jsp

      登录表单验证:
      1、登录按钮的点击事件
      2、获取用户名字和密码
      3、判断姓名是否为空
          如果为空,用span标签提示用户,return
          4、判断密码是否为空
          5、都不为空就提交表单
   首页 index.jsp
<%--
  Created by IntelliJ IDEA.
  User: 向阳
  Date: 2022/10/31
  Time: 15:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
</head>
<body>
  <div style="text-align: center">
    <form action="/login" method="post" id="loginform">
      姓名:<input type="text" name="uname" id="uname"><br>
      密码:<input type="password" name="upwd" id="upwd"><br>
      <span id="msg" style="font-size: 12px"></span><br>
      <button type="button" id="loginBtn">登录</button>
      <button type="button">注册</button>
    </form>
  </div>
</body>
<%--引入jquery的js文件--%>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
<%--      登录表单验证:
          1、登录按钮的点击事件
          2、获取用户名字和密码
          3、判断姓名是否为空
              如果为空,用span标签提示用户,return
              4、判断密码是否为空
              5、都不为空就提交表单
       首页 index.jsp--%>
  $("#loginBtn").click(function (){
  var uname=$("#uname").val();
  var upwd=$("#upwd").val();
  if(isempty(uname)){
    $("#msg").html("用户姓名不可为空!");
    return;
  }
    if(isempty(upwd)){
      $("#msg").html("用户密码不可为空!");
      return;
    }
  $("#loginform").submit();
  });
  //判断字符串是否为空
  function isempty(str){
    if(str==null||str.trim()=="")
      return true;
    else
      return false;
  }
</script>
</html>

ps:分层思想:
controller层
接收请求
(调用service层,返回结果)
响应结果
service层
业务逻辑判断
mapper
接口类
mapper.xml mybatis与数据库的相关操作
entity(po、model)
javabean实类
util
工具类(通用的方法/类)
test
调式类/方法
3、后台实现
分层创建好文件
在这里插入图片描述
在web-inf中导入jar包
mysql.jar和mybatis.jar(自己找,导入后记得把它放到项目里)
然后的第一步:在刚刚创建的entity中创建用户实体类

package com.example.loginpj.entity;
//用户实体类
public class user {
    private Integer userid;
    private String username;
    private  String userpwd;

    public Integer getUserid() {
        return userid;
    }

    public String getUsername() {
        return username;
    }

    public String getUserpwd() {
        return userpwd;
    }

    public void setUserid(Integer userid) {
        this.userid = userid;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public void setUserpwd(String userpwd) {
        this.userpwd = userpwd;
    }
}

第二步在mapper中写入usermapper.xml

package com.example.loginpj.mapper;

import com.example.loginpj.entity.user;

//用户接口类
public class usermapper {
    public user queryUserByName(String uname) {
        return null;
    }
}

还要usermapper的接口usermapper.java

package com.example.loginpj.mapper;

import com.example.loginpj.entity.user;

//用户接口类
public class usermapper {
    public user queryUserByName(String uname) {
        return null;
    }
}

学习视频

好像是像模像样的学着视频里面打出来了一点,不知道最后能不能实现,饿死了,,,
先去吃饭了

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值