山东大学项目实训记录 2021.7.12

在人员管理界面新加了一个下拉框，以便于表格可以按部门来查询人员，首先对排版进行各种修改，新加了一个下拉框后网页原有的排版会被打乱，因此需要自行在下拉框所在的标签添加相应的样式来调整，同时考虑到下拉框里边的部门不应该是静态的，而是应该从部门表里查出来。因此采用了最经典的ajax来编写。

        这是前端下拉框所对应标签，最主要的是id

然后再js中写最经典的ajax的getJSON ，注意调用函数要写在

$(function () {})

中，因为需要网页一加载就要查询部门表

 由于layui中对下拉框进行了重写，因此如果之在each里边写添加<option>会导致下拉框不显示，因此要加一个

content2 += '<dd lay-value="'+element+'">'+element+'</dd>'

$("#"+id).next().children().eq(1).html(content2);

且必须写在

layui.use(['form'],function(){});

里，最后还要调用

form.render();

后台通过返回一个json来保存查出来的部门

再就是经典的数据库连接+sql语句

jdbcDriver是用来连接数据库以及各种变量的关必

package com.jxdinfo.hussar.salary.controller;

import java.sql.*;

public class JdbcDriver {
    private static String url="jdbc:mysql://localhost:3306/salary?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone = Asia/Shanghai";
    private static String username="root";
    private static String password="123456";
    private static Connection connection=null;
    private static PreparedStatement pstmt=null;
    private static ResultSet rs=null;

    public static void jdbcConnect(){
        try {
            Class.forName("com.mysql.cj.jdbc.Driver");
            connection = DriverManager.getConnection(url, username, password);
            }catch (ClassNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            }catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
    public static PreparedStatement getPstmt(String sql){
        try {
            return connection.prepareStatement(sql);
        }catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return null;
        }
    }
    public static ResultSet getRs(PreparedStatement pstmt){
        try {
            return pstmt.executeQuery();
        }catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return null;
        }
    }
    public static void jdbcClose(PreparedStatement pstmt,ResultSet rs){
        try {
            if(connection!=null)
                connection.close();
            if(pstmt!=null)
                pstmt.close();
            if(rs!=null)
                rs.close();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}