《项目3 学生管理系统的界面设计》由会员分享，可在线阅读，更多相关《项目3 学生管理系统的界面设计（86页珍藏版）》请在金锄头文库上搜索。
1、项目3 学生管理系统的界面设计,任务1 创建学生管理系统的主窗体 任务2 创建学生管理系统的主菜单 任务3 创建主窗体的工具栏 任务4 设计学生信息编辑窗体 任务5 登录窗体的实现 任务6 窗体间的跳转 任务7 帮助菜单的实现,任务1 创建学生管理系统的主窗体,3.1.1 知识准备 3.1.2 工作过程,3.1.1 知识准备,1GUI设计 GUI是Graphical User Interface的缩写，即图形用户界面。顾名思义，就是应用程序提供给用户操作的图形界面，包括窗口、菜单、按钮、工具栏、文本框等各种屏幕元素。通过友好的图形用户界面，用户可以方便地操作一个软件或系统。因此，GUI是程序设
2、计中非常重要的内容。 在Java中，有两个包为GUI提供丰富的功能，分别是AWT包与Swing包。AWT是Java的早期版本，包含了基本的GUI组件，Swing是Sun公司对AWT的改进版本，但是Swing会用到AWT中的很多知识，因此，GUI设计通常会联合应用AWT包和Swing包。,2. JFrame组件（框架窗口） JFrame是一个最常用的窗体组件，又称为框架。在Swing应用程序中，通常的主窗体都是一个JFrame窗口。 （1）JFrame类的构造方法 构造方法是在创建某个类的对象时调用的方法，JFrame类有两个构造方法： JFrame（）：无参构造方法，创建一个无标题的JFram
3、e窗体。 JFrame（String title）：带参构造方法，创建一个标题为title的JFrame窗体。 （2）创建JFrame窗口 创建JFrame窗口的方式之一是，把界面类声明为JFrame的子类，如下面的类声明所示： public class MyFrame extends JFrame,/ public代表公有，class代表声明的是类，MyFrame是类名，在类名MyFrame后面的有一个关键字extends和一个JFrame，extends表示继承，而JFrame是Swing中定义好的一个基本的窗体类。这表示我们创建的窗体都继承自JFrame类，具有JFrame类中定义的属性
4、和方法。 （3）JFrame类的常用属性 size：JFrame窗体的大小 location：JFrame窗体的位置 defaultCloaseOperation：JFrame窗体的默认退出方式 title：JFrame窗体标题栏上显示的文字 visible: JFrame窗体的可见性 （4）JFrame类的常用方法,setSize(int width，int height)：设置JFrame框架的宽度和高度。 setLocation(int x，int y)：设置JFrame框架在屏幕上的位置，其中x和y是框架左上角的坐标值。 setDefaultCloseOperation(int ope
5、ration)：设置关闭JFrame框架时要采取的动作。 setTitle(String title)：设置JFrame框架的标题。 setVisible(Boolean visible)：设置JFrame框架可见性，如果visible参数为true，则是可见的，如果visible参数为false，则是不可见的。 getContentPane()：获得内容面板。组件不能直接加到JFrame上，而应添加到JFrame窗口的JContentPane内容面板上。,3.1.2 工作过程,利用已安装的VE插件，我们可以方便地在MyEclipse环境中用可视化方式编写GUI应用程序，工作流程如下： （1）
6、启动MyEclipse集成开发环境。 （2）单击菜单【file】【new】【project】选项，在新建项目类型列表中选择“Java Project”，单击“Next”，然后在Project name项目名称栏中输入Java项目名称，如图3.1所示。因为是学生管理系统，所以我们命名为StudentManager。 （3）单击“finish”按钮。此时，左侧的package explorer窗口中会显示新建立的Java项目StudentManager，如图3.2所示。 （4）选中该项目，然后在工具栏上的“新建Java类” 图标 上，点击右边的小箭头，在展开的菜单中选择“Visual Class”
7、，如图3.3所示。,图3.1 输入Java项目名称和位置,图3.2 包视图中显示Java项目,图3.3 创建可视化Java类的菜单,（5）在弹出的对话框中，输入类的名称和所在的包，以及想要继承的可视类。在Package框中输入包名“view”。所谓包其实就是文件夹，作用是分门别类地存放文件，以便于编程和管理。在Name框中输入类名“MainFrame”。在该对话框中，我们还可以选择继承来自swing或AWT的任何界面组件。在style列表中，我们选择Swing选项下的Frame，此时Superclass框中的值为javax.swing.JFrame。在“Which method stubs w
8、ould you like to create”中选择要自动创建的方法，我们选择“pubic static void main(String args)”，这样会生成main方法，作为程序运行的入口。对话框如图3.4所示。 （6）单击“Finish”按钮，就会出现设计视图中的JFrame界面，工作台界面如图3.5所示。 在工作区界面右侧有一个工具箱palette，其中包含了很多组件，在设计程序界面时，我们可以先在工具箱中单击某一组件，然后在中间编辑器的窗体中按住左键拖放。这时会弹出为该组件命名的对话框，输入组件名，单击“OK”按钮，即可在界面上生成该组件。在工作区界面下方有一个属性窗口prop
9、erties，用于设置组件的属性。,图3.4 新建Java类对话框,图3.5 MyEclipse图形开发界面,编辑器有两个编辑视图，设计视图和代码视图。设计视图是进行窗体界面设计、拖放控件、设置属性时使用的。当我们单击放置组件以及通过属性窗口设置组件属性时，MyEclipse会自动生成对应的代码。而代码视图是我们自己编写代码时用的。 （7）在properties视图中，设置MainFrame窗体的title属性为学生信息管理系统。 （8）切换到代码视图，在方法initialize()中，添加一条语句： this.setDefaultCloseOperation(EXIT_ON_CLOSE);
10、/关闭框架且退出程序 （9）选择菜单【run】【run as】【1 Java Application】，运行该程序，这时会出现一个窗体，就是程序的运行结果，如图3.6所示。,图3.6 程序运行结果,任务2 创建学生管理系统的主菜单,3.2.1 知识准备 3.2.2 工作过程,3.2.1 知识准备,1菜单组件 一般的系统都会有菜单，以方便用户选择功能。菜单系统由三个元素构成：菜单栏、菜单和菜单项。创建菜单的思路是在窗口顶部添加菜单栏，在菜单栏中添加菜单，在菜单中添加菜单项。 （1）菜单栏JMenuBar JMenuBar的构造方法只有一个，即JMenuBar()，它用于建立一个新的菜单栏。 JM
11、enuBar的一个常用方法是add(JMenu menu)，功能是把指定菜单加入到菜单栏尾部。 通过JFrame的setJMenuBar（JMenuBar mb）方法可以把指定菜单栏加入到JFrame窗体的顶部。,（2）菜单JMenu JMenu(String text)：构造方法，生成显示文本text的菜单。 add(JMenuItem menuItem)：把指定菜单项加入到菜单尾部。 setText(String text)：设置菜单上显示的文本。 addSeparator()：在菜单尾部添加一个分隔线。 （3）菜单项JMenuItem JMenuItem(String text)：构造方
12、法，生成显示文本为text的菜单项。 setText(String text)：设置菜单项上显示的文本 setEnabled(Boolean b)： 设置菜单项是否可用，如果b为true，则菜单项可用，否则不可用。 2.事件处理 为了实现GUI程序与用户操作的交互功能，Java提供了一种事件处理机制，提供了很多种类型的事件，我们只需要对感兴趣的事件，编写相应的事件处理程序即可。,用户在按钮上单击是GUI程序设计中最为常用的action事件。Swing中菜单项其实就是按钮，单击菜单项相当于单击按钮，因此，当鼠标单击菜单项，或鼠标移动至菜单项后按回车键，应用程序应该处理菜单项的action事件。
13、Action事件处理必须由实现了ActionListener监听器接口的类的对象处理，由产生事件的组件调用addActionListener()方法注册监听器。ActionListener接口有一个抽象方法：actionPerformed()，需要编程实现，方法中编写的就是具体的事件处理代码。 Action事件处理的代码模式为： 组件.addActionListener(new 监听器类 implements ActionListener public void actionPerformed(ActionEvent e) /实现对事件的具体处理过程 );,3.2.2 工作过程,1.在MyEc
14、lipse中打开前面创建的项目StudentManager，并打开MainFrame类。 2.在属性视图中，设置MainFrame窗体的size属性值为1024，760。 3.选择MainFrame窗体的内容面板，即窗体中间的空白部分，设置layout属性值为null。也可以在Java Beans面板中单击选中内容面板，如图3.7所示。 4.在工具箱的SwingMenus下，单击JMenuBar菜单栏组件，再在MainFrame窗体上拖出一个菜单栏，此时弹出一个Name对话框，如图3.8所示。在弹出的对话框中输入JMenuBar的name值为 mbMain ，则该菜单栏就放置在了窗体的顶端。,
15、图3.7 Java Beans面板,图3.8 输入菜单栏的名称,5.为了让菜单栏显示出来，需要设置菜单栏的高度，在preferredSize属性中将高度值设为25，则菜单栏显示如图3.9所示。 6.单击工具箱中的JMenu菜单组件，再在mbMain菜单容器组件上单击，然后输入JMenu的名称值为menuSys。单击该JMenu组件，组件上面会出现一个文本框。在文本框中输入文本“系统管理”，这样就添加了一个“系统管理”菜单。添加文本之后的菜单效果如图3.10所示。 7.单击工具箱的JMenuItem菜单项组件，再在“系统管理”菜单组件上单击，在弹出的对话框中输入JMenuItem的name值ed
16、itPwd，并设置该菜单项文本为 “修改密码”，这样就添加了一个菜单项，运行效果如图3.11所示。,图3.9 添加菜单栏后的窗口,图3.10 生成”系统管理”菜单,图3.11添加菜单项,图3.12添加2级子菜单,8.接下来给“系统管理”下添加“增加用户”，并给“增加用户”菜单添加2级子菜单。添加2级子菜单的方法与前面的略有不同，解决思路是把包含菜单项的子菜单放到所属菜单的菜单项上。方法是单击工具箱中的JMenu菜单组件，在“系统管理”菜单上单击，添加“增加用户”子菜单，在该子菜单上添加三个菜单项JMenuItem组件，文本分别为“增加管理员”、“增加教师用户”、“增加学生用户”，效果如图3.12所示。 9.切换到代码视图，找到添加“修改密码”的代码，在其后添加语句menuSys.addSeparator();，在下拉菜单中添加了一条分隔线，运行效果如图3.13所示。 10.根据上述操作步骤，添加其余的菜单以及菜单项。完成之后的菜单如图3.14所示。,
