idea使用 spring mvc +mybatis 前台登录页面 ajax验证mysql

最新推荐文章于 2020-04-22 19:42:49 发布

夜雨@声烦

最新推荐文章于 2020-04-22 19:42:49 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/a1106103430/article/details/83311427

版权

这篇博客分享了使用IDEA进行Spring MVC和Mybatis整合，创建一个简单的前台登录页面并利用Ajax进行用户名验证的过程。详细介绍了JSP页面、控制器层、实体类、DAO层、Service层以及数据库查询的相关代码和注意事项。

摘要由CSDN通过智能技术生成

标题idea使用 spring mvc +mybatis 前台登录页面 ajax验证mysql

作为一个小萌新最近刚学了spring框架和ajax，也算是摸爬滚打写了一个简单的前台登录界面，接下来展示给大家看吧~

jsp页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <%@ page contentType="text/html;charset=utf-8" language="java"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="/static/jquery/jquery-3.3.1.min.js"></script>
    <title>学生信息管理系统登录</title>
    <script type="text/javascript">
        function resetValue(){
   
            document.getElementById("username").value="";
            document.getElementById("password").value="";
        }
        function login() {
   
            var username=$("#username").val();
            var password=$("#password").val();
            $.ajax({
   
                type:"post",
                url:"/login",
                data:{
   "username":username,"password":password},
                async:true,
                success:function (data) {
   
                    if(data.success==true) {
   
                        alert("登陆成功");
                        location.href = "/index"
                    }
                    else{
   
                        alert("登录失败");
                        location.href = "/login"
                    }
                }
            })
        }
    </script>
</head>
<body>
<div align="center" style="padding-top: 50px;">
    <table  width="1200" height="600" >
        <tr height="250">
            <td colspan="4"></td>
        </tr>
        <tr height="10">
            <td width="40%"></td>
            <td width="10%">账 号 ：</td>
            <td><input type="text"  name="username" id="username"/></td>
            <td width="30%"></td&