【小学期】静态页面设计——以学生管理系统为例

使用Swing设计学生管理系统的静态页面

我们将学习如何使用Java Swing来设计一个学生管理系统的静态页面。我们将创建一个主窗口，其中包含一些基本的组件，如标签、文本框、按钮和表格。

项目结构

首先，假设我们的项目目录结构如下：

student_management
│
├── src
│   ├── model
│   │   ├── Student.java
│   │   └── StudentDAO.java
│   │
│   ├── view
│   │   └── StudentView.java
│   │
│   ├── controller
│   │   └── StudentController.java
│   │
│   └── util
│       ├── DBUtil.java
│       ├── EncodingUtil.java
│       └── OtherUtil.java
│
└── resources└── database.properties

我们将主要关注view目录下的StudentView.java文件。

1. 创建StudentView类

创建StudentView.java文件，并编写以下代码：

package view;import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;/*** 学生管理系统的主视图*/
public class StudentView extends JFrame {private JTextField idField;private JTextField nameField;private JTextField ageField;private JTextField gradeField;private JButton addButton;private JButton updateButton;private JButton deleteButton;private JButton viewButton;private JTable studentTable;public StudentView() {// 设置窗口标题setTitle("学生管理系统");// 设置窗口大小setSize(800, 600);// 设置窗口关闭操作setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);// 设置窗口居中setLocationRelativeTo(null);// 初始化组件initComponents();// 设置窗口可见setVisible(true);}/*** 初始化组件*/private void initComponents() {// 创建面板JPanel panel = new JPanel();panel.setLayout(new BorderLayout());// 创建顶部面板（表单区域）JPanel topPanel = new JPanel();topPanel.setLayout(new GridLayout(5, 2, 10, 10));// 添加表单组件topPanel.add(new JLabel("学号:"));idField = new JTextField();topPanel.add(idField);topPanel.add(new JLabel("姓名:"));nameField = new JTextField();topPanel.add(nameField);topPanel.add(new JLabel("年龄:"));ageField = new JTextField();topPanel.add(ageField);topPanel.add(new JLabel("年级:"));gradeField = new JTextField();topPanel.add(gradeField);// 创建按钮面板JPanel buttonPanel = new JPanel();buttonPanel.setLayout(new GridLayout(1, 4, 10, 10));// 添加按钮addButton = new JButton("添加");updateButton = new JButton("更新");deleteButton = new JButton("删除");viewButton = new JButton("查看");buttonPanel.add(addButton);buttonPanel.add(updateButton);buttonPanel.add(deleteButton);buttonPanel.add(viewButton);// 将按钮面板添加到顶部面板topPanel.add(buttonPanel);// 创建表格面板JPanel tablePanel = new JPanel();studentTable = new JTable();JScrollPane scrollPane = new JScrollPane(studentTable);tablePanel.setLayout(new BorderLayout());tablePanel.add(scrollPane, BorderLayout.CENTER);// 将顶部面板和表格面板添加到主面板panel.add(topPanel, BorderLayout.NORTH);panel.add(tablePanel, BorderLayout.CENTER);// 将主面板添加到窗口add(panel);}public static void main(String[] args) {// 显示主窗口SwingUtilities.invokeLater(new Runnable() {@Overridepublic void run() {new StudentView();}});}
}

代码详解：

构造方法StudentView：设置窗口标题、大小、关闭操作、居中显示，并初始化组件。
initComponents方法：初始化所有Swing组件，包括面板、标签、文本框、按钮和表格。
main方法：使用SwingUtilities.invokeLater确保在事件调度线程上创建和显示GUI。

2. 添加事件监听器

接下来，我们为按钮添加简单的事件监听器。在实际应用中，这些监听器会调用控制器来处理逻辑。

private void initComponents() {// 创建面板JPanel panel = new JPanel();panel.setLayout(new BorderLayout());// 创建顶部面板（表单区域）JPanel topPanel = new JPanel();topPanel.setLayout(new GridLayout(5, 2, 10, 10));// 添加表单组件topPanel.add(new JLabel("学号:"));idField = new JTextField();topPanel.add(idField);topPanel.add(new JLabel("姓名:"));nameField = new JTextField();topPanel.add(nameField);topPanel.add(new JLabel("年龄:"));ageField = new JTextField();topPanel.add(ageField);topPanel.add(new JLabel("年级:"));gradeField = new JTextField();topPanel.add(gradeField);// 创建按钮面板JPanel buttonPanel = new JPanel();buttonPanel.setLayout(new GridLayout(1, 4, 10, 10));// 添加按钮addButton = new JButton("添加");updateButton = new JButton("更新");deleteButton = new JButton("删除");viewButton = new JButton("查看");buttonPanel.add(addButton);buttonPanel.add(updateButton);buttonPanel.add(deleteButton);buttonPanel.add(viewButton);// 添加事件监听器addButton.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent e) {// 添加学生信息的逻辑JOptionPane.showMessageDialog(StudentView.this, "添加学生信息");}});updateButton.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent e) {// 更新学生信息的逻辑JOptionPane.showMessageDialog(StudentView.this, "更新学生信息");}});deleteButton.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent e) {// 删除学生信息的逻辑JOptionPane.showMessageDialog(StudentView.this, "删除学生信息");}});viewButton.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent e) {// 查看学生信息的逻辑JOptionPane.showMessageDialog(StudentView.this, "查看学生信息");}});// 将按钮面板添加到顶部面板topPanel.add(buttonPanel);// 创建表格面板JPanel tablePanel = new JPanel();studentTable = new JTable();JScrollPane scrollPane = new JScrollPane(studentTable);tablePanel.setLayout(new BorderLayout());tablePanel.add(scrollPane, BorderLayout.CENTER);// 将顶部面板和表格面板添加到主面板panel.add(topPanel, BorderLayout.NORTH);panel.add(tablePanel, BorderLayout.CENTER);// 将主面板添加到窗口add(panel);
}