学生管理系统登入页面

1.数据库里面的数据表
主表student
成绩表chengji
登录表stuer
班级表banji




在这里插入图片描述

代码如下：HTML的代码等下要导入到Javajsp中
<%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%>

	</head>

	<style>
		/* 清除浏览器默认边距，

使边框和内边距的值包含在元素的width和height内 */

• {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

/* 使用flex布局，让内容垂直和水平居中 */

section {
/* 相对定位 /
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
/ linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片 */
background: linear-gradient(to bottom, #f1f4f9, #dff1ff);
}

/* 背景颜色 */

section .color {
/* 绝对定位 /
position: absolute;
/ 使用filter(滤镜) 属性，给图像设置高斯模糊*/
filter: blur(200px);
}

/* :nth-child(n) 选择器匹配父元素中的第 n 个子元素 */

section .color:nth-child(1) {
top: -350px;
width: 600px;
height: 600px;
ba