实现数据库增删改查+界面效果

您所在的位置：网站首页 › jsp学生信息的增删改查 › 实现数据库增删改查+界面效果

实现数据库增删改查+界面效果

2024-05-29 00:44| 来源: 网络整理| 查看: 265

任务

1.通过连接数据库完成用户登录模块。 2.登录成功后查询出一张数据库表中的内容；登录不成功返回登录页面。 3.页面面端要有空值和非法字符验证。 4.登录成功后对一张表中数据进行增加、删除、修改和查询操作。

代码数据库相关代码创建数据库

名字为jdbcHomework，字符编码为utf8 在这里插入图片描述

数据库创建表

学生表

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.登录主界面代码

My JSP 'login.jsp' starting page function checkForm(){ if (form1.id.value == null || form1.userid.value==""){ alert("请输入学号"); return false ; } if (form1.name.value == null || form1.username.value==""){ alert("请输入姓名"); return false ; } if (form1.pwd.value == null || form1.pwd.value==""){ alert("请输入密码"); return false; } return true; } 欢迎来到洛可可学生管理系统！！学号：姓名：密码： 2.登录检查代码

logincheck.jsp

My JSP 'logincheck.jsp' starting page System.out.println("登录失败！"); response.sendRedirect("login.jsp"); out.print(" alert('登陆失败,请重新登录！！');window.location='login.jsp';"); } rs.close(); ps.close(); con.close(); %> 3.登录成功页面代码

linkMysql-2.jsp

My JSP 'linkMysql.jsp' starting page 欢迎加入到洛可可学生管理系统学号姓名性别班级院系操作 //将字符串转换成整型 intPage = java.lang.Integer.parseInt(strPage); if(intPage System.out.println("删除成功！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('删除成功！');window.location='linkMysql.jsp';"); } else{ System.out.println("删除的学生不存在！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('删除失败！');window.location='login.jsp';"); } ps.close(); con.close(); %> 5.修改学生信息主界面代码

deleteStu.jsp

My JSP 'updateStu.jsp' starting page 欢迎来到洛可可学生系统修改（更新）页面 System.out.println("学生不存在！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('登录失败！');"); //out.print(" alert('登陆失败！');window.location='login.jsp';"); } rs.close(); ps.close(); con.close(); %> 返回上一界面登录界面 6.修改学生信息后台处理代码

doupdate.jsp

My JSP 'doupdate.jsp' starting page 0){ System.out.println("修改成功！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('学生信息修改成功！');window.location='linkMysql.jsp';"); } else{ System.out.println("修改失败！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('学生信息修改失败！');window.location='login.jsp';"); } ps.close(); con.close(); %> 6.添加学生信息主界面代码

add.jsp

My JSP 'add.jsp' starting page function checkForm(){ if (form1.id.value == null || form1.userid.value==""){ alert("请输入学号"); return false ; } if (form1.name.value == null || form1.username.value==""){ alert("请输入姓名"); return false ; } if (form1.sex.value == null || form1.sex.value==""){ alert("请输入性别"); return false; } if (form1.banji.value == null || form1.banji.value==""){ alert("请输入班级"); return false; } if (form1.yuanxi.value == null || form1.yuanxi.value==""){ alert("请输入院系"); return false; } return true; } 欢迎来到洛可可学生系统添加页面学号：姓名：性别：班级：院系：返回上一界面切换账号 6.添加学生信息后台处理代码

doadd.jsp

My JSP 'doadd.jsp' starting page 0){ System.out.println("添加成功！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('添加成功！');window.location='linkMysql.jsp';"); } else{ System.out.println("添加失败！"); response.sendRedirect("linkMysql.jsp"); //out.print(" alert('添加失败！');window.location='login.jsp';"); } ps.close(); con.close(); %> 问题

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

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

解决方法

解决方法：写两个登录界面，初始时主界面登录的表单接受地址写为jdbcHomework/logincheck.jsp 别的界面跳转时的登录界面地址写为logincheck.jsp 地址写绝对地址：/项目名/相对于webroot的相对地址

效果运行初始界面

在这里插入图片描述