• Spring 笔记 -06- 从 MySQL 建库到 登录验证数据库信息(maven)


    Spring 笔记 -06- 从 MySQL 建库到 登录验证数据库信息(maven)

    本篇和 Spring 没有什么关系,只是学习 Spring,必备一些知识,所以放在这里了。

    本篇内容:

    (1)MySQL 命令行,建立用户信息数据库,密码用 md5 加密
    (2)jdbc 链接 MySQL 8.0
    (3)Maven 管理 servlet,jsp 依赖
    (4)单元测试
    (5)难点在 DBUtils.java 文件!

    动态截图:

    在这里插入图片描述

    一、建立用户信息 MySQL 数据库

    (建议名称一致)

    (1)安装 MySQL 请百度或参考:MySQL 安装 + 入门大全 + 常用命令合集

    (2)打开 cmd ,登录 mysql 的 root 用户,创建 studb 数据库,创建表 tb_user :

    (3)显示表结构,插入 3 条用户数据:

    (4)数据库 studb,表 tb_user 创建好了。

    二、创建 Maven Web 项目,配置

    (1)创建项目和修改目录结构,因为常用,所以写在了单独的一篇文章,请查看:Spring 笔记 -05- 创建 Maven Web 项目 + Tomcat 及目录结构配置

    (2)上面一篇文章,全部需要!

    (3)配置 Maven 的配置文件 pom.xml 文件,位置在下面有提示:

    <dependencies>
        <dependency>
          <groupId>junit</groupId>
          <artifactId>junit</artifactId>
          <version>4.11</version>
          <scope>test</scope>
        </dependency>
        <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>4.0.1</version>
          <scope>provided</scope>
        </dependency>
    
        <!-- https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api -->
        <dependency>
          <groupId>javax.servlet.jsp</groupId>
          <artifactId>javax.servlet.jsp-api</artifactId>
          <version>2.3.3</version>
          <scope>provided</scope>
        </dependency>
    
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>8.0.13</version>
        </dependency>
    
    
      </dependencies>
    

    在这里插入图片描述

    (4)点击自动导入:

    (5)创建如下目录及文件:

    (6)下面需要先做一件事,就是在 js 目录中,引入 Bootstrap3,
    注意:只能是 Bootstrap3 版本:

    配置步骤:

    • 安装 Node.js ,因为要使用 npm
    • 在项目中 js 目录,右键 Open in Explorer 可以打开该目录,并复制
    • 在 cmd 进入项目的 js 目录
    • 使用命令:
    npm install bootstrap3
    

    三、具体文件编码:

    (1)index.jsp 文件,用于登录成功时跳转:

    
    <%--
        输出 Hello World,当前时间,列表
        列表内容为 com.list.StuList 中的内容
    --%>
    
    <%@ page import="java.util.Date" pageEncoding="UTF-8" %>
    
    <html>
    <body>
    
    <h2>登陆成功!</h2>
    当前时间为:<%=new Date().toLocaleString()%>
    <hr>
    
    </body>
    </html>
    

    (2)failed.jsp 文件,用于登录失败时跳转:

    <%--
        登录失败!
    --%>
    
    <%@ page import="java.util.Date" pageEncoding="UTF-8" %>
    
    <html>
    <body>
    
    <h2>登陆失败!</h2>
    当前时间为:<%=new Date().toLocaleString()%>
    <hr>
    
    <br>
    <a href="login.html" class="btn btn-default">返回登录</a>
    
    </body>
    </html>
    

    (3)login.html 文件,登录的前端界面:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>用户登录</title>
        <link rel="stylesheet" href="js/node_modules/bootstrap3/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="js/node_modules/bootstrap3/dist/css/bootstrap-theme.css">
    </head>
    <body>
    <br><br>
    <br><br>
    
    <form name="loginForm" action="Servlet" method="post">
        <div class="center-block" style=" 45%;height: 350px">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <span class="glyphicon glyphicon-apple"></span>用户登录
    
                </div>
                <div class="panel-body">
                    <div class="text-success" align="center">
                        <h3>欢迎使用资源统一管理系统</h3>
                    </div>
                    <div class="input-group">
                        <label class="input-group-addon">用户名</label>
                        <input class="form-control" type="text" name="uname" placeholder="请输入用户名">
                        <label class="input-group-addon text-warning">*</label>
                    </div>
                    <br>
                    <div class="input-group">
                        <label class="input-group-addon">密&nbsp;&nbsp;&nbsp;码</label>
                        <input class="form-control" type="password" name="upwd" placeholder="请输入密码">
                        <label class="input-group-addon text-warning">*</label>
                    </div>
                    <br>
                    <div class="input-group">
                        <label class="input-group-addon">权&nbsp;&nbsp;&nbsp;限</label>
                        <select name="role" class="form-control ">
                            <option value="admin">管理员</option>
                            <option value="teacher">经理</option>
                            <option value="student">用户</option>
                        </select>
                    </div>
                </div>
                <div align="center">
    
    
                    <a href="javascript:loginForm.submit()" class="btn btn-danger"><span
                            class="glyphicon glyphicon-log-in"></span> 登录</a>&nbsp;&nbsp;
                    <a href="javascript:loginForm.reset()" class="btn btn-primary"><span
                            class="glyphicon glyphicon-remove"></span> 重置</a>
                </div>
                <br>
                <div class="panel-footer">
                    <div align="center">
                        &copy;2018-2019 肖朋伟的 CSDN 博客 Copy Right
    
                   </div>
                </div>
            </div>
        </div>
    </form>
    </body>
    </html>
    

    如果成功引入 Bootstrap3 ,打开服务器,打开本页面,会有下面界面:

    在这里插入图片描述

    (4)User.java 文件:

    package com.pojo;
    
    //用来存放用户登录时,输入输出的信息
    public class User {
        private String uname;
        private String upwd;
        private String role;
    
        public String getUname() {
            return uname;
        }
    
        public void setUname(String uname) {
            this.uname = uname;
        }
    
        public String getUpwd() {
            return upwd;
        }
    
        public void setUpwd(String upwd) {
            this.upwd = upwd;
        }
    
        public String getRole() {
            return role;
        }
    
        public void setRole(String role) {
            this.role = role;
        }
    }
    
    

    (5)UserDAO.java 文件:

    package com.dao;
    
    import com.dbutil.DBUtils;
    import com.pojo.User;
    
    public class UserDAO {
    
        //返回 0 或 1
        public int login(User user){
            DBUtils dbUtils = new DBUtils();
    
            //与数据库是否匹配,匹配为 1
            int temp = dbUtils.login(user);
            return temp;
        }
    }
    
    

    (6)DBUtils.java 文件:
    !!! 成败在与这个文件

    • 自行更改数据库名
    • 自行更改表名(两个)
    • 自行更改 root 的密码
    • 检查服务是否启动
    package com.dbutil;
    
    import com.pojo.User;
    
    import java.sql.*;
    
    public class DBUtils {
        Connection conn;
        //预处理
        PreparedStatement pstmt;
        //结果集
        ResultSet rs;
    
        public DBUtils(){
            try{
                Class.forName("com.mysql.cj.jdbc.Driver");
                conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/数据库名?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC","root","密码");
    
            } catch (Exception e){
                e.printStackTrace();
            }
        }
    
        public int login(User user){
            try{
                pstmt=conn.prepareStatement("select * from 表名 where uname = ? and upwd = md5(?)");
                pstmt.setString(1, user.getUname());
                pstmt.setString(2, user.getUpwd());
                rs = pstmt.executeQuery();
                if (rs.next())
                    return 1;
                else
                    return 0;
            }catch (Exception e){
                e.printStackTrace();
            }
    
            return 0;
        }
    }
    
    

    (7)Servlet.java 文件:

    
    package com.loginServlet;
    
    import com.pojo.User;
    import com.service.UserService;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    @WebServlet(name = "Servlet",urlPatterns = "/Servlet")
    public class Servlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            System.out.println("doPost");
            request.setCharacterEncoding("utf-8");
            //获取 post 请求中的两个参数
            String uname = request.getParameter("uname");
            String upwd = request.getParameter("upwd");
            String role = request.getParameter("role");
    
    
            /*硬编码, 不从数据库获取信息,直接验证
            if (uname.equals("admin") && upwd.equals("123456")) {
                response.sendRedirect("index.jsp");
            }else{
                response.sendRedirect("loginServlet.html");
            }*/
    
            //从服务获取值
            UserService userService = new UserService();
    
            User user = new User();
            user.setUname(uname);
            user.setUpwd(upwd);
            user.setRole(role);
    
            if (userService.login(user)) {
                response.sendRedirect("index.jsp");
            }else{
                response.sendRedirect("failed.jsp");
            }
    
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            System.out.println("doGet");
        }
    }
    
    

    (8)UserService.java 文件:

    
    package com.service;
    
    //服务层,给控制层提供服务
    
    import com.dao.UserDAO;
    import com.pojo.User;
    
    public class UserService {
    
        UserDAO dao = new UserDAO();
    
        //参数,处理 User 对象,返回 True 或 False
        public boolean login(User user){
            int temp = dao.login(user);
            if (temp == 0)
                return false;
            else
                return true;
        }
    }
    
    

    四、运行调试

    在这里插入图片描述

    五、常见错误

    (1)MySQL 8.0 版本的 jdbc 个数据版本不匹配

    (2)数据库服务没有运行

    (3)配置文件数据库信息没有自行更改

    (4)文件名自定义时,依赖失败

    更多文章链接:

    支持博主

    我正在参加 CSDN 2018 年博客之星评选,希望大家能支持我,
    我是【No. 001】号 肖朋伟 ,感谢大家宝贵的一票 ^_^/
    投票地址:https://bss.csdn.net/m/topic/blog_star2018/index

  • 相关阅读:
    Jackcard类似度和余弦类似度(向量空间模型)的java实现
    Android Wear之android穿戴式设备应用开发平台
    poj 2955 Brackets 括号匹配 区间dp
    Gradle自己定义插件
    C语言之基本算法11—牛顿迭代法求平方根
    jquery ajax实现省市二级联动
    从0開始学习 GitHub 系列之「07.GitHub 常见的几种操作」
    Android Widget和悬浮窗 原理
    怎样推断一个数的二进制有多少个1
    Mac OSX Yosemite 10.10 brew 错误:mktemp: mkdtemp failed on /tmp/git-LIPo: No such file or directory
  • 原文地址:https://www.cnblogs.com/xpwi/p/10223054.html
Copyright © 2020-2023  润新知