您现在的位置是:网站首页> 编程资料编程资料

jsp实现登录界面_JSP编程_

2023-05-25 353人已围观

简介 jsp实现登录界面_JSP编程_

本文实例为大家分享了jsp实现登录界面的具体代码,供大家参考,具体内容如下

一.用户登录案例需求:

1.编写login.jsp登录页面
 username & password 两个输入框
2.使用Druid数据库连接池技术,操作mysql,day14数据库中user表
3.使用JdbcTemplate技术封装JDBC
4.登录成功跳转到SuccessServlet展示:登录成功!用户名,欢迎您
5.登录失败跳转到login.jsp展示:登录失败,用户名或密码错误,验证码错误

二.分析

三. 开发步骤

1. 创建项目,配置文件,导入jar包

2. 创建数据库环境

CREATE DATABASE day17;     USE day17;             CREATE TABLE loginUSER(   -- 创建表                  id INT PRIMARY KEY AUTO_INCREMENT,                 username VARCHAR(20) NOT NULL,           PASSWORD VARCHAR(20) NOT NULL );

3.创建前端login.jsp和css页面

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%>                       管理员登录                                               
          

管理员登录

       
          
                                    
                     
                                    
                     
                                                 
          
${log_msg}
          
          
                       
          
                                   
 

4.在domain包下创建类LoginUser

package domain;   public class LoginUser {     private int id;     private String userName;     private String password;     public int getId() {         return id;     }     public void setId(int id) {         this.id = id;     }     public String  getUserName() {         return userName;     }     public void setUserName(String userName) {         this.userName = userName;     }     public String getPassword() {         return password;     }     public void setPassword(String password) {         this.password = password;     }     @Override     public String toString() {         return "LoginUser [id=" + id + ", userName=" + userName + ", password=" + password + "]";     } }

5.写utils包下的工具类JDBCUtils ,主要是与mysql数据库连接,创建数据库连接池对象

package cn.itcast.util;    import com.alibaba.druid.pool.DruidDataSourceFactory;               import javax.sql.DataSource;  import javax.xml.crypto.Data; import java.io.IOException; import java.io.InputStream; import java.sql.Connection; import java.sql.SQLException; import java.util.Properties;                          /**              * JDBC工具类 使用Durid连接池              */             public class JDBCUtils {                              private static DataSource ds ;                              static {                                  try {                         //1.加载配置文件                         Properties pro = new Properties();                         //使用ClassLoader加载配置文件,获取字节输入流                         InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");                         pro.load(is);                                      //2.初始化连接池对象                         ds = DruidDataSourceFactory.createDataSource(pro);                                  } catch (IOException e) {                         e.printStackTrace();                     } catch (Exception e) {                         e.printStackTrace();                     }                 }                              /**                  * 获取连接池对象                  */                 public static DataSource getDataSource(){                     return ds;                 }                                           /**                  * 获取连接Connection对象                  */                 public static Connection getConnection() throws SQLException {                     return  ds.getConnection();                 }             }

6.创建web层的checkcode的servlet,  用来显示验证码的

package web.servlet;   import java.io.IOException; import java.util.Random; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage;   import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;   @WebServlet("/checkcode") public class CheckCode extends HttpServlet{       /**      *       */     private static final long serialVersionUID = 1L;       @Override     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {         // TODO Auto-generated method stub         this.doPost(req, resp);     }       @Override     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {         int imgwidth=100;         int imgheight=40;         //1.创建图片对象,在内存中图片(验证码图片对象)         BufferedImage image=new BufferedImage(imgwidth,imgheight,BufferedImage.TYPE_INT_RGB);  //也可以指定读取image=imageIO.read(new file())         //2.美化图片         Graphics g=image.getGraphics(); //获得画笔对象                  //设置画笔颜色         g.setColor(Color.pink);         //在创建的图片对象大小中填充矩形,颜色为上面设置的颜色,第一,二个参数是起始点的x,y,第三,四个参数是有多宽,有多高         g.fillRect(0, 0, imgwidth, imgheight);                  //重新设置画笔颜色         g.setColor(Color.yellow);//画框边缘颜色         //在image上画边框,第一,二个参数是起始点的x,y,第三,四个参数是有多宽,有多高,注意:边框占一个像素,所以需要宽和高-1才能覆盖全部         g.drawRect(0, 0, imgwidth-1, imgheight-1);                  //随机设置验证码的值         String str="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";         Random random=new Random();         StringBuilder sb=new StringBuilder();         //随机在image中写字符串,第三,四个参数是画的位置         for(int i=1;i<5;i++) {             int index=random.nextInt(str.length());  //随机选取字母字符             g.setFont(new Font("宋体", Font.PLAIN, 20));  //设置画笔大小             sb.append(str.charAt(index));//将随机验证码置于stringbuilder中             g.setColor(Color.blue);  //画笔颜色             g.drawString(str.charAt(index)+"",imgwidth/5*i ,25);             }                  //将验证码存储与session对象中,用于loginservlet中的验证码验证         String session_code=sb.toString();         req.getSession().setAttribute("session_code", session_code);                  //随机画干扰线,第一,二个参数是起始点的x,y,第三,四个参数是最后一个点的x,y         int x1=0,y1=0,x2=0,y2=0;         for(int i=0;i<=8;i++) {  //画8次线条             x1=random.nextInt(imgwidth);             y1=random.nextInt(imgheight);             x2=random.nextInt(imgwidth);             y2=random.nextInt(imgheight);             g.setColor(Color.gray);             g.drawLine(x1, y1, x2, y2);         }                  //3.图片显示在页面上         ImageIO.write(image, "jpg", resp.getOutputStream());  //将图片写入指定文件(第三个参数是指定的位置Fileoutpotstream(new File(""))     }        }

7.创建web层的checklogin的servlet,用来响应用户登录的请求。主要是进行前端参数数据和UserDao进行交互

代码:

package web.servlet;   import java.io.IOException; import java.lang.reflect.InvocationTargetException; import java.util.Map;   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 javax.servlet.http.HttpSession;   import org.apache.commons.beanutils.BeanUtils;   import com.mchange.v2.codegen.bean.BeangenUtils;   import dao.UserDaoImpl; import domain.LoginUser;   @WebServlet("/checklogin") public class CheckLogin extends HttpServlet{       /**      *       */     private static final long serialVersionUID = 1L;       @Override     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {         // TODO Auto-generated method stub         this.doPost(req, resp);     }       @Override     protected void doPo
                
                

-六神源码网