7.20第一次实训课笔记

实训感受

1、今天实训课先是下载了很多软件,因为这些软件我都没用过,所以在下载和安装的时候费了很多时间,尤其是tomcat,配置了好几次才弄好,不过也让我更加熟悉它们的配置过程。
2、今天上课我有些跟不上,课后花了很长时间看回放才补上了课上学的内容。在做登录功能的时候,也是一筹莫展,不知道怎么下手。所幸有万能的百度,基本上都能慢慢琢磨出来,但是真的花了很长很长的时间,不过最后能够独自完成任务,感觉非常有成就感。
总的来说,今天是第一天,我没有迅速进入状态,对框架什么的也很陌生,不过真的收获颇丰,希望今后能够更加专心,并且提升编程速度。

实训流程

  1. 环境配置:依次下载并安装jdk idea mysql sqlyog tomcat teamview。
  2. 实现对数据库操作的查看、删除。
  3. 优化代码结构。利用面向对象思想,将代码进行封装。
  4. 新建.jsp文件,使得用户信息能够在网页上显示。
  5. 使用tomcat运行java项目。
  6. 编写登录页面和登录成功页面的样式、表单内容。
  7. 实现用户登录的数据库操作。
  8. 使用servlet实现web项目中登录前后台的交互。

Jdbc的实现过程

  1. 加载驱动
Class.forName("com.mysql.jdbc.Driver");
  1. 创建连接
Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/whlg","root","wangdan123456");
  1. 写sql
String sql="delete from tb_user where id=?";
  1. statement对象
PreparedStatement statement = connection.prepareStatement(sql);
  1. 执行sql得到结果集
ResultSet resultSet = statement.executeQuery();
  1. 处理结果集
        while(resultSet.next()){
            User user=new User();
            int id=resultSet.getInt(1);
            String username=resultSet.getString(2);
            String password=resultSet.getString(3);
            user.setId(id);
            user.setUsername(username);
            user.setPassword(password);
            userList.add(user);
        }
  1. 关闭资源
DBUtil.close(resultSet,statement,connection);

在DBUtil类中实现close():

    public static void close(ResultSet resultSet ,Statement statement,Connection connection) throws SQLException {
        if (resultSet!=null){
            resultSet.close();
        }
        if (statement!=null){
            statement.close();
        }
        if (connection!=null){
            connection.close();
        }

    }

登录的实现

  1. 在init.jsp中实现登录界面的样式和表单内容。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>登录</title>

    <style>
      html,body{
        padding: 0;
        border: 0;
        margin: 0;
      }
      .main-wrapper{
        width:80%;
        text-align: center;
        background-color: aliceblue;
        left: 0;
        top: 0;
        margin: auto;
        height: 100%;
        padding: 50px;
      }
      .inner{
        padding: 22px;
      }
      .reg-btn{
        width: 159px;
        height: 45px;
        border-radius: 5px;
        background-color: #59cdfe;
        color: white;
        font-size: 23px;
      }
      .form-control{
        border: 1px solid #d2d2d2;
        border-radius: 0px;
        outline: none;
        height: 33px;
        line-height: 33px;
        width: 289px;
      }
    </style>
  </head>
  <body>
  <div class="main-wrapper">
    <h1>登 录</h1>
    <form action="login" method="post">
      <div class="inner">
        <label>用户名:<span style="color: red">*</span> </label>
        <input class="form-control" type="text" name="username"/>
      </div>
      <div class="inner">
        <label>密码:<span style="color: red">*</span> </label>
        <input class="form-control" type="password" name="password"/>
      </div>

      <div class="inner">
        <input type="submit" class="reg-btn" value="登 录">
      </div>

    </form>
  </div>
  </body>
</html>
  1. 创建welcome.jsp文件,实现成功登录后的界面。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>welcome</title>
</head>
<body>
登录成功,欢迎!
</body>
</html>
  1. 在UserDao.java中新建函数canLogin(User user)并实现。用来在数据库中查询是否存在输入的用户。
    public boolean canLogin(User user) throws SQLException, ClassNotFoundException {
        boolean flag = false;
        Connection connection=DBUtil.getConnection();
        String sql="select * from tb_user where username=? and password=?";
        PreparedStatement statement=connection.prepareStatement(sql);
        statement.setString(1,user.getUsername());
        statement.setString(2,user.getPassword());
        ResultSet resultSet=statement.executeQuery();
        if (resultSet.next()){
            flag=true;
        }
        DBUtil.close(resultSet,statement,connection);
        return flag;

    }
  1. 新建LoginSelvlet.java并实现,用来获取网页上用户输入的用户名、密码,并调用canLogin函数在数据库中查询。
package com.zr.servlet;

import com.zr.bean.User;
import com.zr.dao.UserDao;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.sql.SQLException;

public class LoginServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String username=req.getParameter("username");
        String password=req.getParameter("password");

        if ("".equals(username)||"".equals(password)){
            System.out.println("登录失败");
            req.getRequestDispatcher("index.jsp").forward(req,resp);
            return;
        }
        UserDao userDao=new UserDao();
        User user=new User();
        user.setUsername(username);
        user.setPassword(password);

        try {
            if(userDao.canLogin(user)){
                resp.sendRedirect("welcome.jsp");
                System.out.println("登录成功");
            }
            else {
                System.out.println("登录失败");
                req.getRequestDispatcher("index.jsp").forward(req,resp);
            }
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }
    }
}
  1. 修改web.xml文件。
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>login</servlet-name>
        <servlet-class>com.zr.servlet.LoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>login</servlet-name>
        <url-pattern>/login</url-pattern>
    </servlet-mapping>

    <servlet>
        <servlet-name>welcome</servlet-name>
        <servlet-class>com.zr.servlet.welcomeServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>welcome</servlet-name>
        <url-pattern>/welcome</url-pattern>
    </servlet-mapping>
    
</web-app>
  1. 运行成果。
    在这里插入图片描述
    正确输入用户名、密码,点击“登录”后,跳转到welcome界面:
    在这里插入图片描述
    输入错误,则用户名、密码清空:
    在这里插入图片描述

遇到的问题和解决办法

  1. 在练习Jdbk时
    在这里插入图片描述
    在getConnection函数中,url:等代码是自动生成的,不需要自己写,删掉即可。
  2. 在运行输出用户信息时
    在这里插入图片描述
    只需要调整lib包的位置即可,调整如下:
    在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值