相关推荐recommended
实现数据库增删改查+界面效果-----jsp
作者:mmseoamin日期:2023-12-05

任务

1.通过连接数据库完成用户登录模块。

2.登录成功后查询出一张数据库表中的内容;登录不成功返回登录页面。

3.页面面端要有空值和非法字符验证。

4.登录成功后对一张表中数据进行增加、删除、修改和查询操作。

代码

数据库相关代码

创建数据库

名字为jdbcHomework,字符编码为utf8

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第1张

数据库创建表

学生表

DROP TABLE IF EXISTS `student`;
CREATE TABLE `student` (
  `Sid` char(11) CHARACTER SET utf8 NOT NULL,
  `Sname` char(50) CHARACTER SET utf8 DEFAULT NULL,
  `Ssex` char(2) CHARACTER SET utf8 DEFAULT NULL,
  `Sclass` char(50) CHARACTER SET utf8 DEFAULT NULL,
  `Syuanxi` char(50) CHARACTER SET utf8 DEFAULT NULL,
  PRIMARY KEY (`Sid`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COMMENT='jdbc作业';

用户表

DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
  `Userid` char(11) NOT NULL,
  `Username` char(50) DEFAULT NULL,
  `Userpwd` varchar(12) DEFAULT NULL,
  PRIMARY KEY (`Userid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='jdbc作业';

数据库的表中插入数据

学生表

INSERT INTO `student` VALUES ('20221104122', '李静静', '女', '计科(专升本)1班', '计算机');
INSERT INTO `student` VALUES ('20221104204', '柯柯', '女', '计科(专升本)2班', '计算机');
INSERT INTO `student` VALUES ('20221104250', 'zyp', '男', '自动化1班', '自动化');

用户表

INSERT INTO `user` VALUES ('20221104122', '洛可可', '666666');
INSERT INTO `user` VALUES ('root', '洛可可', 'root');

myeclipse中代码

src的jdbcHomework包中的代码

功能:连接数据库

1.LinkMysql.java为连接mysql的代码,包括驱动、密码、url,用于登录界面、登录检查、增删改查的后台处理

2.ConnectionFactory.java为为连接mysql的代码,包括驱动、密码、url,用于登录成功后界面linkMysql.jsp连接数据库

3.本次学习时上面类使用方法是通过javaBean的id获取链接,从而连接到数据库;下面类使用方法是通过在开头导入该类,代码中新建类并用 “新建的类名.getConnection();” 方法获取链接,从而连接到数据库

1.LinkMysql
package jdbcHomework;
import java.sql.*;
public class LinkMysql {
	 //驱动程序
    private String driverName = "com.mysql.jdbc.Driver";
    //设置数据库连接URL
    private String url = "jdbc:mysql://localhost:3306/jdbcHomework?useUnicode=true&characterEncoding=utf-8";
    private String user = "root";//数据库登录用户名
    private String password = "root";//数据库登录密码 
	public String getDriverName() {
		return driverName;
	}
	public void setDriverName(String driverName) {
		this.driverName = driverName;
	}
	public String getUrl() {
		return url;
	}
	public void setUrl(String url) {
		this.url = url;
	}
	public String getUser() {
		return user;
	}
	public void setUser(String user) {
		this.user = user;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	 public Connection getConnection() {
	        try {
	            Class.forName(driverName);
	            return DriverManager.getConnection(url, user, password);
	        } catch (Exception e) {
	            //e.printStackTrace();
	            System.out.println("驱动异常");
	            return null;
	        }
	    }  
}
2.ConnectionFactory
package jdbcHomework;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
public class ConnectionFactory {
	private String driverClassName = "com.mysql.jdbc.Driver"; 
	  private String url = "jdbc:mysql://localhost:3306/jdbcHomework?useUnicode=true&characterEncoding=utf-8"; 
	  private String userName = "root"; 
	  private String password = "root"; 
	  /* 
	  private static ConnectionFactory connectionFactory=null; 
	  
	  
	  private ConnectionFactory() { 
		  try {
			Class.forName(driverClassName);
		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} 
	  }
	  public ConnectionFactory(){
		  
	  }
	 */
	  public Connection getConnection() throws SQLException 
	  { 
		  try {
				Class.forName(driverClassName);
			} catch (ClassNotFoundException e) {
				// TODO Auto-generated catch block
				//e.printStackTrace();
				System.out.println("驱动异常");
			} 
		  return DriverManager.getConnection(url, userName, password); 
	  }
	  /*
	  public static ConnectionFactory getInstance() 
	  {  
		  if (null==connectionFactory) { 
		      connectionFactory=new ConnectionFactory(); 
		    } 
		    return connectionFactory;
	  }
	  */
	  
}

WebRoot/jdbcHomework下的代码

1.登录主界面代码

https://blog.csdn.net/m0_46222433/article/details/login.jsp

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>


  
    My JSP 'https://blog.csdn.net/m0_46222433/article/details/login.jsp' starting page
	
	
	    
	
	
	
	 
  
  
  
  	

欢迎来到洛可可学生管理系统!!

学号:
姓名:
密码:
2.登录检查代码

logincheck.jsp

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>


  
    My JSP 'logincheck.jsp' starting page
	
	
	    
	
	
	
  
  
  
  
    <%
    	/*获取到https://blog.csdn.net/m0_46222433/article/details/login.jsp页面登录时学生的学号、姓名、密码*/
    	request.setCharacterEncoding("utf-8");
    	String studentId = request.getParameter("id");	
    	String studentName = request.getParameter("name");	
    	String pwd = request.getParameter("pwd");	
    	System.out.println("学号:"+studentId+",姓名:"+studentName+",密码:"+pwd);	//控制台输出获取到的登录时学生的学号、姓名、密码
    	
    	
    	/*连接数据库并执行相关操作*/
       Connection con=null;
       PreparedStatement ps=null;
       ResultSet rs=null; 
       con = link.getConnection();  
       
       String sql="select * from user where Userid=? and Username=? and Userpwd=?";
       ps=con.prepareStatement(sql);
       ps.setString(1,studentId);
       ps.setString(2, studentName);
       ps.setString(3,pwd);       
       rs=ps.executeQuery();
       
       if(rs.next()){ 
	       System.out.println("登录成功!");      	
	       response.sendRedirect("https://blog.csdn.net/m0_46222433/article/details/linkMysql-2.jsp");
	       
      
       }
       else{ 
	       System.out.println("登录失败!");      
	       response.sendRedirect("https://blog.csdn.net/m0_46222433/article/details/login.jsp");
	       out.print("");
	         
       }
        rs.close();
        ps.close();
        con.close();
       
	%>                         
  

3.登录成功页面代码

https://blog.csdn.net/m0_46222433/article/details/linkMysql-2.jsp

<%@ page language="java" import="java.util.*, java.sql.*,jdbcHomework.ConnectionFactory" pageEncoding="UTF-8"%>


  
    My JSP 'linkMysql.jsp' starting page
	
	
	    
	
	
	
  
  <%-- 在浏览器上显示所有学生信息 --%>
  
  		

欢迎加入到洛可可学生管理系统

<% Connection con= null; Statement stmt=null; ResultSet rs=null; //Class.forName("com.mysql.jdbc.Driver"); /*3306为端口号,student为数据库名,url后面加的?useUnicode=true&characterEncoding=gbk是为了处理向数据库中添加数据时出现乱码的问题。*/ //String url="jdbc:mysql://localhost:3306/jdbcHomework?useUnicode=true&characterEncoding=utf-8"; //con=DriverManager.getConnection(url,"root","root"); ConnectionFactory cf = new ConnectionFactory(); con = cf.getConnection();; int intPageSize; //一页显示的记录数 int intRowCount; //记录总数 int intPageCount; //总页数 int intPage; // 待显示页码 String strPage; int i; intPageSize=10; //设置一页显示的记录数 strPage = request.getParameter("page"); if(strPage==null){ //表明page的参数值为空,此时显示第一页数据 intPage = 1; }else{ //将字符串转换成整型 intPage = java.lang.Integer.parseInt(strPage); if(intPage<1) intPage=1; } stmt=con.createStatement(); String sql="select * from student"; rs=stmt.executeQuery(sql); while(rs.next()){ %> <%} rs.close(); stmt.close(); con.close(); %>
学号 姓名 性别 班级 院系 操作
<%=rs.getString("Sid")%> <%=rs.getString("Sname")%> <%=rs.getString("Ssex")%> <%=rs.getString("Sclass")%> <%=rs.getString("Syuanxi")%> ">删除 ">修改

4.删除学生信息主界面代码

deleteStu.jsp

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>


  
    My JSP 'deleteStu.jsp' starting page
	
	
	    
	
	
	
  
  
  
    
    <%
	   request.setCharacterEncoding("utf-8");
	   String sid = request.getParameter("Sid");
	   System.out.println(sid);
	   Connection con=null;
	   PreparedStatement ps=null;
	   //ResultSet rs=null;
      
       con = link.getConnection();  
       
	   String sql="delete from student where Sid=? ";
       ps=con.prepareStatement(sql);
       ps.setString(1,sid);            
       int i=ps.executeUpdate();
       
       if(i>0){ 
       	System.out.println("删除成功!");      	
       	response.sendRedirect("linkMysql.jsp");
       	//out.print("");
      
       }
       else{  
          System.out.println("删除的学生不存在!");  
       	  response.sendRedirect("linkMysql.jsp");
       		//out.print("");
         
       }
        
        ps.close();
        con.close();
       
	                        
     %>
  

5.修改学生信息主界面代码

deleteStu.jsp

<%@ page language="java" import="java.util.*, java.sql.*" pageEncoding="UTF-8"%>


  
    My JSP 'updateStu.jsp' starting page
	
	
	    
	
	
	
  
  
  
  		

欢迎来到洛可可学生系统修改(更新)页面


<% String sid = request.getParameter("Sid"); System.out.println(sid); Connection con=null; PreparedStatement ps=null; con=link.getConnection(); String sql="select * from student where Sid=? "; ps=con.prepareStatement(sql); ps.setString(1,sid); ResultSet rs=ps.executeQuery(); if(rs.next()){ %>
学号: <%=rs.getString(1) %>
姓名:
性别:
班级:
院系:

<% //out.print(""); } else{ System.out.println("学生不存在!"); response.sendRedirect("linkMysql.jsp"); //out.print(""); //out.print(""); } rs.close(); ps.close(); con.close(); %>


6.修改学生信息后台处理代码

doupdate.jsp

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>


  
    My JSP 'doupdate.jsp' starting page
	
	
	    
	
	
	
  
  
  
    
    <%
    	request.setCharacterEncoding("utf-8");
    	String uid = request.getParameter("sid");
		String uname = request.getParameter("sname");
		String sex = request.getParameter("ssex");
		String banji = request.getParameter("banji");
		String yuanxi = request.getParameter("yuanxi");
		System.out.println(uid+uname+sex+banji+yuanxi);
		Connection con=null;
        PreparedStatement ps=null;
       
		con=link.getConnection();
       String sql="update student set Sname=?,Ssex=?,Sclass=?,Syuanxi=? where Sid=?";
       ps=con.prepareStatement(sql);
       ps.setString(1,uname);
       ps.setString(2, sex);
       ps.setString(3,banji); 
       ps.setString(4,yuanxi);
       ps.setString(5,uid);     
       int i=ps.executeUpdate();
       if(i>0){ 
	       System.out.println("修改成功!");      	
	       	response.sendRedirect("linkMysql.jsp");
	      
       		//out.print("");
      
       }
       else{ 
	       System.out.println("修改失败!");      
	       response.sendRedirect("linkMysql.jsp");
	       //out.print("");
         
       }
       
        ps.close();
        con.close();
    
     %>
  

6.添加学生信息主界面代码

https://blog.csdn.net/m0_46222433/article/details/add.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


  
    My JSP 'https://blog.csdn.net/m0_46222433/article/details/add.jsp' starting page
	
	
	    
	
	
	
	
  
  
  
  
	  

欢迎来到洛可可学生系统添加页面

学号:
姓名:
性别:
班级:
院系:

6.添加学生信息后台处理代码

dohttps://blog.csdn.net/m0_46222433/article/details/add.jsp

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>


  
    My JSP 'dohttps://blog.csdn.net/m0_46222433/article/details/add.jsp' starting page
	
	
	    
	
	
	
  
  
  
      
	<% 
		request.setCharacterEncoding("utf-8");
		String uid = request.getParameter("id");
		String uname = request.getParameter("name");
		String sex = request.getParameter("sex");
		String banji = request.getParameter("banji");
		String yuanxi = request.getParameter("yuanxi");
		
		Connection con=null;
       	PreparedStatement ps=null;
      
       con = link.getConnection();  
       
       String sql="insert into student(Sid,Sname,Ssex,Sclass,Syuanxi) values(?,?,?,?,?)";
       ps=con.prepareStatement(sql);
       ps.setString(1,uid);
       ps.setString(2, uname);
       ps.setString(3,sex); 
       ps.setString(4,banji);
       ps.setString(5,yuanxi);     
       int i=ps.executeUpdate();
       
       if(i>0){ 
	       System.out.println("添加成功!");      	
	       response.sendRedirect("linkMysql.jsp");
	       //out.print("");
      
       }
       else{ 
	       System.out.println("添加失败!");      
	       response.sendRedirect("linkMysql.jsp");	   
	       //out.print("");
         
       }
       
        ps.close();
        con.close();
       
	%>
  

问题

1.login.jsq页面的表单接收地址为jdbcHomework/logincheck.jsp 时,只有初始时主界面登录才会进去,通过别的界面打开的登录界面输入正确信息会报404地址错误

2.login.jsq页面的表单接收地址为logincheck.jsp 效果:只有通过别的界面打开的登录界面输入正确信息才会进入登录成功界面,初始时的登录界面输入正确信息点击登录时会报404错误

解决方法

解决方法:<一>写两个登录界面,

初始时主界面登录的表单接受地址写为jdbcHomework/logincheck.jsp

别的界面跳转时的登录界面地址写为logincheck.jsp

<二>地址写绝对地址:/项目名/相对于webroot的相对地址

效果

运行初始界面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第2张

输入错误用户信息登录返回登录页面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第3张

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第4张

输入正确用户信息登录进入系统

输入正确学号、姓名、密码后控制台输出登录成功,页面跳转至登录成功页面(显示数据库学生信息表)

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第5张

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第6张

删除学生信息功能

在主界面信息每行后面都有一个删除选项,点击即可删除该行信息

删除前

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第7张

删除后

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第8张

修改学生信息功能

在主界面信息每行后面都有一个修改选项,点击即可跳转至修改该行信息页面,可以修改该行信息(学号不可更改)

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第9张

修改信息页面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第10张

点击各个信息(姓名、性别、班级、院系)修改,修改完成后点击修改完成跳转至登录成功界面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第11张

点击返回上一界面,即跳转到登录成功界面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第12张

点击登录界面,即跳转到登录界面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第13张

添加学生信息功能

在主界面信息表后面都有一个添加学生信息选项,点击即可跳转至学生信息添加页面,之后输入信息点击添加即可完成添加学生信息功能

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第14张

学生信息添加页面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第15张

输入信息点击添加即可完成添加学生信息功能

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第16张

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第17张

控制台显示添加成功

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第18张

点击重置可重新输入

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第19张

点击返回上一界面,跳转至登录成功页面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第20张

点击切换账号,跳转至登录界面

实现数据库增删改查+界面效果-----jsp,在这里插入图片描述,第21张