软件工程学习进度第五周暨暑期学习进度之第五周汇总

---恢复内容开始---

本周只做了一件事，就是学生信息管理系统。

首先，信息管理系统的学籍信息的获取，是基于Python爬虫爬取的中国所有省市名及对应的的身份证号前六位，并通过身份证号生成相关的家庭住址、高考考号、生日、省份、城市信息，以及通过以前创建的数据表中的姓名、性别、学号、学院、专业、班级相关联生成护照姓名、年级、行政班级、行政学院等学籍信息，使信息显得极其逼真。

用于生成学籍的Python源码如下：

from xpinyin import Pinyin
from pymysql import *
import random
import time
from bs4 import BeautifulSoup
from urllib3 import *
from re import *
import json

num_list = []
address_list = []

def regiun():
    #爬虫爬取身份证前六位及对应地址

    url = "http://www.360doc.com/content/12/1010/21/156610_240728293.shtml"
    http = PoolManager()
    html = http.request('GET', url)
    htmlstr = html.data.decode('utf-8')
    bs = BeautifulSoup(htmlstr, 'lxml')
    p_list = bs.findAll('p', {
        'style': "TEXT-ALIGN: left; MARGIN: 0cm 0cm 0pt; BACKGROUND: white; mso-pagination: widow-orphan"})
    index = 1
    for i in p_list:
        if index <= 8:
            index = index + 1
            continue
        str = i.text
        str_list = str.split(" ")
        num_list.append(str_list[0])
        address_list.append(str_list[1])
        first = random.choice(num_list)
    return first

def year():
    now = time.strftime('%Y')
    second = random.randint(1995,int(now)-18)
    age = int(now) - second
    return second

def month():
    three = random.randint(1,12)
    #月份小于10以下，前面加上0填充
    if three < 10:
        three = '0' + str(three)
        return three
    else:
        return three

def day():
    four = random.randint(1,31)
    #日期小于10以下，前面加上0填充
    if four < 10:
        four = '0' + str(four)
        return four
    else:
        return four

def randoms():
    #后面序号低于相应位数，前面加上0填充
    five = random.randint(1,9999)
    if five < 10:
        five = '000' + str(five)
        return five
    elif 10 < five < 100:
        five = '00' + str(five)
        return five
    elif 100 < five < 1000:
        five = '0' + str(five)
        return five
    else:
        return five

def Random_ID_number():
    first = regiun()
    second = year()
    three = month()
    four = day()
    last = randoms()
    IDcard = str(first)+str(second)+str(three)+str(four)+str(last)
    print(IDcard)
    return IDcard

#根据身份证号生成生日
def get_birthday(ID_number):
    year=ID_number[6:10]
    month=ID_number[10:12]
    day=ID_number[12:14]
    birthday=year+'-'+month+'-'+day
    print(birthday)
    return birthday

# 根据学院和年级生成校区信息，在此只设定大一土木在南校区
def get_campus(agency,grade):
    now = time.strftime('%Y')
    if agency == "土木工程学院" and int(now)-int(grade) == 0:
        print("南校区")
        return "南校区"
    else:
        print("本部")
        return "本部"

# 根据身份证号生成学生籍贯
def get_native_place(ID_number):
    print(address_list[num_list.index(ID_number[0:6])])
    return address_list[num_list.index(ID_number[0:6])]

# 随机生成民族
def Random_nation():
    nation_list=['汉族','回族','苗族','壮族']
    print(nation_list[random.randint(0,3)])
    return nation_list[random.randint(0,3)]

# 根据身份证号获取高考考号
def get_exam_number(ID_number,grade):
    year_final=grade[2:4]
    six=ID_number[0:6]
    year_enter=str(int(year_final)-3)
    tail=str(randoms())
    exam_num=year_final+six+year_enter+tail
    print(exam_num)
    return exam_num

def get_address(str):
    if str.find("省") != -1:
        province = str[0:str.find("省") + 1]
        if str.find("自治州") != -1:
            city = str[str.find("省") + 1:str.find("自治州") + 3]
        elif str.find("市") != -1 and str.find("区") != -1 and str.find("市") < str.find("区"):
            city = str[str.find("省") + 1:str.find("市") + 1]
        elif str.find("市") != -1 and str.find("区") != -1 and str.find("市") > str.find("区"):
            city = str[str.find("省") + 1:str.find("区") + 1]
        elif str.find("市") != -1 and str.find("区") == -1:
            city = str[str.find("省") + 1:str.find("市") + 1]
        elif str.find("市") == -1 and str.find("区") != -1:
            city = str[str.find("省") + 1:str.find("区") + 1]
        else:
            city=province
    elif str.find("自治区"):
        province = str[0:str.find("自治区") + 3]
        if str.find("盟") != -1:
            city = str[str.find("自治区") + 3:str.find("盟") + 1]
        elif str.find("市") != -1:
            city = str[str.find("自治区") + 3:str.find("市") + 1]
        else:
            city=province
    elif str.find("市") != -1:
        province = str[0:str.find("市") + 1]
        city = str[0:str.find("市") + 1]
    address=[province,city]
    return  address

def get_province(ID_number):
    print(get_address(address_list[num_list.index(ID_number[0:6])])[0])
    return get_address(address_list[num_list.index(ID_number[0:6])])[0]

def get_city(ID_number):
    print(get_address(address_list[num_list.index(ID_number[0:6])])[1])
    return get_address(address_list[num_list.index(ID_number[0:6])])[1]

# 随机生成联系电话
def Random_phone():
    head_list=['151','137','136','172','157']
    else_num=""
    for i in range(0,7):
        else_num=else_num+str(random.randint(0,9))
    print(head_list[random.randint(0,4)]+else_num)
    return head_list[random.randint(0,4)]+else_num

# 根据城市名称随机生成高中学校名
def Random_school(city):
    index=['一','二','三','四','五','六','七','八']
    print(city+"第"+index[random.randint(0,7)]+"中学")
    return city+"第"+index[random.randint(0,7)]+"中学"

# 随机生成考生类别（农村应届或城市应届）
def Random_std_class():
    list=['农村应届','城市应届']
    print(list[random.randint(0,1)])
    return list[random.randint(0,1)]

# 判断理工科还是文科
def get_exam_type(agency):
    if agency=="文法学院" or agency=="马克思主义学院":
        return "普文"
    else:
        return "理工"


try:
    db = connect(host='localhost', port=3306, user='root', password='010218', db='people_information_db')
    print("数据库连接成功")

except Exception as e:
    print(e)

inquireSql='''
    select * from std_information
'''
newtable='''
    create table std_status(
        id varchar(10) primary key not null,
        name varchar(10) not null,
        passport_name varchar(20) not null,
        sex varchar(10) not null,
        birthday varchar(10) not null,
        state varchar(10) not null,
        agency varchar(10) not null,
        grade varchar(5) not null,
        major varchar(10) not null,
        class_num varchar(10) not null,
        national_major varchar(10) not null,
        campus varchar(10) not null,
        administrate_agency varchar(10) not null,
        administrate_class varchar(10) not null,
        native_place varchar(30) not null,
        nation varchar(10) not null,
        politics_status varchar(15) not null,
        ID_number varchar(18) not null,
        exam_number varchar(15) not null,
        transport_place varchar(20) not null,
        province varchar(10) not null,
        city varchar(10) not null,
        phone varchar(11) not null,
        address varchar(30) not null,
        student_origin varchar(10) not null,
        graduation_school varchar(20) not null,
        exam_std_class varchar(10) not null,
        admit_form varchar(10) not null,
        admit_origin varchar(10) not null,
        exam_type varchar(10) not null,
        double_degree varchar(20),
        std_label varchar(10) not null,
        special_remark varchar(50)
    )
'''

cursor=db.cursor()
try:
    pin=Pinyin()
    cursor.execute(newtable)
    cursor.execute(inquireSql)
    results=cursor.fetchall()
    for row in results:
        id=row[0]
        name=row[1]
        passport_name=pin.get_pinyin(row[1],' ').upper()
        sex=row[2]
        ID_number=Random_ID_number()
        birthday=get_birthday(ID_number)
        state="有学籍 在读"
        agency=row[3]
        grade=id[0:4]
        major=row[4]
        class_num=row[5]
        nation_major=major
        campus=get_campus(agency,grade)
        administrate_agency=agency
        administrate_class=class_num
        native_place=get_native_place(ID_number)
        nation=Random_nation()
        politics_status="中国共产主义青年团团员"
        exam_number=get_exam_number(ID_number,grade)
        province=get_province(ID_number)
        city=get_city(ID_number)
        address=province+city
        phone=Random_phone()
        transport_place="石家庄--"+address
        student_origin=province
        graduation_school=Random_school(city)
        exam_std_class=Random_std_class()
        admit_form="统招"
        admit_origin=province
        exam_type=get_exam_type(agency)
        double_degree=""
        std_label="普通学生"
        special_remark=""


        insert_information = '''
            insert into std_status(id,name,passport_name,sex,birthday,state,agency,grade,major,class_num,national_major,
            campus,administrate_agency,administrate_class,native_place,nation,politics_status,ID_number,exam_number,transport_place,
            province,city,phone,address,student_origin,graduation_school,exam_std_class,admit_form,admit_origin,exam_type,
            double_degree,std_label,special_remark) values('%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s',
             '%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s')
        '''%(id,name,passport_name,sex,birthday,state,agency,grade,major,class_num,nation_major,campus,administrate_agency,administrate_class,
             native_place,nation,politics_status,ID_number,exam_number,transport_place,province,city,phone,address,student_origin,graduation_school,
             exam_std_class,admit_form,admit_origin,exam_type,double_degree,std_label,special_remark)
        cursor.execute(insert_information)
        db.commit()
except Exception as e:
    print(e)

该程序是基于已经存在的数据表std_information实现的，数据库结构如下：

接下来展示学生信息管理系统的文件结构：

由于之前发过的部分页面在后续进度中有部分修改，在这里重新上传全部页面代码。

登录页面：

<%@page import="com.stumag.util.DBUtil"%>
<%@page import="com.mysql.cj.jdbc.Driver"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="javax.naming.spi.DirStateFactory.Result"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>小赵的学生信息管理系统</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<style>
    *{
    margin:0;
    padding:0;
    }
    .wrap {    
    background-image: url(images/signin.jpg);
    background-size: cover;    
    background-repeat: no-repeat;    
    background-position: center center;    
    position: relative;
    height: 719px;    
    width: 100;    
    }

    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    }
    .wrap .logcontainer { 
    position: absolute;
    background-color: #FFFFFF;
    top: 20%;
    right: 15%;
    height: 408px;
    width: 368px; 
    }
    .logbt a input {
    width: 100%;
    height: 45px;
    background-color: #ee7700;
    border: none;
    color: white;
    font-size: 18px;
    }
    .logcontainer .logD.logDtip .p1 {    
    display: inline-block;    
    font-size: 28px;    
    margin-top: 30px;    
    width: 86%;
    }
    .wrap .logcontainer .logD.logDtip {    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .logcontainer .lgD img {    
    position: absolute;
    top: 12px;    
    left: 8px;
    }
    .logcontainer .lgD input {    
    width: 100%;    
    height: 42px;    
    text-indent: 2.5rem;
    }
    .wrap .logcontainer .lgD {    
    width: 86%;    
    position: relative;    
    margin-bottom: 30px;    
    margin-top: 30px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .logcontainer .logbt {    
    width: 86%;    
    margin-top: 0px;    
    margin-right: auto;    
    margin-bottom: 20px;    
    margin-left: auto;
    }
    .wrap .logcontainer .signin{
    width:40%;
    margin-top:20px;
    margin-bottom:0px;
    margin-left:auto;
    margin-right:20px;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    
    
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .wrap .logcontainer .logbt #loginbtn{
    border-radius:8px;
    }
    .wrap .logcontainer{
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
</style>
</head>
<body>
    
    <div class="head" id="head">
      <div class="title">小赵的学生信息管理系统</div>
    </div>

    <div class="wrap" id="wrap">
        <div class="logcontainer">
        <!-- 头部提示信息 -->            
            <div class="logD logDtip">                
            <p class="p1">登录</p>            
            </div>        
            <!-- 输入框 -->
            <form action="login_do" method="post">
                <div class="lgD">                
                <img src="images/icon.png" width="20" height="20"/>
                <input class="logDinput" id="username" name="username" type="text" placeholder="输入用户名" />
                </div>        
                
                <div class="lgD">                
                <img src="images/mima.png" width="20" height="20" alt=""/>                
                <input class="logDinput" id="password" name="password" type="password" placeholder="输入用户密码" />            
                </div>
                    
                <div class="logbt">                
                <a id="loginlink" target="_self"><input type="submit" id="loginbtn" value="登 录"/></a>            
                </div>
            </form>
            
            <div class="signin">
                <a href="sign.jsp">没有账号？注册一个</a>
            </div>        
        </div>
    </div>
    <div class="foot" id="foot">  
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">        
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理登录请求的servlet：

package com.stumag.servlet;

import java.io.IOException;
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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class login_do
 */
@WebServlet("/login_do")
public class login_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String username=request.getParameter("username");
        
        String password=request.getParameter("password");
        
        if(DBUtil.isExist(username, password))
        {
            request.getRequestDispatcher("mainpage.jsp").forward(request, response);
        }
        else
        {
            request.getRequestDispatcher("login.jsp").forward(request,response);
        }
    }

}

 

效果：

注册页面：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>用户注册</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .head{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/signin.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    width:100%;
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width: 80%;
    height: 45px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <div id="header" class="head">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">注册</p>
            </div>
            <form action="signin_do" method="post">
                <table class="user">
                
                    <tr class="ID uesr">
                    <td class="input_hint"><label>学 /工号：</label></td>
                    <td class="signinput"><input class="i_input" name="ID" type="text" maxlength="20" size="20" placeholder="请输入学号/工号"></td>
                    </tr>
                    
                    <tr class="usrn user">
                    <td class="input_hint"><label>用 户 名：</label></td>
                    <td class="signinput"><input class="i_input" name="username" type="text" maxlength="20" size="20" placeholder="请输入用户名"></td>
                    </tr>
                    
                    <tr class="pwd user">
                    <td class="input_hint"><label>密&#160;&#160;&#160;&#160;&#160;码：</label></td>
                    <td class="signinput"><input class="i_input" name="password" type="password" maxlength="20" size="20" placeholder="请输入密码"></td>
                    </tr>
                    
                    <tr class="repwd user">
                    <td class="input_hint"><label>确认密码：</label></td>
                    <td class="signinput"><input class="i_input" name="againpwd" type="password" maxlength="20" size="20" placeholder="请再次输入密码"></td>
                    </tr>
                    
                    <tr class="email user">
                    <td class="input_hint"><label>电子邮箱：</label></td>
                    <td class="signinput"><input class="i_input" name="email" type="email" placeholder="请输入邮箱地址" onclick="onclick()"></td>
                    </tr>
                    
                    <tr><td colspan="2"><input id="signbtn" class="signbtn" type="submit" value="注册"></td></tr>
                
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">  
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理注册请求的servlet：

package com.stumag.servlet;

import java.io.IOException;
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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class signin_do
 */
@WebServlet("/signin_do")
public class signin_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String ID=request.getParameter("ID");
        String username=request.getParameter("username");
        String password=request.getParameter("password");
        String againpwd=request.getParameter("againpwd");
        String email=request.getParameter("email");
        if(againpwd.equals(password)==false)
        {
            System.out.println("两次密码输入不一致");
            request.getRequestDispatcher("signin.jsp").forward(request, response);
        }
        else
        {
            if(DBUtil.query_idnothad(ID)&&DBUtil.query_usernothad(username))
            {
                DBUtil.addUser(ID, username, password, email);
                request.getRequestDispatcher("login.jsp").forward(request, response);
                System.out.println("注册成功");
            }
            else
            {
                System.out.println("id或用户名已存在");
                request.getRequestDispatcher("sign.jsp").forward(request, response);
            }
        }
    }

}

 

效果：

登录首页：

<%@page import="com.mysql.cj.jdbc.Driver"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="javax.naming.spi.DirStateFactory.Result"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    }); 
</script>
<title>首页</title>

<style>
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:764px;
    }
    .wrap .na{
    position:relative;
    height:764px;
    width:15%;
    float:left;
    background-size:cover;
    background-repeat:no-repeat;
    }
    .wrap .newsshow{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    text-align:center;
    background-size:cover;
    overflow-y :auto;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;font-size:14px; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    .nav li:first-child a{ background: #3498db; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    

    .wrap .newsshow .titleimg{
    width:100%;
    height:170px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    position:relative;
    background-image:url(images/stdtitle.jpg);
    }
    
    .wrap .newsshow .newstitle{
    padding-top:10px;
    width:100%;
    height:30px;
    font-family:"宋体";
    font-size:20px;
    text-align:center;
    position:relative;
    }
    
    .wrap .newsshow .newslist{
    width:50%;
    height:100%;
    float:left;
    position:relative;
    background-color: rgba(200, 200, 200, 0.5);     
    border-radius: 10px 0px 0px 10px;
    }
    .wrap .newsshow .noticelist{
    width:50%;
    height:100%;
    float:right;
    position:relative;
    background-color: rgba(200, 200, 200, 0.5);     
    border-radius: 0px 10px 10px 0px;
    }
    
    .wrap .newsshow .newslist ul li{
    padding:10px 50px;
    text-align:left;
    border-bottom: 1px solid #ee7700;
    }
    .wrap .newsshow .noticelist ul li{
    padding:10px 50px;
    text-align:left;
    border-bottom: 1px solid #ee7700;
    }
    .wrap .newsshow .newslist ul li a{
    text-decoration:none;
    }
    .wrap .newsshow .noticelist ul li a{
    text-decoration:none;
    }
    
</style>

</head>
<body>
    <%! 
        String str_newstitle[]=new String[20];
        String str_noticetitle[]=new String[20];
        String str_newshref[]=new String[20];
        String str_noticehref[]=new String[20];
        String str_more[]=new String[2];
    %>
    <%
        Connection con=null;
        Statement stmt=null;
        ResultSet rs_news=null;
        ResultSet rs_notice=null;
        ResultSet rs_more=null;
        try{
            Class.forName("com.mysql.cj.jdbc.Driver");
            String url="jdbc:mysql://localhost:3306/people_information_db?useUnicode=true&characterEncoding=GB18030&useSSL=false&serverTimezone=GMT";
            String username="root";
            String password="010218";
            con=DriverManager.getConnection(url, username, password);
            if(con!=null)
            {
                stmt=con.createStatement();
                rs_news=stmt.executeQuery("select * from std_news");
                int i=0;
                while(rs_news.next())
                {
                    str_newstitle[i]=rs_news.getString(1);
                    str_newshref[i]=rs_news.getString(2);
                    i++;
                }
                rs_notice=stmt.executeQuery("select * from std_notice");
                i=0;
                while(rs_notice.next())
                {
                    str_noticetitle[i]=rs_notice.getString(1);
                    str_noticehref[i]=rs_notice.getString(2);
                    i++;
                }
                rs_more=stmt.executeQuery("select * from more_news");
                i=0;
                while(rs_more.next())
                {
                    str_more[i]=rs_more.getString(1);
                    i++;
                }
            }
        }
        catch(Exception e)
        {
            e.printStackTrace();
        }
    %>
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="stdtitle" class="stdtitle"></div>
        <div class="newsshow">
            <div id="titleimg" class="titleimg"></div>
            <div id="newstitle" class="newstitle">友情新闻链接</div>
            <div id="newslist" class="newslist">
            <h3>学校新闻</h3>
                <ul>
                    <li><a href='<%=str_newshref[0] %>'><%=str_newstitle[0] %></a></li>
                    <li><a href='<%=str_newshref[1] %>'><%=str_newstitle[1] %></a></li>
                    <li><a href='<%=str_newshref[2] %>'><%=str_newstitle[2] %></a></li>
                    <li><a href='<%=str_newshref[3] %>'><%=str_newstitle[3] %></a></li>
                    <li><a href='<%=str_newshref[4] %>'><%=str_newstitle[4] %></a></li>
                    <li><a href='<%=str_newshref[5] %>'><%=str_newstitle[5] %></a></li>
                    <li><a href='<%=str_newshref[6] %>'><%=str_newstitle[6] %></a></li>
                    <li><a href='<%=str_newshref[7] %>'><%=str_newstitle[7] %></a></li>
                    <li><a href='<%=str_newshref[8] %>'><%=str_newstitle[8] %></a></li>
                    <li><a href='<%=str_newshref[9] %>'><%=str_newstitle[9] %></a></li>
                    <li><a href='<%=str_newshref[10] %>'><%=str_newstitle[10] %></a></li>
                    <li><a href='<%=str_more[1] %>'>>查看更多</a></li>
                </ul>
                
            </div>
            
            <div id="noticelist" class="noticelist">
            <h3>校内公告</h3>
                <ul>
                    <li><a href='<%=str_noticehref[0] %>'><%=str_noticetitle[0] %></a></li>
                    <li><a href='<%=str_noticehref[1] %>'><%=str_noticetitle[1] %></a></li>
                    <li><a href='<%=str_noticehref[2] %>'><%=str_noticetitle[2] %></a></li>
                    <li><a href='<%=str_noticehref[3] %>'><%=str_noticetitle[3] %></a></li>
                    <li><a href='<%=str_noticehref[4] %>'><%=str_noticetitle[4] %></a></li>
                    <li><a href='<%=str_noticehref[5] %>'><%=str_noticetitle[5] %></a></li>
                    <li><a href='<%=str_noticehref[6] %>'><%=str_noticetitle[6] %></a></li>
                    <li><a href='<%=str_noticehref[7] %>'><%=str_noticetitle[7] %></a></li>
                    <li><a href='<%=str_noticehref[8] %>'><%=str_noticetitle[8] %></a></li>
                    <li><a href='<%=str_noticehref[9] %>'><%=str_noticetitle[9] %></a></li>
                    <li><a href='<%=str_noticehref[10] %>'><%=str_noticetitle[10] %></a></li>
                    <li><a href='<%=str_more[0] %>'>>查看更多</a></li>
                </ul>
            </div>
        </div>
        
    </div>
    <div class="foot" id="foot">  
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">        
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>    
</body>
</html>

效果：

点击链接会跳转到石家庄铁道大学官网对应的新闻展示页面

效果如下：

普通信息管理页面：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>普通管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(2) a{background: #ffd071;}
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .addinformation
    {
        position:absolute;
        display:block;
        top:5px;
        right:5px;
        border-radius:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:cover;
        background-image:url(images/tianjia.png);
    }
    .wrap .show .addinformation:hover
    {
        background-image:url(images/tianjia_hover.png);
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int totalpage= DBUtil.getPagecount(20,"std_information");
            int perpageCount=20;
            String table="std_information";
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showsttsResult(pagenum, perpageCount, table);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                var parent=document.getElementById("pagenav");
                var child_list=document.getElementsByName("navnum");
                for(var i=0;i<6-total;i++)
                {
                    parent.removeChild(child_list[5-i]);
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        index=event.innerHTML;
        if(index!="...")
        {
            event.setAttribute("href","usermag.jsp?index="+index);
        }
        else
        {
            event.setAttribute("href","");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
        }
        else if(event.id=="last")
        {
            index=index-1;
            event.setAttribute("href","usermag.jsp?index="+index);
        }
        else if(event.id=="next")
        {
            index=index+1;
            event.setAttribute("href","usermag.jsp?index="+index);
        }
    }
    
    function jumpto()
    {
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                window.location.href="http://localhost:8080/学生管理系统/usermag.jsp?index="+index;   
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        index=1;
        event.setAttribute("href","usermag.jsp?index="+index);
    }
    function totrailer(event)
    {
        index=<%=totalpage%>;
        event.setAttribute("href","usermag.jsp?index="+index);
    }
    function updatenormal(event,i)
    {
        var id=document.getElementById(i).innerText;
        var username=document.getElementById("un"+i).innerText;
        var sex=document.getElementById("us"+i).innerText;
        var class_num=document.getElementById("uc"+i).innerText;
        var agency=document.getElementById("ua"+i).innerText;
        var major=document.getElementById("um"+i).innerText;
        event.setAttribute("href","updatenormal.jsp?id="+id+"&username="+encodeURI(encodeURI(username))+
                "&sex="+encodeURI(encodeURI(sex))+"&class_num="+encodeURI(encodeURI(class_num))+
                "&agency="+encodeURI(encodeURI(agency))+"&major="+encodeURI(encodeURI(major)));
    }
    function deletenormal(event,i)
    {
        var r = confirm("确定删除该学生的所有信息？\n(包含成绩、课程、学籍)");
        if (r == true)
        {
            var id=document.getElementById(i).innerText;
            var username=document.getElementById("un"+i).innerText;
            var sex=document.getElementById("us"+i).innerText;
            var class_num=document.getElementById("uc"+i).innerText;
            var agency=document.getElementById("ua"+i).innerText;
            var major=document.getElementById("um"+i).innerText;
            event.setAttribute("href","informationdelete_resultshow.jsp?id="+id);
        }
        else
            alert("操作取消");
        
    }
    
    
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="usermag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <a href="addinformation.jsp" class="addinformation" title="点此添加学生信息"></a>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>修改</th>
                        <th>删除</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="${i.index+1}">${user.getId()}</td>
                            <td id="un${i.index+1}">${user.getUsername()}</td>
                            <td id="us${i.index+1}">${user.getSex()}</td>
                            <td id="uc${i.index+1}">${user.getClass_num()}</td>
                            <td id="ua${i.index+1}">${user.getAgency()}</td>
                            <td id="um${i.index+1}">${user.getMajor()}</td>
                            <td><a href="#" onclick="updatenormal(this,${i.count})">修改</a></td>
                            <td><a href="#" onclick="deletenormal(this,${i.count})">删除</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

普通信息管理支持查询排序的页面：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>普通管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(2) a{background: #ffd071;}
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .addinformation
    {
        position:absolute;
        display:block;
        top:5px;
        right:5px;
        border-radius:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:cover;
        background-image:url(tianjia.png);
    }
    .wrap .show .addinformation:hover
    {
        background-image:url(tianjia_hover.png);
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            request.setCharacterEncoding("GB18030");
            String sortmethod=request.getParameter("sortmethod");
            String sortstyle=request.getParameter("sortstyle");
            String inquiretype=request.getParameter("inquiretype");
            String inputcontent=request.getParameter("inputcontent");
            if(inputcontent==null)
            {
                inputcontent="";
            }
            else
                inputcontent=java.net.URLDecoder.decode(request.getParameter("inputcontent"), "utf-8");
            String orderby,where;
            
            if(inputcontent!=null&&inputcontent.length()!=0)
            {
                if(inquiretype.equals("0"))
                    where="where id=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("1"))
                    where="where name=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("2"))
                    where="where sex=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("3"))
                    where="where class=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("4"))
                    where="where agency=\'"+inputcontent+"\' ";
                else
                    where="where major=\'"+inputcontent+"\' ";
            }
            else
            {
                where="";
                inputcontent="";
            }
            System.out.println(where);
            if(sortmethod.equals("0"))
                orderby="order by id ";
            else if(sortmethod.equals("1"))
                orderby="order by name ";
            else if(sortmethod.equals("2"))
                orderby="order by sex ";
            else if(sortmethod.equals("3"))
                orderby="order by class ";
            else if(sortmethod.equals("4"))
                orderby="order by agency ";
            else
                orderby="order by major ";
            if(sortstyle.equals("1"))
                orderby=orderby+"desc ";
        
        
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int perpageCount=20;
            String table="std_information ";
            int totalpage= DBUtil.getTotalPage(pagenum, perpageCount, table, orderby, where);
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showstts_oiResult(pagenum, perpageCount, table, orderby, where);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        var sortmethod=<%=sortmethod%>;
        var sortstyle=<%=sortstyle%>;
        var inquiretype=<%=inquiretype%>;
        
        $("#sortmethod").val(sortmethod);
        $("#sortstyle").val(sortstyle);
        $("#inquiretype").val(inquiretype);
        
        var inputcontent=document.getElementById("inputcontent");
        inputcontent.value="<%=inputcontent%>"
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                for(i=0;i<total;i++)
                {
                    a_list[i].innerHTML=i+1;
                }
                for(;i<6;i++)
                {
                    a_list[i].innerHTML="×";
                    a_list[i].style.cssText="background-color:#A0A0A0;color:black;border-radius:8px;font-size:20px";
                    a_list[i].setAttribute("href","#");
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=event.innerHTML;
        if(index!="..."||index!="×")
        {
            if(inputcontent.length==0)
            {
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
            
        }
        else
        {
            event.setAttribute("href","javascript:return false;");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(event.id=="last")
        {
            index=index-1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else if(event.id=="next")
        {
            index=index+1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
    }
    
    function jumpto()
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                if(inputcontent.length==0)
                {
                    window.location.href="http://localhost:8080/学生管理系统/pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                            sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype;
                }
                else
                    window.location.href="http://localhost:8080/学生管理系统/pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                    sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent));
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        index=1;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function totrailer(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        index=<%=totalpage%>;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function updatenormal(event,i)
    {
        var id=document.getElementById(i).innerText;
        var username=document.getElementById("un"+i).innerText;
        var sex=document.getElementById("us"+i).innerText;
        var class_num=document.getElementById("uc"+i).innerText;
        var agency=document.getElementById("ua"+i).innerText;
        var major=document.getElementById("um"+i).innerText;
        event.setAttribute("href","updatenormal.jsp?id="+id+"&username="+encodeURI(encodeURI(username))+
                "&sex="+encodeURI(encodeURI(sex))+"&class_num="+encodeURI(encodeURI(class_num))+
                "&agency="+encodeURI(encodeURI(agency))+"&major="+encodeURI(encodeURI(major)));
    }
    function deletenormal(event,i)
    {
        var r = confirm("确定删除该学生的所有信息？\n(包含成绩、课程、学籍)");
        if (r == true)
        {
            var id=document.getElementById(i).innerText;
            var username=document.getElementById("un"+i).innerText;
            var sex=document.getElementById("us"+i).innerText;
            var class_num=document.getElementById("uc"+i).innerText;
            var agency=document.getElementById("ua"+i).innerText;
            var major=document.getElementById("um"+i).innerText;
            event.setAttribute("href","informationdelete_resultshow.jsp?id="+id);
        }
        else
            alert("操作取消");
        
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="usermag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent" id="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <a href="addinformation.jsp" class="addinformation" title="点此添加学生信息"></a>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>修改</th>
                        <th>删除</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="${i.index+1}">${user.getId()}</td>
                            <td id="un${i.index+1}">${user.getUsername()}</td>
                            <td id="us${i.index+1}">${user.getSex()}</td>
                            <td id="uc${i.index+1}">${user.getClass_num()}</td>
                            <td id="ua${i.index+1}">${user.getAgency()}</td>
                            <td id="um${i.index+1}">${user.getMajor()}</td>
                            <td><a href="#" onclick="updatenormal(this,${i.count})">修改</a></td>
                            <td><a href="#" onclick="deletenormal(this,${i.count})">删除</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

效果：

默认是按照学院名排序，下面是分页插件

支持翻页动态刷新页码及跳转功能：

修改基本信息页面：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>基本信息修改</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .head{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <%
        String userid=request.getParameter("id");
        //String username=request.getParameter("username");
        String username = java.net.URLDecoder.decode(request.getParameter("username"), "utf-8");
        String sex = java.net.URLDecoder.decode(request.getParameter("sex"), "utf-8");
        String class_num = java.net.URLDecoder.decode(request.getParameter("class_num"), "utf-8");
        String agency = java.net.URLDecoder.decode(request.getParameter("agency"), "utf-8");
        String major = java.net.URLDecoder.decode(request.getParameter("major"), "utf-8");
        Status stts=new Status();
        stts.setId(userid);
        stts.setUsername(username);
        stts.setSex(sex);
        stts.setClass_num(class_num);
        stts.setAgency(agency);
        stts.setMajor(major);
    %>
    <script>
        function Onclick()
        {
            var oldid=<%=stts.getId() %>
            var id=document.getElementById("id").value;
            var username=document.getElementById("username").value;
            var sex=document.getElementById("sex").value;
            var class_num=document.getElementById("class_num").value;
            var agency=document.getElementById("agency").value;
            var major=document.getElementById("major").value;
            if(id==""||username==""||sex==""||class_num==""||agency==""||major=="")
            {
                alert("包含空的信息\n请将空信息填写完整");
            }
            else
            {
                var form=document.getElementById("update");
                form.setAttribute("action","updatenormal_do?oldid="+oldid+"&id="+id+"&username="+encodeURI(encodeURI(username))+
                        "&sex="+encodeURI(encodeURI(sex))+"&class_num="+encodeURI(encodeURI(class_num))+
                        "&agency="+encodeURI(encodeURI(agency))+"&major="+encodeURI(encodeURI(major)));
            }
        }
    </script>
    <div id="header" class="head">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">修改基本信息</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>学号：</label></td>
                    <td class="signinput"><input class="i_input" name="id" id="id" type="text" value="<%=stts.getId() %>"></td>
                    </tr>

                    <tr>
                    <td class="input_hint"><label>姓名：</label></td>
                    <td class="signinput"><input class="i_input" name="username" id="username"type="text" value="<%=stts.getUsername() %>"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>性别：</label></td>
                    <td class="signinput"><input class="i_input" name="sex" id="sex" type="text" value="<%=stts.getSex() %>"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>班级：</label></td>
                    <td class="signinput"><input class="i_input" name="class_num" id="class_num" type="text" value="<%=stts.getClass_num() %>"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>学院：</label></td>
                    <td class="signinput"><input class="i_input" name="agency" id="agency" type="text" value="<%=stts.getAgency() %>"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>专业：</label></td>
                    <td class="signinput"><input class="i_input" name="major" id="major" type="text" value="<%=stts.getMajor() %>"></td>
                    </tr>
                    
                    <tr>
                    <td colspan="2"><input class="signbtn" type="submit" value="确认修改" onclick="Onclick()"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

点击某条信息后跳转到信息编辑页面，并提供修改前的默认值。在这里如果修改学号，数据库中对应学号位置的信息会被修改后的信息取代（学号作为primary key）

在这里以最后一个同学 姓名 尤化宇为例，修改其性别为女

可以看到信息已经修改

下面是处理修改信息的servlet的源码：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class updatenormal_do
 */
@WebServlet("/updatenormal_do")
public class updatenormal_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String oldid=request.getParameter("oldid");
        String id=request.getParameter("id");
        String username = java.net.URLDecoder.decode(request.getParameter("username"), "utf-8");
        String sex = java.net.URLDecoder.decode(request.getParameter("sex"), "utf-8");
        String class_num = java.net.URLDecoder.decode(request.getParameter("class_num"), "utf-8");
        String agency = java.net.URLDecoder.decode(request.getParameter("agency"), "utf-8");
        String major = java.net.URLDecoder.decode(request.getParameter("major"), "utf-8");
        Connection con=null;
        PreparedStatement pstmt=null;
        try {
            con=DBUtil.getConnection();
            System.out.println(id+username+sex+class_num+agency+major+oldid);
            String sql_query="update std_information set id=? , name=? , sex=? , class=? , agency=? , major=? where id = ?";
            String sql_query2="update std_score set id=? , username=? , agency=? , major=? , class=? where id = ?";
            pstmt=con.prepareStatement(sql_query);
            pstmt.setString(1, id);
            pstmt.setString(2, username);
            pstmt.setString(3, sex);
            pstmt.setString(4, class_num);
            pstmt.setString(5, agency);
            pstmt.setString(6, major);
            pstmt.setString(7, oldid);
            pstmt.executeUpdate();
            pstmt=con.prepareStatement(sql_query2);
            pstmt.setString(1, id);
            pstmt.setString(2, username);
            pstmt.setString(3, agency);
            pstmt.setString(4, major);
            pstmt.setString(5, class_num);
            pstmt.setString(6, oldid);
            pstmt.executeUpdate();
            request.getRequestDispatcher("normalupdate_resultshow.jsp?result=1").forward(request, response);
        }
        catch (Exception e) {
            e.printStackTrace();
            System.out.println("数据库信息更新失败"); 
            request.getRequestDispatcher("normalupdate_resultshow.jsp?result=0").forward(request, response);
        }
        
    }

}

下面是显示操作结果的jsp源码：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        var show=document.getElementById("show");
        if(<%=request.getParameter("result")%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="用户普通信息修改成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=usermag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

页面支持不同条件下的查询及排序方式如根据姓名、性别、学院、专业、班级等。下面其他有查询排序功能的页面与此相同，不再叙述

页面右上角的“+”按钮用来添加学生信息，点击跳转：

这里添加一个姓名为李四的学生信息

添加信息页代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>基本信息修改</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .header{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow-y:auto;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <script>
        function Onclick()
        {
            var id=document.getElementById("id").value;
            var username=document.getElementById("username").value;
            var sex=document.getElementById("sex").value;
            var class_num=document.getElementById("class_num").value;
            var agency=document.getElementById("agency").value;
            var major=document.getElementById("major").value;
            var email=document.getElementById("email").value;
            var password=document.getElementById("password").value;
            if(id==""||username==""||sex==""||class_num==""||agency==""||major==""||email==""||password=="")
            {
                alert("包含空的信息\n请将空信息填写完整");
            }
            else
            {
                var form=document.getElementById("update");
                form.setAttribute("action","addinformation_do?id="+id+"&username="+encodeURI(encodeURI(username))+
                        "&sex="+encodeURI(encodeURI(sex))+"&class_num="+encodeURI(encodeURI(class_num))+
                        "&agency="+encodeURI(encodeURI(agency))+"&major="+encodeURI(encodeURI(major))+"&email="+email+
                        "&password="+password);
            }
        }
    </script>
    <div id="header" class="header">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div class="container">
            <div class="signintext">
                <p class="signinp">添加基本信息</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>学号：</label></td>
                    <td class="signinput"><input class="i_input" name="id" id="id" type="text"></td>
                    </tr>

                    <tr>
                    <td class="input_hint"><label>姓名：</label></td>
                    <td class="signinput"><input class="i_input" name="username" id="username"type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>性别：</label></td>
                    <td class="signinput"><input class="i_input" name="sex" id="sex" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>班级：</label></td>
                    <td class="signinput"><input class="i_input" name="class_num" id="class_num" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>学院：</label></td>
                    <td class="signinput"><input class="i_input" name="agency" id="agency" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>专业：</label></td>
                    <td class="signinput"><input class="i_input" name="major" id="major" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>邮箱：</label></td>
                    <td class="signinput"><input class="i_input" name="email" id="email" type="email"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>密码：</label></td>
                    <td class="signinput"><input class="i_input" name="password" id="password" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td colspan="2"><input class="signbtn" type="submit" value="确认添加" onclick="Onclick()"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理信息添加的servlet代码：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class addinformation_do
 */
@WebServlet("/addinformation_do")
public class addinformation_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
//        String id=request.getParameter("id");
//        String name=request.getParameter("name");
//        String sex=request.getParameter("sex");
//        String agency=request.getParameter("agency");
//        String major=request.getParameter("major");
//        String class_num=request.getParameter("class_num");
        
        String id=request.getParameter("id");
        String name = java.net.URLDecoder.decode(request.getParameter("username"), "utf-8");
        String sex = java.net.URLDecoder.decode(request.getParameter("sex"), "utf-8");
        String class_num = request.getParameter("class_num");
        String agency = java.net.URLDecoder.decode(request.getParameter("agency"), "utf-8");
        String major = java.net.URLDecoder.decode(request.getParameter("major"), "utf-8");
        String email=request.getParameter("email");
        String password=request.getParameter("password");
        Connection connection=null;
        PreparedStatement preparedStatement=null;
        try {
            connection=DBUtil.getConnection();
            String sql="insert into std_information(id,name,sex,agency,major,class,email,password) values (?,?,?,?,?,?,?,?)";
            preparedStatement=connection.prepareStatement(sql);
            preparedStatement.setString(1, id);
            preparedStatement.setString(2, name);
            preparedStatement.setString(3, sex);
            preparedStatement.setString(4, agency);
            preparedStatement.setString(5, major);
            preparedStatement.setString(6, class_num);
            preparedStatement.setString(7, email);
            preparedStatement.setString(8, password);
            preparedStatement.executeUpdate();
            sql="insert into std_score(id,username,agency,major,class) values(?,?,?,?,?)";
            preparedStatement=connection.prepareStatement(sql);
            preparedStatement.setString(1, id);
            preparedStatement.setString(2, name);
            preparedStatement.setString(3, agency);
            preparedStatement.setString(4, major);
            preparedStatement.setString(5, class_num);
            preparedStatement.executeUpdate();
            
            sql="insert into std_status(id,name,sex,agency,major,class_num) values (?,?,?,?,?,?)";
            preparedStatement=connection.prepareStatement(sql);
            preparedStatement.setString(1, id);
            preparedStatement.setString(2, name);
            preparedStatement.setString(3, sex);
            preparedStatement.setString(4, agency);
            preparedStatement.setString(5, major);
            preparedStatement.setString(6, class_num);
            preparedStatement.executeUpdate();
            
            request.getRequestDispatcher("addinformation_resultshow.jsp?result=1").forward(request, response);
            
        } catch (Exception e) {
            // TODO: handle exception
            e.printStackTrace();
            request.getRequestDispatcher("addinformation_resultshow.jsp?result=0").forward(request, response);
        }
    }

}

操作结果显示页代码：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page buffer="16kb" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        var show=document.getElementById("show");
        if(<%=request.getParameter("result")%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="学生信息添加成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=usermag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

回到主页按姓名查询李四

 

 

下面以软件工程专业为例进行按学号降序排序的查询：

 

点击执行后结果如下：

可以看到查询软件工程专业的学生基本信息已经按照学号倒序排列，分页插件的“×”符号样式的按钮表示按钮不可点击

下面展示删除信息的功能，我们以软件工程页最后一名学生吴霸为例删除学生信息，首先按姓名查询到“吴霸”的信息

然后点击删除，会弹出提示框

在此删除学生基本信息之后，数据库中所有包含该信息的表中的对应条目均会被删除，在这里点击确定

返回主页后我们再次查询该条信息

发现返回结果页面条目为空，所有页数导航按钮均为不可点击，结果页总页数为0，信息删除成功

下面是处理删除信息并展示操作结果的jsp代码：

<%@page import="com.stumag.util.DBUtil"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page buffer="16kb" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        <%
            Connection con=null;
            PreparedStatement pstmt=null;
            String userid=request.getParameter("id");
            String sql1="delete from std_information where id="+userid;
            String sql2="delete from std_score where id="+userid;
            String sql3="delete from std_status where id="+userid;
            int result;
            try {
                con=DBUtil.getConnection();
                pstmt=con.prepareStatement(sql1);
                pstmt.executeUpdate();
                pstmt=con.prepareStatement(sql2);
                pstmt.executeUpdate();
                pstmt=con.prepareStatement(sql3);
                pstmt.executeUpdate();
                result=1;
            }
            catch (Exception e) {
                System.out.println("数据库信息更新失败");
                e.printStackTrace();
                result=0;
            }
        %>
        var show=document.getElementById("show");
        if(<%=result%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="学生信息删除成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=lessonmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

接下来是学籍管理页面

主页代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>学籍管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    .nav li:nth-child(3) a{ background: #f0776c; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int totalpage= DBUtil.getPagecount(20,"std_information");
            int perpageCount=20;
            String table="std_information";
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showsttsResult(pagenum, perpageCount, table);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                var parent=document.getElementById("pagenav");
                var child_list=document.getElementsByName("navnum");
                for(var i=0;i<6-total;i++)
                {
                    parent.removeChild(child_list[5-i]);
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        index=event.innerHTML;
        if(index!="...")
        {
            event.setAttribute("href","statusmag.jsp?index="+index);
        }
        else
        {
            event.setAttribute("href","");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
        }
        else if(event.id=="last")
        {
            index=index-1;
            event.setAttribute("href","statusmag.jsp?index="+index);
        }
        else if(event.id=="next")
        {
            index=index+1;
            event.setAttribute("href","statusmag.jsp?index="+index);
        }
    }
    
    function jumpto()
    {
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                window.location.href="http://localhost:8080/学生管理系统/statusmag.jsp?index="+index;   
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        index=1;
        event.setAttribute("href","statusmag.jsp?index="+index);
    }
    function totrailer(event)
    {
        index=<%=totalpage%>;
        event.setAttribute("href","statusmag.jsp?index="+index);
    }
    function showstatus(event,i)
    {
        var id=document.getElementById(i).innerText;
        event.setAttribute("href","statusshow.jsp?id="+id);
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="statusmag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="${i.count}">${user.getId()}</td>
                            <td id="username">${user.getUsername()}</td>
                            <td id="usersex">${user.getSex()}</td>
                            <td id="userclass">${user.getClass_num()}</td>
                            <td id="useragency">${user.getAgency()}</td>
                            <td id="usermajor">${user.getMajor()}</td>
                            <td><a href="#"  onclick="showstatus(this,${i.count})">查看学籍</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

效果：

可以通过分页插件看到有的同样的50页数据（每页20个），下面展示查看学籍功能

查看学籍页面代码：

<%@page import="com.stumag.javabean.StatusShow"%>
<%@page import="java.sql.SQLException"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>学籍信息查看</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap #nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    .nav li:nth-child(3) a{ background: #f0776c; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show .updatebtn
    {
        position:absolute;
        display:block;
        top:5px;
        right:5px;
        border-radius:1px;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:cover;
        background-image:url(images/xiugai.png);
    }
    .wrap .show .updatebtn:hover
    {
        background-image:url(images/xiugai2.png);
    }
    
</style>


</head>
<body>
    <%
        String id=request.getParameter("id");
        String tablename="std_status";
        StatusShow ss=new StatusShow();
        Connection con=null;
        PreparedStatement pstmt=null;
        ResultSet rs=null;
        try {
            con=DBUtil.getConnection();
            System.out.println("数据库连接成功");
            String sql_query="select * from "+tablename+" where id=\'"+id+"\'";
            pstmt=con.prepareStatement(sql_query);
            rs=pstmt.executeQuery();
            if(rs.next())
            {
                //学号
                ss.setId(id);
                //性别
                ss.setName(rs.getString(2));
                //护照名
                ss.setPassport_name(rs.getString(3));
                //性别
                ss.setSex(rs.getString(4));
                //生日
                ss.setBirthday(rs.getString(5));
                //学籍状态
                ss.setState(rs.getString(6));
                //学院
                ss.setAgency(rs.getString(7));
                //年级
                ss.setGrade(rs.getString(8));
                //专业
                ss.setMajor(rs.getString(9));
                //班级
                ss.setClass_num(rs.getString(10));
                //国标专业
                ss.setNational_major(rs.getString(11));
                //校区
                ss.setCampus(rs.getString(12));
                //行政学院
                ss.setAdministrate_agency(rs.getString(13));
                //行政班级
                ss.setAdministrate_class(rs.getString(14));
                //学生籍贯
                ss.setNative_place(rs.getString(15));
                //民族
                ss.setNation(rs.getString(16));
                //政治面貌
                ss.setPolitics_status(rs.getString(17));
                //身份证号
                ss.setID_number(rs.getString(18));
                //考号
                ss.setExam_number(rs.getString(19));
                //行车路线
                ss.setTransport_place(rs.getString(20));
                //省份
                ss.setProvince(rs.getString(21));
                //城市
                ss.setCity(rs.getString(22));
                //电话
                ss.setPhone(rs.getString(23));
                //地址
                ss.setAddress(rs.getString(24));
                //生源地
                ss.setStudent_origin(rs.getString(25));
                //毕业学校
                ss.setGraduation_school(rs.getString(26));
                //考生类型
                ss.setExam_std_class(rs.getString(27));
                //录取形式
                ss.setAdmit_form(rs.getString(28));
                //录取来源
                ss.setAdmit_origin(rs.getString(29));
                //考试科类
                ss.setExam_type(rs.getString(30));
                //双学位
                ss.setDouble_degree(rs.getString(31));
                //学生标记
                ss.setStd_label(rs.getString(32));
                //特殊备注
                ss.setSpecial_remark(rs.getString(33));
            }
        }
        catch (SQLException e) {
            // TODO: handle exception
            e.printStackTrace();
    }
    %>
    <script>
    function Onclick()
    {
        var a=document.getElementById("updatebtn");
        a.setAttribute("href","updatestatus.jsp?id="+<%=id%>);
    }
</script>
    

    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <a href="#" class="updatebtn" title="点此编辑学籍信息" onclick="Onclick()" id="updatebtn"></a>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tbody>
                        <tr>
                            <td colspan="5" style="background-color:#F5F5F5;height:45px; font-size:20px; font-weight:bold; ">石家庄铁道大学学生学籍信息表</td>
                        </tr>
                        <tr>
                            <td style="width:12%;background-color:#FAF9EC;  ">学生学号</td>
                            <td style="width:25%; text-align:left;">&nbsp;<%=ss.getId() %></td>
                            <td style="width:12%;background-color:#FAF9EC; ">学生姓名</td>
                            <td style="width:25%; text-align:left;">&nbsp;<%=ss.getName() %></td>
                            <td rowspan="6" style="width:25%;background-color:#ffffff;text-align:center; ">
                                此处为学生照片
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">护照姓名</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getPassport_name() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">学生性别</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getSex() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">出生年月</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getBirthday() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">学籍状态</td>
                            <td style="text-align:left;">
                                &nbsp;<%=ss.getState() %>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">专业学院</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getAgency() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">当前年级</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getGrade() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">就读专业</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getMajor() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">专业班级</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getClass_num() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">国标专业</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getNational_major() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">所在校区</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getCampus() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">行政学院</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getAdministrate_agency() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">行政班级</td>
                            <td colspan="2" style="text-align:left;">&nbsp;<%=ss.getAdministrate_class() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">学生籍贯</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getAddress() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">学生民族</td>
                            <td colspan="2" style="text-align:left;">&nbsp;<%=ss.getNation() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">政治面貌</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getPolitics_status() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">身份证号</td>
                            <td colspan="2" style="text-align:left;">
                                &nbsp;<%=ss.getID_number() %>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">考 生 号</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getExam_number() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">乘车区间</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getTransport_place() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">省份</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getProvince() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">城市</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getCity() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">联系电话</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getPhone() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">家庭住址</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getAddress() %></td>
                        </tr>
                        <tr id="TR13" style="display:none">
                            <td style="background-color:#FAF9EC; ">家庭电话</td>
                            <td style="text-align:left;">&nbsp;</td>
                            <td style="background-color:#FAF9EC; text-align:center;">邮政编码</td>
                            <td style="text-align:left;" colspan="2">&nbsp;</td>
                        </tr>
                        <tr id="TR1">
                            <td style="background-color:#FAF9EC; ">生 源 地</td>
                            <td style="text-align:left;" id="region">&nbsp;<%=ss.getNative_place() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">毕业学校</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getGraduation_school() %></td>
                        </tr>
                        <tr id="TR2">
                            <td style="background-color:#FAF9EC; ">考生类别</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getExam_std_class() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">录取形式</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getAdmit_form() %></td>
                        </tr>
                        <tr id="TR2">
                            <td style="background-color:#FAF9EC; ">录取来源</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getAdmit_origin() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">高考科类</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getExam_type() %></td>
                        </tr>
                        <tr id="TR3">
                            <td style="background-color:#FAF9EC; ">双学位（辅修）</td>
                            <td style="text-align:left;">&nbsp;<%=ss.getDouble_degree() %></td>
                            <td style="background-color:#FAF9EC; text-align:center;">学生标记</td>
                            <td style="text-align:left;" colspan="2">&nbsp;<%=ss.getStd_label() %></td>
                        </tr>
                        <tr>
                            <td style="background-color:#FAF9EC; ">特殊备注</td>
                            <td style="text-align:left;" colspan="4">&nbsp;</td>
                        </tr>
                    </table>
                    
                </div>
            </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

 查看学籍支持排序查询界面代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>学籍管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(3) a{ background: #f0776c; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            request.setCharacterEncoding("GB18030");
            String sortmethod=request.getParameter("sortmethod");
            String sortstyle=request.getParameter("sortstyle");
            String inquiretype=request.getParameter("inquiretype");
            String inputcontent=request.getParameter("inputcontent");
            if(inputcontent==null)
            {
                inputcontent="";
            }
            else
                inputcontent=java.net.URLDecoder.decode(request.getParameter("inputcontent"), "utf-8");
            String orderby,where;
            
            if(inputcontent!=null&&inputcontent.length()!=0)
            {
                if(inquiretype.equals("0"))
                    where="where id=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("1"))
                    where="where name=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("2"))
                    where="where sex=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("3"))
                    where="where class=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("4"))
                    where="where agency=\'"+inputcontent+"\' ";
                else
                    where="where major=\'"+inputcontent+"\' ";
            }
            else
            {
                where="";
                inputcontent="";
            }
            System.out.println(where);
            if(sortmethod.equals("0"))
                orderby="order by id ";
            else if(sortmethod.equals("1"))
                orderby="order by name ";
            else if(sortmethod.equals("2"))
                orderby="order by sex ";
            else if(sortmethod.equals("3"))
                orderby="order by class ";
            else if(sortmethod.equals("4"))
                orderby="order by agency ";
            else
                orderby="order by major ";
            if(sortstyle.equals("1"))
                orderby=orderby+"desc ";
        
        
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int perpageCount=20;
            String table="std_information ";
            int totalpage= DBUtil.getTotalPage(pagenum, perpageCount, table, orderby, where);
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showstts_oiResult(pagenum, perpageCount, table, orderby, where);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        var sortmethod=<%=sortmethod%>;
        var sortstyle=<%=sortstyle%>;
        var inquiretype=<%=inquiretype%>;
        
        $("#sortmethod").val(sortmethod);
        $("#sortstyle").val(sortstyle);
        $("#inquiretype").val(inquiretype);
        
        var inputcontent=document.getElementById("inputcontent");
        inputcontent.value="<%=inputcontent%>"
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                for(i=0;i<total;i++)
                {
                    a_list[i].innerHTML=i+1;
                }
                for(;i<6;i++)
                {
                    a_list[i].innerHTML="×";
                    a_list[i].style.cssText="background-color:#A0A0A0;color:black;border-radius:8px;font-size:20px";
                    a_list[i].setAttribute("href","#");
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=event.innerHTML;
        if(index!="..."||index!="×")
        {
            if(inputcontent.length==0)
            {
                event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
            
        }
        else
        {
            event.setAttribute("href","javascript:return false;");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(event.id=="last")
        {
            index=index-1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else if(event.id=="next")
        {
            index=index+1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
    }
    
    function jumpto()
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                if(inputcontent.length==0)
                {
                    window.location.href="http://localhost:8080/学生管理系统/statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                            sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype;
                }
                else
                    window.location.href="http://localhost:8080/学生管理系统/statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                    sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent));
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        index=1;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function totrailer(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        index=<%=totalpage%>;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","statusmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function showstatus(event,i)
    {
        var id=document.getElementById(i).innerText;
        event.setAttribute("href","statusshow.jsp?id="+id);
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="statusmag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent" id="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="${i.count}">${user.getId()}</td>
                            <td id="username">${user.getUsername()}</td>
                            <td id="usersex">${user.getSex()}</td>
                            <td id="userclass">${user.getClass_num()}</td>
                            <td id="useragency">${user.getAgency()}</td>
                            <td id="usermajor">${user.getMajor()}</td>
                            <td><a href="#"  onclick="showstatus(this,${i.count})">查看学籍</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

 

以本页最后姓名为钱小复的学生信息为例，点击查看学籍

可以看到对应学生的学籍信息，对比上表可以看到与所有基本信息都对应，省份城市等信息均与身份证号包含的基本信息一致，重点强调身份证前六位与地址绝对一致

右上角的图标是用来跳转到编辑学籍信息页面的，点击之后跳转到如下界面，在这里可以修改学籍中的信息这里修改政治面貌为群众

 

点击确认修改后跳转到操作结果展示页面

学籍信息编辑页面代码：

<%@page import="java.sql.SQLException"%>
<%@page import="com.stumag.javabean.StatusShow"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>学籍信息修改</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .head{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow-y:auto;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width:1000px;
    height: 100;
    padding: 13px;
    margin:10px auto;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:50%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
    
    .infor
    {
    background-color:transparent;
    font-size:15px;
    }
    
</style>

</head>
<body>
<%
        String id=request.getParameter("id");
        String tablename="std_status";
        StatusShow ss=new StatusShow();
        Connection con=null;
        PreparedStatement pstmt=null;
        ResultSet rs=null;
        try {
            con=DBUtil.getConnection();
            System.out.println("数据库连接成功");
            String sql_query="select * from "+tablename+" where id=\'"+id+"\'";
            pstmt=con.prepareStatement(sql_query);
            rs=pstmt.executeQuery();
            if(rs.next())
            {
                //学号
                ss.setId(id);
                //性别
                ss.setName(rs.getString(2));
                //护照名
                ss.setPassport_name(rs.getString(3));
                //性别
                ss.setSex(rs.getString(4));
                //生日
                ss.setBirthday(rs.getString(5));
                //学籍状态
                ss.setState(rs.getString(6));
                //学院
                ss.setAgency(rs.getString(7));
                //年级
                ss.setGrade(rs.getString(8));
                //专业
                ss.setMajor(rs.getString(9));
                //班级
                ss.setClass_num(rs.getString(10));
                //国标专业
                ss.setNational_major(rs.getString(11));
                //校区
                ss.setCampus(rs.getString(12));
                //行政学院
                ss.setAdministrate_agency(rs.getString(13));
                //行政班级
                ss.setAdministrate_class(rs.getString(14));
                //学生籍贯
                ss.setNative_place(rs.getString(15));
                //民族
                ss.setNation(rs.getString(16));
                //政治面貌
                ss.setPolitics_status(rs.getString(17));
                //身份证号
                ss.setID_number(rs.getString(18));
                //考号
                ss.setExam_number(rs.getString(19));
                //行车路线
                ss.setTransport_place(rs.getString(20));
                //省份
                ss.setProvince(rs.getString(21));
                //城市
                ss.setCity(rs.getString(22));
                //电话
                ss.setPhone(rs.getString(23));
                //地址
                ss.setAddress(rs.getString(24));
                //生源地
                ss.setStudent_origin(rs.getString(25));
                //毕业学校
                ss.setGraduation_school(rs.getString(26));
                //考生类型
                ss.setExam_std_class(rs.getString(27));
                //录取形式
                ss.setAdmit_form(rs.getString(28));
                //录取来源
                ss.setAdmit_origin(rs.getString(29));
                //考试科类
                ss.setExam_type(rs.getString(30));
                //双学位
                ss.setDouble_degree(rs.getString(31));
                //学生标记
                ss.setStd_label(rs.getString(32));
                //特殊备注
                ss.setSpecial_remark(rs.getString(33));
            }
        }
        catch (SQLException e) {
            // TODO: handle exception
            e.printStackTrace();
        }
    %>
    <script>
        function Onclick()
        {
            var oldid=<%=request.getParameter("id")%>
            var id=document.getElementById("id").value;
            var name=document.getElementById("name").value;
            var sex=document.getElementById("sex").value;
            var agency=document.getElementById("agency").value;
            var major=document.getElementById("major").value;
            var class_num=document.getElementById("class_num").value;
            if(id==""||name==""||sex==""||agency==""||major==""||class_num=="")
            {
                alert("学号、姓名、性别、学院、专业、班级\n这些信息均不能为空");
            }
            else{
                var form=document.getElementById("update");
                form.setAttribute("action","updatestatus_do?oldid="+oldid);
            }
        }
    </script>
    <div id="head" class="head">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">编辑学籍信息</p>
            </div>
            <form action="updatestatus_do" method="post" id="update">
                <table id="userpwd" class="userpwd">
                    <tr>
                        <td style="width:12%;background-color:#FAF9EC;  ">学生学号</td>
                        <td style="width:25%; text-align:left;">&nbsp;<input name="id" id="id" class="infor" type="text" style="border:none;" value="<%=ss.getId() %>"></td>
                        <td style="width:12%;background-color:#FAF9EC;">&nbsp;&nbsp;&nbsp;学生姓名</td>
                        <td style="width:25%; text-align:left;">&nbsp;<input name="name" id="name" class="infor" type="text" style="border:none;" value="<%=ss.getName() %>"></td>
                        <td rowspan="6" style="width:25%;background-color:#ffffff;text-align:center; ">
                            此处为学生照片
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">护照姓名</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="passport_name" type="text" style="border:none;" value="<%=ss.getPassport_name() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">学生性别</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="sex" id="sex" id="sex" type="text" style="border:none;" value="<%=ss.getSex() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">出生年月</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="birthday" type="text" style="border:none;" value="<%=ss.getBirthday() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">学籍状态</td>
                        <td style="text-align:left;">
                            &nbsp;<input class="infor" name="state" type="text" style="border:none;" value="<%=ss.getState() %>">&nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">专业学院</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="agency"  id="agency" type="text" style="border:none;" value="<%=ss.getAgency() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">当前年级</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="grade" type="text" style="border:none;" value="<%=ss.getGrade() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">就读专业</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="major" id="major" type="text" style="border:none;" value="<%=ss.getMajor() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">专业班级</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="class_num" id="class_num" type="text" style="border:none;" value="<%=ss.getClass_num() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">国标专业</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="national_major" type="text" style="border:none;" value="<%=ss.getNational_major() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">所在校区</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="campus" type="text" style="border:none;" value="<%=ss.getCampus() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">行政学院</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="administrate_agency" type="text" style="border:none;" value="<%=ss.getAdministrate_agency() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">行政班级</td>
                        <td colspan="2" style="text-align:left;">&nbsp;<input class="infor" name="administrate_class" type="text" style="border:none;" value="<%=ss.getAdministrate_class() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">学生籍贯</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="native_place" type="text" style="border:none;" value="<%=ss.getNative_place() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">学生民族</td>
                        <td colspan="2" style="text-align:left;">&nbsp;<input name="nation" class="infor" type="text" style="border:none;" value="<%=ss.getNation() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">政治面貌</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="politics_status" type="text" style="border:none;" value="<%=ss.getPolitics_status() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">身份证号</td>
                        <td colspan="2" style="text-align:left;">
                            &nbsp;<input class="infor" name="ID_number" type="text" style="border:none;" value="<%=ss.getID_number() %>">
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">考 生 号</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="exam_number" type="text" style="border:none;" value="<%=ss.getExam_number() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">乘车区间</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="transport_place" type="text" style="border:none;" value="<%=ss.getTransport_place() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">省份</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="province" type="text" style="border:none;" value="<%=ss.getProvince() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">城市</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="city" type="text" style="border:none;" value="<%=ss.getCity() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">联系电话</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="phone" type="text" style="border:none;" value="<%=ss.getPhone() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">家庭住址</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="address" type="text" style="border:none;" value="<%=ss.getAddress() %>"></td>
                    </tr>
                    
                    <tr id="TR1">
                        <td style="background-color:#FAF9EC; ">生 源 地</td>
                        <td style="text-align:left;" id="region">&nbsp;<input class="infor" name="student_origin" type="text" style="border:none;" value="<%=ss.getStudent_origin() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">毕业学校</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="graduation_school" type="text" style="border:none;" value="<%=ss.getGraduation_school() %>"></td>
                    </tr>
                    <tr id="TR2">
                        <td style="background-color:#FAF9EC; ">考生类别</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" type="text" name="exam_std_class" style="border:none;" value="<%=ss.getExam_std_class() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">录取形式</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="admit_form" type="text" style="border:none;" value="<%=ss.getAdmit_form() %>"></td>
                    </tr>
                    <tr id="TR2">
                        <td style="background-color:#FAF9EC; ">录取来源</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="admit_origin" type="text" style="border:none;" value="<%=ss.getAdmit_origin() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">高考科类</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="exam_type" type="text" style="border:none;" value="<%=ss.getExam_type() %>"></td>
                    </tr>
                    <tr id="TR3">
                        <td style="background-color:#FAF9EC; ">双学位（辅修）</td>
                        <td style="text-align:left;">&nbsp;<input class="infor" name="double_degree" type="text" style="border:none;" value="<%=ss.getDouble_degree() %>"></td>
                        <td style="background-color:#FAF9EC; text-align:center;">学生标记</td>
                        <td style="text-align:left;" colspan="2">&nbsp;<input class="infor" name="std_label" type="text" style="border:none;" value="<%=ss.getStd_label() %>"></td>
                    </tr>
                    <tr>
                        <td style="background-color:#FAF9EC; ">特殊备注</td>
                        <td style="text-align:left;" colspan="4">&nbsp;<input class="infor" name="special_remark" type="text" style="border:none;" value="<%=ss.getSpecial_remark() %>"></td>
                    </tr>
                </table>
                <input type="submit" value="确认修改" class="signbtn" onclick="Onclick()">
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

学籍信息修改处理servlet代码：

package com.stumag.servlet;

import java.awt.print.Printable;
import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class updatestatus_do
 */
@WebServlet("/updatestatus_do")
public class updatestatus_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        request.setCharacterEncoding("GB18030");
        String oldid=request.getParameter("oldid");
        String id=request.getParameter("id");
        String name=request.getParameter("name");
        String passport_name=request.getParameter("passport_name");
        String sex=request.getParameter("sex");
        String birthday=request.getParameter("birthday");
        String state=request.getParameter("state");
        String agency=request.getParameter("agency");
        String grade=request.getParameter("grade");
        String major=request.getParameter("major");
        String class_num=request.getParameter("class_num");
        String national_major=request.getParameter("national_major");
        String campus=request.getParameter("campus");
        String administrate_agency=request.getParameter("administrate_agency");
        String administrate_class=request.getParameter("administrate_class");
        String native_place=request.getParameter("native_place");
        String nation=request.getParameter("nation");
        String politics_status=request.getParameter("politics_status");
        String ID_number=request.getParameter("ID_number");
        String exam_number=request.getParameter("exam_number");
        String transport_place=request.getParameter("transport_place");
        String province=request.getParameter("province");
        String city=request.getParameter("city");
        String phone=request.getParameter("phone");
        String address=request.getParameter("address");
        String student_origin=request.getParameter("student_origin");
        String graduation_school=request.getParameter("graduation_school");
        String exam_std_class=request.getParameter("exam_std_class");
        String admit_form=request.getParameter("admit_form");
        String admit_origin=request.getParameter("admit_origin");
        String exam_type=request.getParameter("exam_type");
        String double_degree=request.getParameter("double_degree");
        String std_label=request.getParameter("std_label");
        String special_remark=request.getParameter("special_remark");
        
        Connection connection=null;
        PreparedStatement preparedStatement=null;
        try {
            connection=DBUtil.getConnection();
            String sql1="update std_status set id=\'"+id+"\',name=\'"+name+"\',passport_name=\'"+passport_name+"\',sex=\'"+sex+
                    "\',birthday=\'"+birthday+"\',state=\'"+state+"\',agency=\'"+agency+"\',grade=\'"+grade+"\',major=\'"+major+
                    "\',class_num=\'"+class_num+"\',national_major=\'"+national_major+"\',campus=\'"+campus+"\',administrate_agency=\'"+administrate_agency+
                    "\',administrate_class=\'"+administrate_class+"\',native_place=\'"+native_place+"\',nation=\'"+nation+
                    "\',politics_status=\'"+politics_status+"\',ID_number=\'"+ID_number+"\',exam_number=\'"+exam_number+"\',transport_place=\'"+transport_place+
                    "\',province=\'"+province+"\',city=\'"+city+"\',phone=\'"+phone+"\',address=\'"+address+"\',student_origin=\'"+student_origin+
                    "\',graduation_school=\'"+graduation_school+"\',exam_std_class=\'"+exam_std_class+"\',admit_form=\'"+admit_form+
                    "\',admit_origin=\'"+admit_origin+"\',exam_type=\'"+exam_type+"\',double_degree=\'"+double_degree+"\',std_label=\'"+
                    std_label+"\',special_remark=\'"+special_remark+"\' where id=\'"+oldid+"\'";
            String sql2="update std_information set id=\'"+id+"\',name=\'"+name+"\',sex=\'"+sex+"\',agency=\'"+agency+"\',major=\'"+
                    major+"\',class=\'"+class_num+"\' where id=\'"+oldid+"\'";
            String sql3="update std_score set id=\'"+id+"\',username=\'"+name+"\',agency=\'"+agency+"\',major=\'"+major+
                    "\',class=\'"+class_num+"\' where id=\'"+oldid+"\'";
            preparedStatement=connection.prepareStatement(sql1);
            preparedStatement.executeUpdate();
            preparedStatement=connection.prepareStatement(sql2);
            preparedStatement.executeUpdate();
            preparedStatement=connection.prepareStatement(sql3);
            preparedStatement.executeUpdate();
            request.getRequestDispatcher("updatestatus_resultshow.jsp?result=1").forward(request, response);
        } catch (Exception e) {
            // TODO: handle exception
            e.printStackTrace();
            request.getRequestDispatcher("updatestatus_resultshow.jsp?result=0").forward(request, response);
        }
        
    }

}

 

操作结果页面代码：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page buffer="16kb" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        var show=document.getElementById("show");
        if(<%=request.getParameter("result")%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="学籍信息修改成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=statusmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

下面回到主页查询姓名钱小复

查询到两条姓名为钱小复的信息，发现下面一条就是我们需要的信息，点击查看，发现政治面貌以修改为群众

 

 

下面是选课管理：

主页代码：

<%@page import="com.stumag.javabean.Selectlesson"%>
<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>选课管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    
    .nav li:nth-child(4) a{background: #9370db;}
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
    .wrap .show .addslesson
    {
        position:absolute;
        display:block;
        top:5px;
        right:5px;
        border-radius:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:cover;
        background-image:url(images/tianjia.png);
    }
    .wrap .show .addslesson:hover
    {
        background-image:url(images/tianjia_hover.png);
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        <%
            /* String sortmethod=request.getParameter("sortmethod");
            String sortstyle=request.getParameter("sortstyle");
            String inquiretype=request.getParameter("inquiretype");
            String inputcontent=request.getParameter("inputcontent");
            String orderby,where;
            
            if(inputcontent.equals("")==false&&inputcontent.equals("#")==false)
            {
                if(inquiretype.equals("0"))
                    where="where lesson_agency=\'"+inputcontent+"\' ";
                else
                    where="where lesson_name=\'"+inputcontent+"\' ";
            }
            else
                where="";
            if(sortmethod.equals("0"))
            {
                if(sortstyle.equals("0"))
                {
                    orderby="order by lesson_agency,lesson_name ";
                }
                else
                {
                    orderby="order by lesson_agency desc,lesson_name desc ";
                }
            }
            else
            {
                if(sortstyle.equals("0"))
                    orderby="order by lesson_name,lesson_agency ";
                else
                    orderby="order by lesson_name desc,lesson_agency desc ";
            } */
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int totalpage= DBUtil.getPagecount(20,"all_select_lessons");
            int perpageCount=20;
            String table="all_select_lessons";
            List<Selectlesson> lessonlist=new ArrayList<Selectlesson>();
            lessonlist=DBUtil.showselectLesson(pagenum, perpageCount, table);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                var parent=document.getElementById("pagenav");
                var child_list=document.getElementsByName("navnum");
                for(var i=0;i<6-total;i++)
                {
                    parent.removeChild(child_list[5-i]);
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var index=event.innerHTML;
        if(index!="...")
        {
            event.setAttribute("href","selectclassmag.jsp?index="+index);
        }
        else
        {
            event.setAttribute("href","");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
        }
        else if(event.id=="last")
        {
            index=index-1;
            event.setAttribute("href","selectclassmag.jsp?index="+index);
        }
        else if(event.id=="next")
        {
            index=index+1;
            event.setAttribute("href","selectclassmag.jsp?index="+index);
        }
    }
    
    function jumpto()
    {
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                window.location.href="http://localhost:8080/学生管理系统/selectlessonmag.jsp?index="+index;   
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        index=1;
        event.setAttribute("href","selectclassmag.jsp?index="+index);
    }
    function totrailer(event)
    {
        index=<%=totalpage%>;
        event.setAttribute("href","selectclassmag.jsp?index="+index);
    }
    function deleteslesson(event,i)
    {
        var r = confirm("确定删除该选修课程？\n(包含所有选该课程的学生的成绩及该课程信息)");
        if (r == true)
        {
            var lesson_name=document.getElementById("ln"+i).innerText;
            var lesson_teacher=document.getElementById("lt"+i).innerText;
            event.setAttribute("href","deleteslesson_resultshow.jsp?lesson_name="+encodeURI(encodeURI(lesson_name))+
                    "&lesson_teacher="+encodeURI(encodeURI(lesson_teacher)));
        }
        else
            alert("操作取消!");
    }
    
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="selectclassmag_orderorinquire.jsp?index=1" method="post" id="form">
                选择排序方法：
                <select name="sortmethod">
                    <option label="按学院名称排序" selected="selected" value="0"></option>
                    <option label="按课程名称排序" value="1"></option> 
                </select>
                排序类型：
                <select name="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype">
                    <option label="按学院名称查询" selected="selected" value="0"></option>
                    <option label="按课程名称查询" value="1"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <a href="addslesson.jsp" class="addslesson" title="点此添加选修课程信息"></a>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>课程名称</th>
                        <th>所属学院</th>
                        <th>授课教师</th>
                        <th>已选人数</th>
                        <th>删除</th>
                    </tr>
                    <c:forEach var="lesson" items="<%=lessonlist %>" varStatus="i">
                        <tr>
                            <td id="ln${i.index+1}">${lesson.getLesson_name()}</td>
                            <td>${lesson.getLesson_agency()}</td>
                            <td id="lt${i.index+1}">${lesson.getLesson_teacher()}</td>
                            <td>${lesson.getLesson_num()}/${lesson.getLesson_capacity()}</td>
                            <td><a href="#" onclick="deleteslesson(this,${i.count})">删除</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

主页支持排序查询代码：

<%@page import="com.stumag.javabean.Selectlesson"%>
<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>选课管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    
    .nav li:nth-child(4) a{background: #9370db;}
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
    .wrap .show .addslesson
    {
        position:absolute;
        display:block;
        top:5px;
        right:5px;
        border-radius:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:cover;
        background-image:url(images/tianjia.png);
    }
    .wrap .show .addslesson:hover
    {
        background-image:url(images/tianjia_hover.png);
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        <%
            request.setCharacterEncoding("GB18030");
            String sortmethod=request.getParameter("sortmethod");
            String sortstyle=request.getParameter("sortstyle");
            String inquiretype=request.getParameter("inquiretype");
            String inputcontent=request.getParameter("inputcontent");
            if(inputcontent==null)
            {
                inputcontent="";
            }
            else
                inputcontent=java.net.URLDecoder.decode(request.getParameter("inputcontent"), "utf-8");
            String orderby,where;
            
            if(inputcontent!=null&&inputcontent.length()!=0)
            {
                if(inquiretype.equals("0"))
                    where="where lesson_agency=\'"+inputcontent+"\' ";
                else
                    where="where lesson_name=\'"+inputcontent+"\' ";
            }
            else
            {
                where="";
                inputcontent="";
            }
            System.out.println(where);
            if(sortmethod.equals("0"))
                orderby="order by lesson_agency ";
            else if(sortmethod.equals("1"))
                orderby="order by lesson_name ";
            else
                orderby="order by lesson_teacher ";
            
            if(sortstyle.equals("1"))
                orderby=orderby+"desc ";
        
        
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int perpageCount=20;
            String table="all_select_lessons ";
            int totalpage= DBUtil.getTotalPage(pagenum, perpageCount, table, orderby, where);
            List<Selectlesson> lessonlist=new ArrayList<Selectlesson>();
            lessonlist=DBUtil.showselectLesson_oiResult(pagenum, perpageCount, table, orderby, where);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        var sortmethod=<%=sortmethod%>;
        var sortstyle=<%=sortstyle%>;
        var inquiretype=<%=inquiretype%>;
        
        $("#sortmethod").val(sortmethod);
        $("#sortstyle").val(sortstyle);
        $("#inquiretype").val(inquiretype);
        
        var inputcontent=document.getElementById("inputcontent");
        inputcontent.value="<%=inputcontent%>"
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                for(i=0;i<total;i++)
                {
                    a_list[i].innerHTML=i+1;
                }
                for(;i<6;i++)
                {
                    a_list[i].innerHTML="×";
                    a_list[i].style.cssText="background-color:#A0A0A0;color:black;border-radius:8px;font-size:20px";
                    a_list[i].setAttribute("href","#");
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var index=event.innerHTML;
        if(index!="..."&&index!="×")
        {
            if(inputcontent.length==0)
            {
                event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else
        {
            event.setAttribute("href","javascript:return false;");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
            event.setAttribute("href","javascript:return false;");s
        }
        else if(event.id=="last")
        {
            index=index-1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else if(event.id=="next")
        {
            index=index+1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
    }
    
    function jumpto()
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                if(inputcontent.length==0)
                {
                    window.location.href="http://localhost:8080/学生管理系统/selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                            sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype;
                }
                else
                    window.location.href="http://localhost:8080/学生管理系统/selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                    sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent));
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=1;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function totrailer(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=<%=totalpage%>;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","selectclassmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    
    function deleteslesson(event,i)
    {
        var r = confirm("确定删除该选修课程？\n(包含所有选该课程的学生的成绩及该课程信息)");
        if (r == true)
        {
            var lesson_name=document.getElementById("ln"+i).innerText;
            var lesson_teacher=document.getElementById("lt"+i).innerText;
            event.setAttribute("href","deleteslesson_resultshow.jsp?lesson_name="+encodeURI(encodeURI(lesson_name))+
                    "&lesson_teacher="+encodeURI(encodeURI(lesson_teacher)));
        }
        else
            alert("操作取消!");
    }
    
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1&sortmethod=0&sortstyle=0">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="selectclassmag_orderorinquire.jsp?index=1" method="post" id="form">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学院名称排序" selected="selected" value="0"></option>
                    <option label="按课程名称排序" value="1"></option> 
                    <option label="按老师名字排序" value="2"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学院名称查询" selected="selected" value="0"></option>
                    <option label="按课程名称查询" value="1"></option>
                    <option label="按老师名字查询" value="2"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent" id="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <a href="addslesson.jsp" class="addslesson" title="点此添加选修课程信息"></a>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>课程名称</th>
                        <th>所属学院</th>
                        <th>授课教师</th>
                        <th>已选人数</th>
                        <th>删除</th>
                    </tr>
                    <c:forEach var="lesson" items="<%=lessonlist %>" varStatus="i">
                        <tr>
                            <td id="ln${i.index+1}">${lesson.getLesson_name()}</td>
                            <td>${lesson.getLesson_agency()}</td>
                            <td id="lt${i.index+1}">${lesson.getLesson_teacher()}</td>
                            <td>${lesson.getLesson_num()}/${lesson.getLesson_capacity()}</td>
                            <td><a href="#" onclick="deleteslesson(this,${i.count})">删除</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

效果：

选课信息包含120条选课数据，信息包含课程名称，所属学院，授课教师和容量，点击右上角“+”可添加选修课程

在这里添加一门叫生物科学的课程

回主页按课程名称查找生物科学

添加成功！

添加课程页面代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>添加选修课程信息</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .header{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow-y:auto;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <script>
        function Onclick()
        {
            var lesson_name=document.getElementById("lesson_name").value;
            var lesson_agency=document.getElementById("lesson_agency").value;
            var lesson_teacher=document.getElementById("lesson_teacher").value;
            var lesson_capacity=document.getElementById("lesson_capacity").value;
            if(lesson_name==""||lesson_agency==""||lesson_teacher==""||lesson_capacity=="")
            {
                alert("包含空的信息\n请将空信息填写完整");
            }
            else
            {
                var form=document.getElementById("update");
                form.setAttribute("action","addslesson_do?lesson_name="+encodeURI(encodeURI(lesson_name))+
                        "&lesson_agency="+encodeURI(encodeURI(lesson_agency))+"&lesson_teacher="+
                        encodeURI(encodeURI(lesson_teacher))+"&lesson_capacity="+lesson_capacity);
            }
        }
    </script>
    <div id="header" class="header">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">添加选修课程信息</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>课程名称：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_name" id="lesson_name" type="text"></td>
                    </tr>

                    <tr>
                    <td class="input_hint"><label>所属学院：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_agency" id="lesson_agency"type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>授课老师：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_teacher" id="lesson_teacher" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>课程容量：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_capacity" id="lesson_capacity" type="text"></td>
                    </tr>
                    
                    <tr>
                    <td colspan="2"><input class="signbtn" type="submit" value="确认添加" onclick="Onclick()"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理添加的servlet代码：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class addslesson_do
 */
@WebServlet("/addslesson_do")
public class addslesson_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String lesson_name=java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
        String lesson_agency=java.net.URLDecoder.decode(request.getParameter("lesson_agency"), "utf-8");
        String lesson_teacher=java.net.URLDecoder.decode(request.getParameter("lesson_teacher"), "utf-8");
        String lesson_capacity=java.net.URLDecoder.decode(request.getParameter("lesson_capacity"), "utf-8");
        Connection connection=null;
        PreparedStatement preparedStatement=null;
        try {
            connection=DBUtil.getConnection();
            String sql="insert into all_select_lessons(lesson_name,lesson_agency,lesson_teacher,lesson_capacity,current_num) values(?,?,?,?,0)";
            preparedStatement=connection.prepareStatement(sql);
            preparedStatement.setString(1, lesson_name);
            preparedStatement.setString(2, lesson_agency);
            preparedStatement.setString(3, lesson_teacher);
            preparedStatement.setString(4, lesson_capacity);
            preparedStatement.executeUpdate();
            request.getRequestDispatcher("addslesson_resultshow.jsp?result=1").forward(request, response);
            
        } catch (Exception e) {
            // TODO: handle exception
            e.printStackTrace();
            request.getRequestDispatcher("addslesson_resultshow.jsp?result=0").forward(request, response);
        }
    }

}

操作结果显示代码：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        var show=document.getElementById("show");
        if(<%=request.getParameter("result")%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="课程添加成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=selectclassmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

 

点击删除会弹出提示框，以数学建模为例

删除信息并显示操作结果jsp代码：

<%@page import="com.stumag.util.DBUtil"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page buffer="16kb" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        <%
            Connection con=null;
            PreparedStatement pstmt=null;
            String lesson_name=java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
            String lesson_teacher=java.net.URLDecoder.decode(request.getParameter("lesson_teacher"), "utf-8");
            int result;
            try {
                con=DBUtil.getConnection();
                String sql1="delete from all_select_lessons where lesson_name=\'"+lesson_name+"\' and lesson_teacher=\'"+lesson_teacher+"\'";
                pstmt=con.prepareStatement(sql1);
                pstmt.executeUpdate();
                result=1;
            }
            catch (Exception e) {
                System.out.println("数据库信息更新失败");
                e.printStackTrace();
                result=0;
            }
        %>
        var show=document.getElementById("show");
        if(<%=result%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="课程删除成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=selectclassmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

在主页按课程名称查询数学建模，发现无数学建模的信息，证明已经删除

下面是成绩管理页面：

主页代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>成绩管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(5) a{ background: #9acd32; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int totalpage= DBUtil.getPagecount(20,"std_information");
            int perpageCount=20;
            String table="std_information";
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showsttsResult(pagenum, perpageCount, table);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                var parent=document.getElementById("pagenav");
                var child_list=document.getElementsByName("navnum");
                for(var i=0;i<6-total;i++)
                {
                    parent.removeChild(child_list[5-i]);
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        index=event.innerHTML;
        if(index!="...")
        {
            event.setAttribute("href","scoremag.jsp?index="+index);
        }
        else
        {
            event.setAttribute("href","");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
        }
        else if(event.id=="last")
        {
            index=index-1;
            event.setAttribute("href","scoremag.jsp?index="+index);
        }
        else if(event.id=="next")
        {
            index=index+1;
            event.setAttribute("href","scoremag.jsp?index="+index);
        }
    }
    
    function jumpto()
    {
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                window.location.href="http://localhost:8080/学生管理系统/scoremag.jsp?index="+index;   
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        index=1;
        event.setAttribute("href","scoremag.jsp?index="+index);
    }
    function totrailer(event)
    {
        index=<%=totalpage%>;
        event.setAttribute("href","scoremag.jsp?index="+index);
    }
    function showScore(event,i)
    {
        var id=document.getElementById("userid"+i).innerText;
        event.setAttribute("href","showscore.jsp?id="+id);
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="scoremag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="userid${i.index+1}">${user.getId()}</td>
                            <td id="username">${user.getUsername()}</td>
                            <td id="usersex">${user.getSex()}</td>
                            <td id="userclass">${user.getClass_num()}</td>
                            <td id="useragency">${user.getAgency()}</td>
                            <td id="usermajor">${user.getMajor()}</td>
                            <td><a href="#" onclick="showScore(this,${i.count})">查看成绩</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

主页支持排序查询代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>成绩管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    .nav li:nth-child(5) a{ background: #9acd32; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
        request.setCharacterEncoding("GB18030");
        String sortmethod=request.getParameter("sortmethod");
        String sortstyle=request.getParameter("sortstyle");
        String inquiretype=request.getParameter("inquiretype");
        String inputcontent=request.getParameter("inputcontent");
        if(inputcontent==null)
        {
            inputcontent="";
        }
        else
            inputcontent=java.net.URLDecoder.decode(request.getParameter("inputcontent"), "utf-8");
        String orderby,where;
        
        if(inputcontent!=null&&inputcontent.length()!=0)
        {
            if(inquiretype.equals("0"))
                where="where id=\'"+inputcontent+"\' ";
            else if(inquiretype.equals("1"))
                where="where name=\'"+inputcontent+"\' ";
            else if(inquiretype.equals("2"))
                where="where sex=\'"+inputcontent+"\' ";
            else if(inquiretype.equals("3"))
                where="where class=\'"+inputcontent+"\' ";
            else if(inquiretype.equals("4"))
                where="where agency=\'"+inputcontent+"\' ";
            else
                where="where major=\'"+inputcontent+"\' ";
        }
        else
        {
            where="";
            inputcontent="";
        }
            System.out.println(where);
            if(sortmethod.equals("0"))
                orderby="order by id ";
            else if(sortmethod.equals("1"))
                orderby="order by name ";
            else if(sortmethod.equals("2"))
                orderby="order by sex ";
            else if(sortmethod.equals("3"))
                orderby="order by class ";
            else if(sortmethod.equals("4"))
                orderby="order by agency ";
            else
                orderby="order by major ";
            if(sortstyle.equals("1"))
                orderby=orderby+"desc ";
        
        
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int perpageCount=20;
            String table="std_information ";
            int totalpage= DBUtil.getTotalPage(pagenum, perpageCount, table, orderby, where);
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showstts_oiResult(pagenum, perpageCount, table, orderby, where);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        var sortmethod=<%=sortmethod%>;
        var sortstyle=<%=sortstyle%>;
        var inquiretype=<%=inquiretype%>;
        
        $("#sortmethod").val(sortmethod);
        $("#sortstyle").val(sortstyle);
        $("#inquiretype").val(inquiretype);
        
        var inputcontent=document.getElementById("inputcontent");
        inputcontent.value="<%=inputcontent%>"
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                for(i=0;i<total;i++)
                {
                    a_list[i].innerHTML=i+1;
                }
                for(;i<6;i++)
                {
                    a_list[i].innerHTML="×";
                    a_list[i].style.cssText="background-color:#A0A0A0;color:black;border-radius:8px;font-size:20px";
                    a_list[i].setAttribute("href","#");
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=event.innerHTML;
        if(index!="..."&&index!="×")
        {
            if(inputcontent.length==0)
            {
                event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else
        {
            event.setAttribute("href","javascript:return false;");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(event.id=="last")
        {
            index=index-1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else if(event.id=="next")
        {
            index=index+1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
    }
    
    function jumpto()
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                if(inputcontent.length==0)
                {
                    window.location.href="http://localhost:8080/学生管理系统/scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+
                            sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype;
                }
                else
                    window.location.href="http://localhost:8080/学生管理系统/scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+
                    sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent));  
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=1;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function totrailer(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=<%=totalpage%>;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","scoremag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function showScore(event,i)
    {
        var id=document.getElementById("userid"+i).innerText;
        event.setAttribute("href","showscore.jsp?id="+id);
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="scoremag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent" id="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="userid${i.index+1}">${user.getId()}</td>
                            <td id="username">${user.getUsername()}</td>
                            <td id="usersex">${user.getSex()}</td>
                            <td id="userclass">${user.getClass_num()}</td>
                            <td id="useragency">${user.getAgency()}</td>
                            <td id="usermajor">${user.getMajor()}</td>
                            <td><a href="#" onclick="showScore(this,${i.count})">查看成绩</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

效果：

排序与查询方式均和普通信息管理相同，这里选择姓名为“卫师”查看成绩：

页面代码如下：

<%@page import="com.stumag.javabean.LessonandScore"%>
<%@page import="java.sql.SQLException"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.javabean.Score"%>
<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>学生成绩操作</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    .nav li:nth-child(5) a{ background: #9acd32; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
    .wrap .show .detail .stdshow
    {
        height:50px;
        font-size:18px;
    }
    
</style>


</head>
<body>
    <%
        String id=request.getParameter("id");
        String tablename="std_score";
        Score s=new Score();
        Connection con=null;
        PreparedStatement pstmt=null;
        ResultSet rs=null;
        try {
            con=DBUtil.getConnection();
            System.out.println("数据库连接成功");
            String sql_query="select * from "+tablename+" where id=\'"+id+"\'";
            pstmt=con.prepareStatement(sql_query);
            rs=pstmt.executeQuery();
            if(rs.next())
            {
                s.setId(rs.getString(1));
                s.setUsername(rs.getString(2));
                s.setAgency(rs.getString(3));
                s.setMajor(rs.getString(4));
                s.setClass_str(rs.getString(5));
                s.setLesson1(rs.getString(6));
                s.setLesson1_score(rs.getInt(7));
                s.setLesson2(rs.getString(8));
                s.setLesson2_score(rs.getInt(9));
                s.setLesson3(rs.getString(10));
                s.setLesson3_score(rs.getInt(11));
                s.setLesson4(rs.getString(12));
                s.setLesson4_score(rs.getInt(13));
                s.setLesson5(rs.getString(14));
                s.setLesson5_score(rs.getInt(15));
                s.setLesson6(rs.getString(16));
                s.setLesson6_score(rs.getInt(17));
                s.setLesson7(rs.getString(18));
                s.setLesson7_score(rs.getInt(19));
                s.setLesson8(rs.getString(20));
                s.setLesson8_score(rs.getInt(21));
                s.setLesson9(rs.getString(22));
                s.setLesson9_score(rs.getInt(23));
                s.setLesson10(rs.getString(24));
                s.setLesson10_score(rs.getInt(25));
            }
        }
        catch (SQLException e) {
            // TODO: handle exception
            e.printStackTrace();
        }
        //定义存课程名称和成绩的列表
        List<LessonandScore> lesson_list=new ArrayList<LessonandScore>();
        
        String str;
        int index=0;
        if((str=s.getLesson1())!=null)
        {
            LessonandScore ls1=new LessonandScore();
            ls1.setLesson(str);
            ls1.setLesson_score(s.getLesson1_score());
            lesson_list.add(ls1);
            index=1;
            if((str=s.getLesson2())!=null)
            {
                LessonandScore ls2=new LessonandScore();
                ls2.setLesson(str);
                ls2.setLesson_score(s.getLesson2_score());
                lesson_list.add(ls2);
                index=2;
                if((str=s.getLesson3())!=null)
                {
                    LessonandScore ls3=new LessonandScore();
                    ls3.setLesson(str);
                    ls3.setLesson_score(s.getLesson3_score());
                    lesson_list.add(ls3);
                    index=3;
                    if((str=s.getLesson4())!=null)
                    {
                        LessonandScore ls4=new LessonandScore();
                        ls4.setLesson(str);
                        ls4.setLesson_score(s.getLesson4_score());
                        lesson_list.add(ls4);
                        index=4;
                        if((str=s.getLesson5())!=null)
                        {
                            LessonandScore ls5=new LessonandScore();
                            ls5.setLesson(str);
                            ls5.setLesson_score(s.getLesson5_score());
                            lesson_list.add(ls5);
                            index=5;
                            if((str=s.getLesson6())!=null)
                            {
                                LessonandScore ls6=new LessonandScore();
                                ls6.setLesson(str);
                                ls6.setLesson_score(s.getLesson6_score());
                                lesson_list.add(ls6);
                                index=6;
                                if((str=s.getLesson7())!=null)
                                {
                                    LessonandScore ls7=new LessonandScore();
                                    ls7.setLesson(str);
                                    ls7.setLesson_score(s.getLesson7_score());
                                    lesson_list.add(ls7);
                                    index=7;
                                    if((str=s.getLesson8())!=null)
                                    {
                                        LessonandScore ls8=new LessonandScore();
                                        ls8.setLesson(str);
                                        ls8.setLesson_score(s.getLesson8_score());
                                        lesson_list.add(ls8);
                                        index=8;
                                        if((str=s.getLesson9())!=null)
                                        {
                                            LessonandScore ls9=new LessonandScore();
                                            ls9.setLesson(str);
                                            ls9.setLesson_score(s.getLesson9_score());
                                            lesson_list.add(ls9);
                                            index=9;
                                            if((str=s.getLesson10())!=null)
                                            {
                                                LessonandScore ls10=new LessonandScore();
                                                ls10.setLesson(str);
                                                ls10.setLesson_score(s.getLesson10_score());
                                                lesson_list.add(ls10);
                                                index=10;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    %>
<script>
    function updateScore(event,i)
    {
        var id=<%=s.getId()%>;
        var lesson_name=document.getElementById("lesson_name"+i).innerText;
        var lesson_score=document.getElementById("lesson_score"+i).innerText;
        event.setAttribute("href","updatescore.jsp?id="+id+"&lesson_name="+encodeURI(encodeURI(lesson_name))+"&lesson_score="+lesson_score+"&index="+i);
    }
</script>
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div class="detail">
                <div style="text-align:center" class="stdshow">
                    <span>学生学号：<%=s.getId() %>&nbsp;&nbsp;</span>
                    <span>学生姓名：<%=s.getUsername() %>&nbsp;&nbsp;</span>
                    <span>所属学院：<%=s.getAgency() %>&nbsp;&nbsp;</span>
                    <span>所属专业：<%=s.getMajor() %>&nbsp;&nbsp;</span>
                    <span>所在班级：<%=s.getClass_str() %></span>
                </div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>科目</th>
                        <th>成绩</th>
                        <th>学年</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="lesson" items="<%=lesson_list %>" varStatus="i">
                        <tr>
                            <td id="lesson_name${i.index+1}">${lesson.getLesson()}</td>
                            <td id="lesson_score${i.index+1}">${lesson.getLesson_score()}</td>
                            <td>2019</td>
                            <td><a href="#" onclick="updateScore(this,${i.count})">修改</a></td>
                        </tr>
                    </c:forEach>
                </table>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

点击修改可进入修改界面：

以物流信息系统为例

页面代码：

<%@page import="com.stumag.javabean.LessonandScore"%>
<%@page import="com.stumag.javabean.Score"%>
<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>课程成绩修改</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .head{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <%
        String userid=request.getParameter("id");
        //String username=request.getParameter("username");
        String lesson_name = java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
        String lesson_score = request.getParameter("lesson_score");
        String index = request.getParameter("index");
        System.out.println(index);
        LessonandScore s=new LessonandScore();
        s.setLesson(lesson_name);
        s.setLesson_score(Integer.parseInt(lesson_score));
        
    %>
    <script>
        function Onclick()
        {
            var lesson_name=document.getElementById("lesson_name").value;
            var lesson_score=document.getElementById("lesson_score").value;
            if(lesson_name==""||lesson_score=="")
            {
                alert("包含空的信息\n请将空信息填写完整");
            }
            else
            {
                var form=document.getElementById("update");
                form.setAttribute("action","updatescore_do?id="+<%=userid%>+"&index="+<%=index%>+"&lesson_name="+encodeURI(encodeURI(lesson_name))+"&lesson_score="+lesson_score);
            }
        }
    </script>
    <div id="head" class="head">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">修改课程成绩信息</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>课程名称：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_name" id="lesson_name" type="text" value="<%=s.getLesson() %>"></td>
                    </tr>

                    <tr>
                    <td class="input_hint"><label>课程成绩：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_score" id="lesson_score" type="text" value="<%=s.getLesson_score() %>"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>学年：</label></td>
                    <td class="signinput">2019</td>
                    </tr>
                    
                    <tr>
                    <td colspan="2"><input class="signbtn" type="submit" value="确认修改" onclick="Onclick()"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

 

修改成绩为80，点击确认修改

再次查看信息可发现物流信息系统成绩已改为80

处理删除信息的servlet代码：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class updatescore_do
 */
@WebServlet("/updatescore_do")
public class updatescore_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String id=request.getParameter("id");
        String lesson_name = java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
        String lesson_score=request.getParameter("lesson_score");
        String index=request.getParameter("index");
        Connection con=null;
        PreparedStatement pstmt=null;
        try {
            con=DBUtil.getConnection();
            String sql_query="update std_score set lesson"+index+" = ?,lesson"+index+"_score = ? where id = ?";
            pstmt=con.prepareStatement(sql_query);
            pstmt.setString(1, lesson_name);
            pstmt.setString(2, lesson_score);
            pstmt.setString(3, id);
            pstmt.executeUpdate();
            request.getRequestDispatcher("scoreupdate_resultshow.jsp?result=1").forward(request, response);
        }
        catch (Exception e) {
            System.out.println("数据库信息更新失败");
            e.printStackTrace();
            request.getRequestDispatcher("scoreupdate_resultshow.jsp?result=0").forward(request, response);
        }
    }

}

 

下面是课程管理页面：

主页代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>课程管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(6) a{ background: #888888; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int totalpage= DBUtil.getPagecount(20,"std_information");
            int perpageCount=20;
            String table="std_information";
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showsttsResult(pagenum, perpageCount, table);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                var parent=document.getElementById("pagenav");
                var child_list=document.getElementsByName("navnum");
                for(var i=0;i<6-total;i++)
                {
                    parent.removeChild(child_list[5-i]);
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        index=event.innerHTML;
        if(index!="...")
        {
            event.setAttribute("href","lessonmag.jsp?index="+index);
        }
        else
        {
            event.setAttribute("href","");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
        }
        else if(event.id=="last")
        {
            index=index-1;
            event.setAttribute("href","lessonmag.jsp?index="+index);
        }
        else if(event.id=="next")
        {
            index=index+1;
            event.setAttribute("href","lessonmag.jsp?index="+index);
        }
    }
    
    function jumpto()
    {
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                window.location.href="http://localhost:8080/学生管理系统/lessonmag.jsp?index="+index;   
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        index=1;
        event.setAttribute("href","lessonmag.jsp?index="+index);
    }
    function totrailer(event)
    {
        index=<%=totalpage%>;
        event.setAttribute("href","lessonmag.jsp?index="+index);
    }
    function showScore(event,i)
    {
        var id=document.getElementById("userid"+i).innerText;
        event.setAttribute("href","showlesson.jsp?id="+id);
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="lessonmag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="userid${i.index+1}">${user.getId()}</td>
                            <td id="username">${user.getUsername()}</td>
                            <td id="usersex">${user.getSex()}</td>
                            <td id="userclass">${user.getClass_num()}</td>
                            <td id="useragency">${user.getAgency()}</td>
                            <td id="usermajor">${user.getMajor()}</td>
                            <td><a href="#" onclick="showScore(this,${i.count})">查看课程</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

支持排序查询的主页代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>课程管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(6) a{ background: #888888; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            request.setCharacterEncoding("GB18030");
            String sortmethod=request.getParameter("sortmethod");
            String sortstyle=request.getParameter("sortstyle");
            String inquiretype=request.getParameter("inquiretype");
            String inputcontent=request.getParameter("inputcontent");
            if(inputcontent==null)
            {
                inputcontent="";
            }
            else
                inputcontent=java.net.URLDecoder.decode(request.getParameter("inputcontent"), "utf-8");
            String orderby,where;
            
            if(inputcontent!=null&&inputcontent.length()!=0)
            {
                if(inquiretype.equals("0"))
                    where="where id=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("1"))
                    where="where name=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("2"))
                    where="where sex=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("3"))
                    where="where class=\'"+inputcontent+"\' ";
                else if(inquiretype.equals("4"))
                    where="where agency=\'"+inputcontent+"\' ";
                else
                    where="where major=\'"+inputcontent+"\' ";
            }
            else
            {
                where="";
                inputcontent="";
            }
            System.out.println(where);
            if(sortmethod.equals("0"))
                orderby="order by id ";
            else if(sortmethod.equals("1"))
                orderby="order by name ";
            else if(sortmethod.equals("2"))
                orderby="order by sex ";
            else if(sortmethod.equals("3"))
                orderby="order by class ";
            else if(sortmethod.equals("4"))
                orderby="order by agency ";
            else
                orderby="order by major ";
            if(sortstyle.equals("1"))
                orderby=orderby+"desc ";
        
            System.out.println("内容"+inputcontent);
        
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int perpageCount=20;
            String table="std_information ";
            int totalpage= DBUtil.getTotalPage(pagenum, perpageCount, table, orderby, where);
            List<Status> sttslist=new ArrayList<Status>();
            sttslist=DBUtil.showstts_oiResult(pagenum, perpageCount, table, orderby, where);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        var sortmethod=<%=sortmethod%>;
        var sortstyle=<%=sortstyle%>;
        var inquiretype=<%=inquiretype%>;
        
        $("#sortmethod").val(sortmethod);
        $("#sortstyle").val(sortstyle);
        $("#inquiretype").val(inquiretype);
        
        var inputcontent=document.getElementById("inputcontent");
        inputcontent.value="<%=inputcontent%>"
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                for(i=0;i<total;i++)
                {
                    a_list[i].innerHTML=i+1;
                }
                for(;i<6;i++)
                {
                    a_list[i].innerHTML="×";
                    a_list[i].style.cssText="background-color:#A0A0A0;color:black;border-radius:8px;font-size:20px";
                    a_list[i].setAttribute("href","#");
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=event.innerHTML;
        if(index!="..."&&index!="×")
        {
            if(inputcontent.length==0)
            {
                event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else
        {
            event.setAttribute("href","javascript:return false;");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(event.id=="last")
        {
            index=index-1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else if(event.id=="next")
        {
            index=index+1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
    }
    
    function jumpto()
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                if(inputcontent.length==0)
                {
                    window.location.href="http://localhost:8080/学生管理系统/lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                            sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype;
                }
                else
                    window.location.href="http://localhost:8080/学生管理系统/lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                    sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent));
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=1;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function totrailer(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=<%=totalpage%>;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","lessonmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function showScore(event,i)
    {
        var id=document.getElementById("userid"+i).innerText;
        event.setAttribute("href","showlesson.jsp?id="+id);
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="inquire" class="inquire">
                <form action="lessonmag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                    <option label="按性别排序" value="2"></option> 
                    <option label="按班级排序" value="3"></option> 
                    <option label="按学院排序" value="4"></option> 
                    <option label="按专业排序" value="5"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                    <option label="按性别查询" value="2"></option>
                    <option label="按班级查询" value="3"></option>
                    <option label="按学院查询" value="4"></option>
                    <option label="按专业查询" value="5"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent" id="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=sttslist %>" varStatus="i">
                        <tr>
                            <td id="userid${i.index+1}">${user.getId()}</td>
                            <td id="username">${user.getUsername()}</td>
                            <td id="usersex">${user.getSex()}</td>
                            <td id="userclass">${user.getClass_num()}</td>
                            <td id="useragency">${user.getAgency()}</td>
                            <td id="usermajor">${user.getMajor()}</td>
                            <td><a href="#" onclick="showScore(this,${i.count})">查看课程</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

效果：

再次用卫师的课程为例，点击查看课程：

页面代码：

<%@page import="com.stumag.javabean.LessonandScore"%>
<%@page import="java.sql.SQLException"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.javabean.Score"%>
<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>学生课程操作</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }
    
    .nav li:nth-child(6) a{ background: #888888; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .addlesson
    {
        position:absolute;
        display:block;
        top:5px;
        right:5px;
        border-radius:50%;
        width:40px;
        height:40px;
        background-repeat:no-repeat;
        background-size:cover;
        background-image:url(images/tianjia.png);
    }
    .wrap .show .addlesson:hover
    {
        background-image:url(images/tianjia_hover.png);
    }
    
    .wrap .show .detail .stdshow
    {
        height:50px;
        font-size:18px;
    }
    
    
</style>


</head>
<body>
    <%
        String id=request.getParameter("id");
        String tablename="std_score";
        Score s=new Score();
        Connection con=null;
        PreparedStatement pstmt=null;
        ResultSet rs=null;
        try {
            con=DBUtil.getConnection();
            System.out.println("数据库连接成功");
            String sql_query="select * from "+tablename+" where id=\'"+id+"\'";
            pstmt=con.prepareStatement(sql_query);
            rs=pstmt.executeQuery();
            if(rs.next())
            {
                s.setId(rs.getString(1));
                s.setUsername(rs.getString(2));
                s.setAgency(rs.getString(3));
                s.setMajor(rs.getString(4));
                s.setClass_str(rs.getString(5));
                s.setLesson1(rs.getString(6));
                s.setLesson1_score(rs.getInt(7));
                s.setLesson2(rs.getString(8));
                s.setLesson2_score(rs.getInt(9));
                s.setLesson3(rs.getString(10));
                s.setLesson3_score(rs.getInt(11));
                s.setLesson4(rs.getString(12));
                s.setLesson4_score(rs.getInt(13));
                s.setLesson5(rs.getString(14));
                s.setLesson5_score(rs.getInt(15));
                s.setLesson6(rs.getString(16));
                s.setLesson6_score(rs.getInt(17));
                s.setLesson7(rs.getString(18));
                s.setLesson7_score(rs.getInt(19));
                s.setLesson8(rs.getString(20));
                s.setLesson8_score(rs.getInt(21));
                s.setLesson9(rs.getString(22));
                s.setLesson9_score(rs.getInt(23));
                s.setLesson10(rs.getString(24));
                s.setLesson10_score(rs.getInt(25));
            }
        }
        catch (SQLException e) {
            // TODO: handle exception
            e.printStackTrace();
        }
        //定义存课程名称和成绩的列表
        List<LessonandScore> lesson_list=new ArrayList<LessonandScore>();
        
        String str;
        int index=0;
        if((str=s.getLesson1())!=null)
        {
            LessonandScore ls1=new LessonandScore();
            ls1.setLesson(str);
            lesson_list.add(ls1);
        }
        if((str=s.getLesson2())!=null)
        {
            LessonandScore ls2=new LessonandScore();
            ls2.setLesson(str);
            lesson_list.add(ls2);
        }
        if((str=s.getLesson3())!=null)
        {
            LessonandScore ls3=new LessonandScore();
            ls3.setLesson(str);
            lesson_list.add(ls3);
        }
        if((str=s.getLesson4())!=null)
        {
            LessonandScore ls4=new LessonandScore();
            ls4.setLesson(str);
            lesson_list.add(ls4);
        }
        if((str=s.getLesson5())!=null)
        {
            LessonandScore ls5=new LessonandScore();
            ls5.setLesson(str);
            lesson_list.add(ls5);
        }
        if((str=s.getLesson6())!=null)
        {
            LessonandScore ls6=new LessonandScore();
            ls6.setLesson(str);
            lesson_list.add(ls6);
        }
        if((str=s.getLesson7())!=null)
        {
            LessonandScore ls7=new LessonandScore();
            ls7.setLesson(str);
            index=7;
        }
        if((str=s.getLesson8())!=null)
        {
            LessonandScore ls8=new LessonandScore();
            ls8.setLesson(str);
            lesson_list.add(ls8);
        }
        if((str=s.getLesson9())!=null)
        {
            LessonandScore ls9=new LessonandScore();
            ls9.setLesson(str);
            lesson_list.add(ls9);
        }
        if((str=s.getLesson10())!=null)
        {
            LessonandScore ls10=new LessonandScore();
            ls10.setLesson(str);
            lesson_list.add(ls10);
        }
        
    %>
<script>
    function updatelesson(event,i)
    {
        var id=<%=s.getId()%>
        var lesson_name=document.getElementById("lesson_name"+i).innerText;
        event.setAttribute("href","updatelesson.jsp?id="+id+"&lesson_name="+encodeURI(encodeURI(lesson_name))+"&index="+i);
    }
    function deletelesson(event,i)
    {
        var r = confirm("确定删除课程的信息？\n(包含课程成绩)");
        if (r == true)
        {
            event.setAttribute("href","lessondelete_resultshow.jsp?index="+i+"&id="+<%=id%>);
        }
        else
            alert("操作取消");
    }
</script>
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <a href="addlesson.jsp?id=<%=id %>" class="addlesson" title="点此添加课程"></a>
            <div class="detail">
                <div style="text-align:center" class="stdshow">
                    <span>学生学号：<%=s.getId() %>&nbsp;&nbsp;</span>
                    <span>学生姓名：<%=s.getUsername() %>&nbsp;&nbsp;</span>
                    <span>所属学院：<%=s.getAgency() %>&nbsp;&nbsp;</span>
                    <span>所属专业：<%=s.getMajor() %>&nbsp;&nbsp;</span>
                    <span>所在班级：<%=s.getClass_str() %></span>
                </div>
                
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>课程名称</th>
                        <th>修改</th>
                        <th>删除</th>
                    </tr>
                    <c:forEach var="lesson" items="<%=lesson_list %>" varStatus="i">
                        <tr>
                            <td id="lesson_name${i.index+1}">${lesson.getLesson()}</td>
                            <td><a href="#" onclick="updatelesson(this,${i.count})">修改</a></td>
                            <td><a href="#" onclick="deletelesson(this,${i.count})">删除</a></td>
                        </tr>
                    </c:forEach>
                </table>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

点击修改可修改课程名称

点击删除可删除课程信息，包括课程成绩：

 当点击右上角的“+”按钮还可添加课程：添加生物科学为例

添加成功！

添加课程页面代码：

<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>添加课程信息</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .header{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow-y:auto;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <script>
        function Onclick()
        {
            var id=<%=request.getParameter("id")%>
            var lesson_name=document.getElementById("lesson_name").value;
            if(lesson_name=="")
            {
                alert("包含空的信息\n请将空信息填写完整");
            }
            else
            {
                var form=document.getElementById("update");
                form.setAttribute("action","addlesson_do?id="+id+"&lesson_name="+encodeURI(encodeURI(lesson_name)));
            }
        }
    </script>
    <div id="header" class="header">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">添加课程</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>课程名称：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_name" id="lesson_name" type="text"></td>
                    </tr>

                    <tr>
                    <td colspan="2"><input class="signbtn" type="submit" value="确认添加" onclick="Onclick()"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理添加的servlet：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class addlesson_do
 */
@WebServlet("/addlesson_do")
public class addlesson_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String id=request.getParameter("id");
        String lesson_name=java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
        Connection connection=null;
        PreparedStatement preparedStatement=null;
        ResultSet rSet=null;
        try {
            connection=DBUtil.getConnection();
            String sql="select * from std_score where id=\'"+id+"\'";
            preparedStatement=connection.prepareStatement(sql);
            rSet=preparedStatement.executeQuery();
            if(rSet.next())
            {
                int i=6,flag=0;
                for(int j=1;i<=24;i=i+2,j++)
                {
                    if(rSet.getString(i)==null)
                    {
                        String insert="update std_score set lesson" +j+ "=\'" +lesson_name+ "\' where id=\'" +id+ "\'";
                        
                        preparedStatement=connection.prepareStatement(insert);
                        preparedStatement.executeUpdate();
                        flag=1;
                        break;
                    }
                }
                if(flag==0)
                {
                    request.getRequestDispatcher("addlesson_resultshow.jsp?result=0").forward(request, response);
                }
                else
                    request.getRequestDispatcher("addlesson_resultshow.jsp?result=1").forward(request, response);
            }
        } catch (Exception e) {
            // TODO: handle exception
            e.printStackTrace();
            request.getRequestDispatcher("addlesson_resultshow.jsp?result=2").forward(request, response);
        }
    }

}

显示操作结果的jsp：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        var show=document.getElementById("show");
        if(<%=request.getParameter("result")%>==0)
        {
            show.innerText="最多只能添加十门课！\n操作失败，即将返回主页……";
        }
        else if(<%=request.getParameter("result")%>==1)
        {
            show.innerText="课程添加成功，即将返回主页……\n如需添加课程成绩，请前往成绩管理模块";
        }
        else
        {
            show.innerText="操作失败，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=lessonmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

 

修改页代码：

<%@page import="com.stumag.javabean.LessonandScore"%>
<%@page import="com.stumag.javabean.Score"%>
<%@page import="com.stumag.javabean.Status"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>课程信息修改</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .head{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 42px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <%
        String userid=request.getParameter("id");
        //String username=request.getParameter("username");
        String lesson_name = java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
        String index = request.getParameter("index");
        System.out.println(index);
        LessonandScore s=new LessonandScore();
        s.setLesson(lesson_name);
        
    %>
    <script>
        function Onclick()
        {
            var lesson_name=document.getElementById("lesson_name").value;
            if(lesson_name=="")
            {
                alert("包含空的信息\n请将空信息填写完整");
            }
            else
            {
                var form=document.getElementById("update");
                form.setAttribute("action","updatelesson_do?id="+<%=userid%>+"&index="+<%=index%>+"&lesson_name="+encodeURI(encodeURI(lesson_name)));
            }
        }
    </script>
    <div id="header" class="head">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">修改课程成绩信息</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>课程名称：</label></td>
                    <td class="signinput"><input class="i_input" name="lesson_name" id="lesson_name" type="text" value="<%=s.getLesson() %>"></td>
                    </tr>
        
                    <tr>
                    <td colspan="2"><input class="signbtn" type="submit" value="确认修改" onclick="Onclick()"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理修改信息的servlet代码：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class updatelesson_do
 */
@WebServlet("/updatelesson_do")
public class updatelesson_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String id=request.getParameter("id");
        String lesson_name = java.net.URLDecoder.decode(request.getParameter("lesson_name"), "utf-8");
        String index=request.getParameter("index");
        Connection con=null;
        PreparedStatement pstmt=null;
        try {
            con=DBUtil.getConnection();
            String sql_query="update std_score set lesson"+index+" = ? where id = ?";
            pstmt=con.prepareStatement(sql_query);
            pstmt.setString(1, lesson_name);
            pstmt.setString(2, id);
            pstmt.executeUpdate();
            request.getRequestDispatcher("lessonupdate_resultshow.jsp?result=1").forward(request, response);
        }
        catch (Exception e) {
            System.out.println("数据库信息更新失败");
            e.printStackTrace();
            request.getRequestDispatcher("lessonupdate_resultshow.jsp?result=0").forward(request, response);
        }
    }

}

删除及显示删除信息的jsp代码：

<%@page import="com.stumag.util.DBUtil"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page buffer="16kb" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>操作结果</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        <%
            Connection con=null;
            PreparedStatement pstmt=null;
            String i=request.getParameter("index");
            String id=request.getParameter("id");
            int result;
            try {
                con=DBUtil.getConnection();
                for(int j=Integer.parseInt(i);j<10;j++)
                {
                    String sql="update std_score set lesson"+j+"=lesson"+(j+1)+",lesson"+j+"_score=lesson"+(j+1)+"_score where id=\'"+id+"\'";
                    pstmt=con.prepareStatement(sql);
                    pstmt.executeUpdate();
                }
                String sql1="update std_score set lesson10=null,lesson10_score=null where id=\'"+id+"\'";
                pstmt=con.prepareStatement(sql1);
                pstmt.executeUpdate();
                result=1;
            }
            catch (Exception e) {
                System.out.println("数据库信息更新失败");
                e.printStackTrace();
                result=0;
            }
        %>
        var show=document.getElementById("show");
        if(<%=result%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="课程信息删除成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=lessonmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

 

下面是密码管理（这里指学生在校园内使用的如校园卡密码而非系统登录密码）

主页代码：

<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>密码管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    #head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    #wrap{
    width:100;
    height:764px;
    }
    
    #foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    #foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    #foot .power p {
    height: 24px;    
    width: 100%;
    }
    #wrap #nav .navbar{
    text-align:center;
    text-size:10px;
    }
    #nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    #nav ul { list-style: none; margin: 0px; padding: 0px; }
    #nav li { float: none; width: 100%; }
    #nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #nav li a:hover { border-bottom: 0px; color: #fff; }
    #nav li:first-child a { border-left: 10px solid #3498db; }
    #nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    #nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    #nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    #nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    #nav li:nth-child(6) a { border-left: 10px solid #888888; }
    #nav li:last-child a { border-left: 10px solid #1abc9c; }
    #nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    #nav li a:hover:after { width: 100%; }
    #nav li:first-child a:after { background: #3498db; }
    #nav li:nth-child(2) a:after { background: #ffd071; }
    #nav li:nth-child(3) a:after { background: #f0776c; }
    #nav li:nth-child(4) a:after { background: #9370db; }
    #nav li:nth-child(5) a:after { background: #9acd32; }
    #nav li:nth-child(6) a:after { background: #888888; }
    #nav li:last-child a:after { background: #1abc9c; }
    
    #nav li:last-child a{ background: #1abc9c; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    #wrap #show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    #wrap #show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    #userpwd tr{
    text-align:center;
    }
    #userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    #userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    #navlist
    {
        height:50px;
    }
    #navlist ul
    {
        list-style:none;
        width:300px;
        height:50px;
        margin:0px auto;
    }
    #navlist ul li
    {
        border:1px solid #eee;
        float:left;
        width:150px;
        height:50px;
        text-align:center;
        line-height:50px;
    }
    #navlist ul li a{
        text-decoration:none;
        cursor:pointer;
        font-size:20px;
        display:block;
        height:50px;
        width:150px;
    }
    #navlist ul li a:hover
    {
        background-color:#FFFFCC;
        color:black;
        border-bottom:2px solid #FFFF00;
    }
    
    #navlist ul li:first-child a{
        background-color:#FFFFCC;
        color:black;
        border-bottom:2px solid #FFFF00;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    #pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    #pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    #pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    #pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int totalpage= DBUtil.getPagecount(20,"std_information");
            int perpageCount=20;
            String table="std_information";
            List<Password> pwdlist=new ArrayList<Password>();
            pwdlist=DBUtil.showpwResult(pagenum, perpageCount, table);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                var parent=document.getElementById("pagenav");
                var child_list=document.getElementsByName("navnum");
                for(var i=0;i<6-total;i++)
                {
                    parent.removeChild(child_list[5-i]);
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        index=event.innerHTML;
        if(index!="...")
        {
            event.setAttribute("href","pwdmag.jsp?index="+index);
        }
        else
        {
            event.setAttribute("href","");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
        }
        else if(event.id=="last")
        {
            index=index-1;
            event.setAttribute("href","pwdmag.jsp?index="+index);
        }
        else if(event.id=="next")
        {
            index=index+1;
            event.setAttribute("href","pwdmag.jsp?index="+index);
        }
    }
    
    function jumpto()
    {
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                window.location.href="http://localhost:8080/学生管理系统/pwdmag.jsp?index="+index;   
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        index=1;
        event.setAttribute("href","pwdmag.jsp?index="+index);
    }
    function totrailer(event)
    {
        index=<%=totalpage%>;
        event.setAttribute("href","pwdmag.jsp?index="+index);
    }
    function updatePassword(event,i)
    {
        var id=document.getElementById(i).innerText;
        var username=document.getElementById("un"+i).innerText;
        event.setAttribute('href','updatepwd.jsp?id='+id+"&username="+encodeURI(encodeURI(username)));
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="header clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="navlist">
                <ul>
                    <li><a href="pwdmag.jsp?index=1">学生密码</a></li>
                    <li><a>我的密码</a></li>
                </ul>
            </div>
            <div id="inquire" class="inquire">
                <form action="pwdmag_orderorinquire.jsp?index=1" method="post">
                选择排序方法：
                <select name="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                </select>
                排序类型：
                <select name="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行">
                </form>
            </div>
            <div>
                <table id="userpwd" class="table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>密码</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=pwdlist %>" varStatus="i">
                        <tr>
                            <td id="${i.index+1}">${user.getId()}</td>
                            <td id="un${i.index+1}">${user.getUsername()}</td>
                            <td>${user.getPassword()}</td>
                            <td><a href="#" onclick="updatePassword(this,${i.count})" id="updatepassword">修改</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

支持排序查询的主页代码：

<%@page import="java.net.URLDecoder"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.bumpytext.packed.js"></script>
<script type="text/javascript" src="easying.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('p#example').bumpyText();
    });            //]]>
    
    $(document).ready(function() {
    });
</script>
<title>密码管理</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    .head {
    background-color: #66CCCC;
    text-align: center;
    position: relative;
    height: 100px;
    width: 100;
    text-shadow: 5px 5px 4px Black;
    }
    
    .wrap{
    width:100;
    height:764px;
    }
    
    .foot {
    width: 100;
    height:200px;
    background-color:#CC9933;
    position: relative;
    text-align:center;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */    
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;
    width: 40%;    
    align-content:center;
    }     
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .foot .power p {
    height: 24px;    
    width: 100%;
    }
    .wrap .nav .navbar{
    text-align:center;
    text-size:10px;
    }
    .nav { float: left; clear: both; width: 15%; margin: auto; height:764px; background: #eee; }
    .nav ul { list-style: none; margin: 0px; padding: 0px; }
    .nav li { float: none; width: 100%; }
    .nav li a { display: block; width: 100%; padding: 20px; border-left: 5px solid; position: relative; z-index: 2; text-decoration: none; color: #444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .nav li a:hover { border-bottom: 0px; color: #fff; }
    .nav li:first-child a { border-left: 10px solid #3498db; }
    .nav li:nth-child(2) a { border-left: 10px solid #ffd071; }
    .nav li:nth-child(3) a { border-left: 10px solid #f0776c; }
    .nav li:nth-child(4) a { border-left: 10px solid #9370db; }
    .nav li:nth-child(5) a { border-left: 10px solid #9acd32; }
    .nav li:nth-child(6) a { border-left: 10px solid #888888; }
    .nav li:last-child a { border-left: 10px solid #1abc9c; }
    .nav li a:after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: -1; }
    .nav li a:hover:after { width: 100%; }
    .nav li:first-child a:after { background: #3498db; }
    .nav li:nth-child(2) a:after { background: #ffd071; }
    .nav li:nth-child(3) a:after { background: #f0776c; }
    .nav li:nth-child(4) a:after { background: #9370db; }
    .nav li:nth-child(5) a:after { background: #9acd32; }
    .nav li:nth-child(6) a:after { background: #888888; }
    .nav li:last-child a:after { background: #1abc9c; }

    .nav li:last-child a{ background: #1abc9c; }
    
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    #example{margin-top:-40px;}
    .bumpy-char {
    line-height: 3.4em;
    position: relative;
    }
    
    .wrap .show{
    position:relative;
    height:764px;
    width:85%;
    float:right;
    background-size:cover;
    overflow-y :auto;
    }
    
    .wrap .show .teacherinformation{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    }
    
    .userpwd tr{
    text-align:center;
    }
    .userpwd tr th
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
    }
    .userpwd tr td
    {
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .navlist
    {
        height:50px;
    }
    .navlist ul
    {
        list-style:none;
        width:300px;
        height:50px;
        margin:0px auto;
    }
    .navlist ul li
    {
        border:1px solid #eee;
        float:left;
        width:150px;
        height:50px;
        text-align:center;
        line-height:50px;
    }
    .navlist ul li a{
        text-decoration:none;
        cursor:pointer;
        font-size:20px;
        display:block;
        height:50px;
        width:150px;
    }
    .navlist ul li a:hover
    {
        background-color:#FFFFCC;
        color:black;
        border-bottom:2px solid #FFFF00;
    }
    
    .navlist ul li:first-child a{
        background-color:#FFFFCC;
        color:black;
        border-bottom:2px solid #FFFF00;
    }
    
    .wrap .show div .pagenavbox
    {
        position:relative;
    }
    
    .pagenav
    {
        list-style:none;
        width:700px;
        height:50px;
        float:left;
    }
    .pagenav li
    {
        float:left;
        height:50px;
        width:50px;
        margin-left:20px;
        border-radius:8px;
        background-color:#99FFCC;
        line-height:50px;
    }
    .pagenav li a
    {
        text-decoration:none;
        display:block;
        height:50px;
        cursor:pointer;
    }
    .pagenav li a:hover{
        background-color:#99FFFF;
        color:black;
        border-radius:8px;
    }
    .wrap .show div .pagenavbox .jumptip
    {
        float:left;
        text-align:center;
        font-size:16px;
        overflow:hidden;
        margin-left:20px;
        padding-top:10px;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto
    {
        width:50px;
        height:30px;
        border-radius:5px;
        text-align:center;
        border-style:none;
    }
    .wrap .show div .pagenavbox .jumptip .jumpto:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire
    {
        margin:10px auto;
        text-align:center;
    }
    
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    .wrap .show .inquire .inquirebtn
    {
        border-radius:5px;
        border-style:none;
        height:30px;
        width:66px;
    }
    .wrap .show .inquire .inquirebtn:hover
    {
        background-color:#CCFFFF;
    }
    
</style>

<script type="text/javascript">

    function GetQueryString(name) { 
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
          var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
          var context = ""; 
          if (r != null) 
             context = r[2]; 
          reg = null; 
          r = null; 
          return context == null || context == "" || context == "undefined" ? "" : context; 
    }

    function Onload()
    {
        
        <%
            request.setCharacterEncoding("GB18030");
            String sortmethod=request.getParameter("sortmethod");
            String sortstyle=request.getParameter("sortstyle");
            String inquiretype=request.getParameter("inquiretype");
            String inputcontent=request.getParameter("inputcontent");
            if(inputcontent==null)
            {
                inputcontent="";
            }
            else
                inputcontent=java.net.URLDecoder.decode(request.getParameter("inputcontent"), "utf-8");
            String orderby,where;
            
            if(inputcontent!=null&&inputcontent.length()!=0)
            {
                if(inquiretype.equals("0"))
                    where="where id=\'"+inputcontent+"\' ";
                else 
                    where="where name=\'"+inputcontent+"\' ";
            }
            else
            {
                where="";
                inputcontent="";
            }
            System.out.println(where);
            if(sortmethod.equals("0"))
            {
                orderby="order by id ";
            }
            else
            {
                orderby="order by name ";
            }
            if(sortstyle.equals("1"))
                orderby=orderby+"desc ";
            System.out.println(where+orderby);
            int pagenum=Integer.parseInt(request.getParameter("index"));
            int perpageCount=20;
            String table="std_information ";
            int totalpage= DBUtil.getTotalPage(pagenum, perpageCount, table, orderby, where);
            List<Password> pwdlist=new ArrayList<Password>();
            pwdlist=DBUtil.showpw_oiResult(pagenum, perpageCount, table, orderby, where);
        %>
        var a_list=document.getElementsByName("navnum");
        var index=<%=pagenum%>;
        var total=<%=totalpage%>;
        
        var sortmethod=<%=sortmethod%>;
        var sortstyle=<%=sortstyle%>;
        var inquiretype=<%=inquiretype%>;
        
        $("#sortmethod").val(sortmethod);
        $("#sortstyle").val(sortstyle);
        $("#inquiretype").val(inquiretype);
        
        var inputcontent=document.getElementById("inputcontent");
        inputcontent.value="<%=inputcontent%>"
        
        if(total<=6)
        {
            if(total==6)
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
            else
            {
                for(i=0;i<total;i++)
                {
                    a_list[i].innerHTML=i+1;
                }
                for(;i<6;i++)
                {
                    a_list[i].innerHTML="×";
                    a_list[i].style.cssText="background-color:#A0A0A0;color:black;border-radius:8px;font-size:20px";
                    a_list[i].setAttribute("href","#");
                }
            }
        }
        else
        {
            a_list[3].innerHTML="...";
            a_list[3].setAttribute("href","#");
            if(index<3)
            {
                a_list[index-1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else if(index<total-4)
            {
                a_list[0].innerHTML=index-1;
                a_list[1].innerHTML=index;
                a_list[1].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;";
                a_list[2].innerHTML=index+1;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
            }
            else
            {
                a_list[0].innerHTML=total-5;
                a_list[1].innerHTML=total-4;
                a_list[2].innerHTML=total-3;
                a_list[3].innerHTML=total-2;
                a_list[4].innerHTML=total-1;
                a_list[5].innerHTML=total;
                a_list[5-(total-index)].style.cssText=
                    "background-color:#99FFFF;color:black;border-radius:8px;"
            }
        }
    }
    
    function jumpclick(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=event.innerHTML;
        if(index!="..."&&index!="×")
        {
            if(inputcontent.length==0)
            {
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else
        {
            event.setAttribute("href","javascript:return false;");
        }
        
    }
    
    function jumpUporDown(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var index=parseInt(GetQueryString("index"));
        if(index==1&&event.id=="last")
        {
            alert("当前是第一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(index==<%=totalpage%>&&event.id=="next")
        {
            alert("当前页是最后一页！");
            event.setAttribute("href","javascript:return false;");
        }
        else if(event.id=="last")
        {
            index=index-1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
        else if(event.id=="next")
        {
            index=index+1;
            if(inputcontent.length==0)
            {
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype);
            }
            else
                event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                        sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
        }
    }
    
    function jumpto()
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        var a_list=document.getElementsByName("navnum");
        var obj=document.getElementById("jumpindex");
        var indexstr=obj.value;
        var max=<%=totalpage%>;
        if(indexstr!="")
        {
            index=parseInt(indexstr);
            if(index<=0||index>max)
            {
                alert("您输入的页数不存在！");
                obj.value="";
            }
            else
            {
                if(inputcontent.length==0)
                {
                    window.location.href="http://localhost:8080/学生管理系统/pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                            sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype;
                }
                else
                    window.location.href="http://localhost:8080/学生管理系统/pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+
                    sortmethod+"&sortstyle="+sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)); 
            }
        }
        else
        {
            alert("输入页数不能为空！");
        }
        
    }
    
    function tohead(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=1;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function totrailer(event)
    {
        var sortmethod=document.getElementById("sortmethod").value;
        var sortstyle=document.getElementById("sortstyle").value;
        var inquiretype=document.getElementById("inquiretype").value;
        var inputcontent=document.getElementById("inputcontent").value;
        
        index=<%=totalpage%>;
        if(inputcontent.length==0)
        {
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype);
        }
        else
            event.setAttribute("href","pwdmag_orderorinquire.jsp?index="+index+"&sortmethod="+sortmethod+"&sortstyle="+
                    sortstyle+"&inquiretype="+inquiretype+"&inputcontent="+encodeURI(encodeURI(inputcontent)));
    }
    function updatePassword(event,i)
    {
        var id=document.getElementById(i).innerText;
        var username=document.getElementById("un"+i).innerText;
        alert(username);
        alert(id);
        event.setAttribute('href','updatepwd.jsp?id='+id+"&username="+encodeURI(encodeURI(username)));
    }
    
    function SubOnclick()
    {
        var form=document.getElementById("form");
        form.setAttribute("action","pwdmag_orderorinquire.jsp?index=1")
    }
    
</script>

</head>
<body onload="Onload()">
    <div class="head clearfix" id="head">
      <div class="title">
          <p id="example">小赵的学生信息管理系统</p>
      </div>
    </div>
    <div class="wrap" id="wrap">
        <nav class="nav" id="nav">
            <ul class="navbar">
                <li><a href="mainpage.jsp">首页</a></li>
                <li><a href="usermag.jsp?index=1">普通管理</a></li>
                <li><a href="statusmag.jsp?index=1">学籍管理</a></li>
                <li><a href="selectclassmag.jsp?index=1">选课管理</a></li>
                <li><a href="scoremag.jsp?index=1">成绩管理</a></li>
                <li><a href="lessonmag.jsp?index=1">课程管理</a></li>
                <li><a href="pwdmag.jsp?index=1">密码管理</a></li>
            </ul>
        </nav>
        <div id="show" class="show">
            <div id="navlist" class="navlist">
                <ul>
                    <li><a href="pwdmag.jsp?index=1">学生密码</a></li>
                    <li><a>我的密码</a></li>
                </ul>
            </div>
            <div id="inquire" class="inquire">
                <form action="" method="post" id="form">
                选择排序方法：
                <select name="sortmethod" id="sortmethod">
                    <option label="按学号排序" selected="selected" value="0"></option> 
                    <option label="按姓名排序" value="1"></option> 
                </select>
                排序类型：
                <select name="sortstyle" id="sortstyle">
                    <option label="升序" selected="selected" value="0"></option>
                    <option label="降序" value="1"></option>
                </select>
                查询类型：
                <select name="inquiretype" id="inquiretype">
                    <option label="按学号查询" selected="selected" value="0"></option>
                    <option label="按姓名查询" value="1"></option>
                </select>
                请输入查询内容：
                <input type="text" class="inputcontent" name="inputcontent" id="inputcontent">
                <input type="submit" id="inquirebtn" class="inquirebtn" value="执行" onclick="SubOnclick()">
                </form>
            </div>
            <div>
                <table id="userpwd" class="userpwd table table-hover table-striped table-bordered table-sm">
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>密码</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach var="user" items="<%=pwdlist %>" varStatus="i">
                        <tr>
                            <td id="${i.index+1}">${user.getId()}</td>
                            <td id="un${i.index+1}">${user.getUsername()}</td>
                            <td>${user.getPassword()}</td>
                            <td><a href="#" onclick="updatePassword(this,${i.count})" id="updatepassword">修改</a></td>
                        </tr>
                    </c:forEach>
                </table>
                <div style="text-align:center" class="pagenavbox">
                    <ul id="pagenav" class="pagenav">
                        <li><a href="" onclick="tohead(this)">首页</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="last">上一页</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">1</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">2</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">3</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">4</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">5</a></li>
                        <li><a href="" onclick="jumpclick(this)" name="navnum">6</a></li>
                        <li><a href="" onclick="jumpUporDown(this)" id="next">下一页</a></li>
                        <li><a href="" onclick="totrailer(this)">尾页</a></li>
                    </ul>
                    <div class="jumptip">
                        当前是第<%=pagenum %>页;
                        共有<%=totalpage %>页，跳转到
                        <input type="text" size="4" id="jumpindex" name="jumpindex">页
                        <input type="button" value="跳转" onclick="jumpto()" class="jumpto">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot" id="foot">
        <div class="power">
            Copyright © 2019 All Rights Reserved. 
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>
            </div>
            <div class="information">
            <span>联系地址：石家庄铁道大学</span>    
            </div>
            <div class="information">
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
    
</body>
</html>

效果：

这里以姓名为褚势的学生信息为例，点击修改密码为123

 

 

发现密码已被修改

密码修改页面代码：

<%@page import="java.util.ArrayList"%>
<%@page import="com.stumag.javabean.Password"%>
<%@page import="java.util.List"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="com.stumag.util.DBUtil"%>
<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>密码修改</title>
<style>
    *{
    margin=0;
    padding=0;
    }
    .head{
    width:100;
    height:100px;
    text-align:center;
    background-color:#66CCCC;
    position:relative;
    text-shadow: 5px 5px 4px Black;
    }
    .wrap{
    width:100;
    height:768px;
    background-image:url(images/earth.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    }
    .foot {
    width: 100;
    height:200px;
    background-color:black;
    position: relative;
    }
    .title {    
    font-family: "宋体";    
    color: #FFFFFF;    
    position: absolute;    
    transform: translate(-50%, -50%);
    font-size: 36px;    
    height: 40px;    
    width: 30%;
    top: 50%;    
    left: 50%;    
    } 
    .power {    
    font-family: "宋体";
    color: #FFFFFF;    
    position: absolute;    
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);  
    height: 60px;    
    width: 40%;    
    text-align:center;
    }     
    .foot .power p {    
    height: 24px;    
    width: 100%;
    }
    .foot .power .information {    
    width: 100%;    
    height: 24px;    
    position: relative;
    }
    .container{
    width: 400px;
    height: 100;
    padding: 13px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -200px;    
    margin-top: -200px;     
    background-color: rgba(240, 255, 255, 0.5);     
    border-radius: 10px;
    text-align: center;
    }
    .input_hint{
    width:30%;
    height:20px;
    position:relative;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:auto;
    font-size:20sp;
    }
    .wrap .container .signintext{    
    width: 86%;    
    border-bottom: 1px solid #ee7700;
    margin-bottom: 60px;
    margin-top: 0px;    
    margin-right: auto;    
    margin-left: auto;
    }
    .wrap .container .signintext .signinp{
    display: inline-block;
    font-size: 28px;
    width:86%;
    margin-top: 30px;
    }
    .wrap .container .user{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    }
    div div table td{
    padding:10px;
    text-align:left;
    }
    .wrap .container .user .signinput{
    width:70%;
    height:35px;
    }
    .wrap .container .user .signinput .i_input{
    width:100%;
    height:100%;
    border-radius:5px;
    border:none;
    background-color:rgba(232,232,232,0.5) ;
    }
    .wrap .container .signbtn{
    width:100%;
    height: 45px;
    background-color: #ee7700;
    border: none;
    color: white;
    margin-top:20px;
    margin-bottom:10px;
    font-size: 18px;
    border-radius:8px;
    }
</style>

</head>
<body>
    <%
        String userid=request.getParameter("id");
        //String username=request.getParameter("username");
        String username = java.net.URLDecoder.decode(request.getParameter("username"), "utf-8");
        Password pwd=new Password();
        pwd.setId(userid);
        pwd.setUsername(username);
    %>
    <script>
        function Onclick()
        {
            var newpwd=document.getElementById("newpwd").value;
            var againpwd=document.getElementById("againpwd").value;
            if(newpwd==againpwd)
            {
                var form=document.getElementById("update");
                form.setAttribute("action","updatepwd_do?id="+<%=pwd.getId() %>+"&newpwd="+newpwd);
            }
            else
            {
                alert("两次密码输入不一致！");
            }
        }
    </script>
    <div id="header" class="head">
        <div class="title">小赵的学生信息管理系统</div>
    </div>
    <div class="wrap" id="wrap">
        <div id="container" class="container">
            <div class="signintext">
                <p class="signinp">修改密码</p>
            </div>
            <form action="" method="post" id="update">
                <table class="user">
                    <tr>
                    <td class="input_hint"><label>学号：</label></td>
                    <td class="signinput"><%=pwd.getId() %></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>姓名：</label></td>
                    <td class="signinput"><%=pwd.getUsername() %></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>修改密码：</label></td>
                    <td class="signinput"><input class="i_input" name="newpassword" id="newpwd" type="password" maxlength="20" size="20" placeholder="请输入修改后密码"></td>
                    </tr>
                    
                    <tr>
                    <td class="input_hint"><label>确认密码：</label></td>
                    <td class="signinput"><input class="i_input" name="againpwd" id="againpwd" type="password" placeholder="再次输入密码"></td>
                    </tr>
                    
                    <tr><td colspan="2"><input id="signbtn" class="signbtn" type="submit" value="确认修改" onclick="Onclick()"></td></tr>
                
                </table>
            </form>
        </div>
    </div>
    <div class="foot" id="foot">  
        <div class="power">    
            Copyright © 2019 All Rights Reserved.   
            <div class="information">
            <span>联系邮箱：1927006283@qq.com</span>    
            </div>        
            <div class="information">        
            <span>联系地址：石家庄铁道大学</span>    
            </div>          
            <div class="information">      
            <span>联系电话：15716888392</span>    
            </div>    
        </div>    
    </div>
</body>
</html>

处理密码修改的servlet代码：

package com.stumag.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;

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 com.stumag.util.DBUtil;

/**
 * Servlet implementation class updatepwd_do
 */
@WebServlet("/updatepwd_do")
public class updatepwd_do extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        String newpwd=request.getParameter("newpwd");
        String userid=request.getParameter("id");
        System.out.println(newpwd);
        System.out.println(userid);
        Connection con=null;
        PreparedStatement pstmt=null;
        try {
            con=DBUtil.getConnection();
            String sql_query="update std_information set password = ? where id = ?";
            pstmt=con.prepareStatement(sql_query);
            pstmt.setString(1, newpwd);
            pstmt.setString(2, userid);
            pstmt.executeUpdate();
            request.getRequestDispatcher("pwdupdate_resultshow.jsp?result=1").forward(request, response);
        }
        catch (Exception e) {
            System.out.println("数据库信息更新失败");
            request.getRequestDispatcher("pwdupdate_resultshow.jsp?result=0").forward(request, response);
        }
        
    }

}

操作结果展示jsp代码：

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
<style>
*{
margin:0px;
padding:0px;
text-align:center;
}
</style>
<script>
    function Onload()
    {
        var show=document.getElementById("show");
        if(<%=request.getParameter("result")%>==0)
        {
            show.innerText="操作失败，即将返回主页……";
        }
        else
        {
            show.innerText="用户密码修改成功，即将返回主页……";
        }
    }
</script>
</head>
<body onload="Onload()">
<%   response.setHeader("Refresh", "2;url=pwdmag.jsp?index=1"); %>
    <h2 id="show"></h2>
</body>
</html>

 以上就是学生信息管理系统的所有内容展示了，下周将会把重心移到cnn图像识别并用代码实现。

加油！

 

 

 

 

 

 

 

 

 

 

 

 

 

---恢复内容结束---