7.20第一次实训课笔记
实训感受
1、今天实训课先是下载了很多软件,因为这些软件我都没用过,所以在下载和安装的时候费了很多时间,尤其是tomcat,配置了好几次才弄好,不过也让我更加熟悉它们的配置过程。
2、今天上课我有些跟不上,课后花了很长时间看回放才补上了课上学的内容。在做登录功能的时候,也是一筹莫展,不知道怎么下手。所幸有万能的百度,基本上都能慢慢琢磨出来,但是真的花了很长很长的时间,不过最后能够独自完成任务,感觉非常有成就感。
总的来说,今天是第一天,我没有迅速进入状态,对框架什么的也很陌生,不过真的收获颇丰,希望今后能够更加专心,并且提升编程速度。
实训流程
- 环境配置:依次下载并安装jdk idea mysql sqlyog tomcat teamview。
- 实现对数据库操作的查看、删除。
- 优化代码结构。利用面向对象思想,将代码进行封装。
- 新建.jsp文件,使得用户信息能够在网页上显示。
- 使用tomcat运行java项目。
- 编写登录页面和登录成功页面的样式、表单内容。
- 实现用户登录的数据库操作。
- 使用servlet实现web项目中登录前后台的交互。
Jdbc的实现过程
- 加载驱动
Class.forName("com.mysql.jdbc.Driver");
- 创建连接
Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/whlg","root","wangdan123456");
- 写sql
String sql="delete from tb_user where id=?";
- statement对象
PreparedStatement statement = connection.prepareStatement(sql);
- 执行sql得到结果集
ResultSet resultSet = statement.executeQuery();
- 处理结果集
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);
}
- 关闭资源
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();
}
}
登录的实现
- 在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>
- 创建welcome.jsp文件,实现成功登录后的界面。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>welcome</title>
</head>
<body>
登录成功,欢迎!
</body>
</html>
- 在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;
}
- 新建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();
}
}
}
- 修改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>
- 运行成果。
正确输入用户名、密码,点击“登录”后,跳转到welcome界面:
输入错误,则用户名、密码清空:
遇到的问题和解决办法
- 在练习Jdbk时
在getConnection函数中,url:等代码是自动生成的,不需要自己写,删掉即可。 - 在运行输出用户信息时
只需要调整lib包的位置即可,调整如下: