基于web的学生管理系统（三）前端页面

前端页面主要使用JSP 1、登录页面，index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


    Title
    
        #box{
            position: relative;
            margin: 200px auto;
            border-radius: 20px;
            width: 400px;
            height: 300px;
            background-color: darkturquoise;
        }
        .a{
            width: 200px;
            height: 40px;
        }
        #box2{
            position: absolute;
            top: 210px;
            left: 70px;
        }
        #a{
            width: 260px;
        }
        table{
            position: absolute;
            left: 70px;
            top:70px;
        }
        p{
            position: absolute;
            top: -15px;
            right: 72px;
        }
    



<%
    cookie[] cookies = request.getcookies();
    if(cookies!=null){
        for (cookie c : cookies){
            if("username".equals(c.getName())){
                pageContext.setAttribute("username",c.getValue());

            }
            if("password".equals(c.getName())){
                pageContext.setAttribute("password",c.getValue());
            }
        }
    }
%>


    
        
            账号：
            
        
        
            密码：
            
        
    
    
    
            checked
    
    >记住密码没有账号？注册

2、注册页面，register.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    Title
    
        input{
            width: 200px;
            height: 30px;
        }
        #box{
            width: 350px;
            height: 400px;
            border-radius: 30px;
            background-color:dodgerblue;
            position: relative;
            margin: 200px auto;
        }
        table{
            position: absolute;
            top: 40px;
            left: 30px;
        }
        #a{
            width: 300px;
            height: 50px;
        }
    



    
        
            
                用户名：
                
            
            
                密码：
                
            
            
                名字：
                
            
            
                电话：
                
            
            
                出生日期：

3.主页面，stuservlet.jsp

<%@ page import="java.util.List" %>
<%@ page import="com.offcn.entity.Student" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


    Title
    
        #in{
            width: 50px;
            height: 30px;
            position: relative;
            background-color: chartreuse;
            top: 30px;
            left: 1100px;
        }
    



添加

    
        姓名：
        性别：
        
    


        
    学生信息表
    
        学号
        姓名
        年龄
        性别
        电话
        生日
        头像
        操作
    
    
            ${s.sid}
            ${s.name}
            ${s.age}
            ${s.sex}
            ${s.tel}
            ${s.bir}
            
                
            
            删除
            修改
        
    


    首页
    上一页
    
        ${n}    
    
    下一页
    尾页
    ${p.curPage}/${p.endPage}
    总记录数：${p.rows}

**学生信息表**
学号	姓名	年龄	性别	电话	生日	头像	操作
${s.sid}	${s.name}	${s.age}	${s.sex}	${s.tel}	${s.bir}		删除	修改

4、添加学生页面，insert.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    
    Title
    
        input{
            width: 200px;
            height: 30px;
        }
        #box{
            width: 350px;
            height: 400px;
            border-radius: 30px;
            background-color:dodgerblue;
            position: relative;
            margin: 200px auto;
        }
        table{
            height: 300px;
            position: absolute;
            top: 40px;
            left: 30px;
        }
    




    
        
            
                姓名：
                
            
            
                年龄：
                
            
            
                性别：
                
            
            
                电话：
                
            
            
                生日：
                
            
            
                头像：

5、修改页面，update.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    Title
    
        input{
            width: 200px;
            height: 30px;
        }
        #box{
            width: 350px;
            height: 400px;
            border-radius: 30px;
            background-color:dodgerblue;
            position: relative;
            margin: 200px auto;
        }
        table{
            height: 300px;
            position: absolute;
            top: 40px;
            left: 30px;
        }
        #a{
            width: 300px;
            height: 50px;
        }
    



    
        
            
                学号：
                
            
            
                姓名：
                
            
            
                年龄：
                
            
            
                性别：
                
            
            
                电话：
                
            
            
                生日：
                
            
            
                头像：

7、登录失败页面，login_fail.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    Title


登录失败重新登录

8、顶部展示, top.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


    顶部页面



    
        欢迎【${user.name}】安全退出

学号：
姓名：
年龄：
性别：
电话：
生日：
头像：

基于web的学生管理系统（三）前端页面

Java相关栏目本月热门文章