界面的设计总结



 界面设计总结

 

 在Intellij IDEA 环境中写的。

图形界面程序设计过程：

登录界面选用了菜单来实现；

首先，登陆界面。

只有简单的一张图片和欢迎的标题。

 

有一个菜单选项，可以选择是管理员登录还是消费者登录。

此处采用了菜单，可以使界面简洁明了。菜单由菜单条JMenuBar,菜单条中可以包含多个菜单JMenu,一个菜单可以包含多个菜单项(JMenuItem及其子类），以下，是定义方法：

 

 

 

 

 

 

之后，需要对菜单项进行监听，在这里，我用的是匿名类监听；当进入管理员或者消费者登录界面时，需要输入用户名和密码，分别为明文和暗文，此时，需要判断对错，并且有提示框；则需要监听用户名和密码是否输入正确，此处用的是外部类作为监听器；

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

在管理员的作用中，可以添加和修改商品。

 

将所有组件安置好后，考虑到商品类品的选择， 采用下拉列表，这样操作起来更加方便；

我用了数据库去保存商品，进行添加和修改。首先，创建表，将自己所需要的商品存入。

创表的语句：

 

 

 

 

需要对“添加”按钮进行监听，使它连接数据库，将商品存入数据库中。

 

 

 

 

 

 

再将商品添加到数据库中，用的insertSql语句

 

 

 

 

 

 

捕捉异常：

 

 

 

 

 

 

 

 

 

商城采用的页签面板，它的好处是，窗口组件过多时，可以把这些组件分放到不同的页面中，

Java提供JTabbedPane来实现。JTabbledPane包含多个选项卡，每个页面和一个选项卡相对应，每个选项卡又是一个容器。

最终成果如下：

 

 

 

private JTabbedPane tabbedPane=new JTabbedPane();//定义页签面板

在这里提一下图片的插入

 

 

 

 

定义图片时，需要将图片的存储路径完整的写入，再将Icon放到标签中。

提示框：

JOptionPane.showMessageDialog(null, "密码或用户名错误", "错误", JOptionPane.ERROR_MESSAGE);

 

对话框JOptionPane提供了多种对话框样式。此处用的是showMessageDialog:提示信息对话框；

例如：

 

 

在界面中，对话框也是极为重要的。

 

组件的使用方法：

1、JFrame窗体

每一个JFrame都有一个与之关联的内容面板（contentPane）,只能针对这个contenPane添加相应组件。

Class Test extends JFrame{

Container cp=this.getContentPane();

}

 

2、JPanel 面板

利用JPnael可以实现更复杂的布局。例如，BorderLayout布局管理策略，只允许添加5个组件，但可以在5个区域中各添加一个面板，并且每个面板中还可以添加多个组件。

JPneal panel=new JPnael();

 

3、JTabblePanel 页签面板

当窗口的组件元素过多时，可以分组放在不同页面中，Java提供了JTabblePane来实现。

JTabblePane包含多个选项卡，每个页面与一个选项卡相对应，每个选项卡又是一个容器（一般用JPanel类来封装），选项卡可以显示图标和文本。

选择特定的标签后，会触发ChangeEvent事件，该事件由ChangeListener监听器响应。

 

4、JTextField 文本框

JTextField tf=new JTextField();

 

5、JTextArea文本区

JTextArea ta=new JTextArea(int rows,int columns);

 

6、JPasswordField密码框

Public char[] getPassword()//获得面目的字符数组显示，用来替代getText();

Public void setEchoChar(char)//设置此JPassword的回显字符

7、JLable 标签

JLable lab=new JLable();//创建无图像并且其标题为空字符串的JLable类对象

JLable lab=new JLable(Icon Image)//创建具有指定图像的JLabled的JLable类对象

 

8、JComboBox 下拉列表

JComboBox cmb=new JComboBox();//创建一个空的JComboBox对象，可使用adItem方法添加选项

int getSelectedItem();//获取当前选择的项

 

9、菜单

 //定义菜单

 JMenuBar menuBar=new JMenuBar();
 JMenu fileMenu=new JMenu(" ");
 JMenuItem itemFile=new JMenuItem(" ");
 

//添加JMenuItem 到JMenu中

fileMenu.add(itemFile);

 

//添加Jmenu到JMenuBar中

menuBar.add（fileMenu）;

 

10、对话框

JOption 提供了多种对话框形式。

实际使用时，不是通过new方式创建，而是使用JOptionPane类提供的一些静态方法来产生。

四种静态方法：

①　showMessageDialog:提示信息对话框

②　showConfirmDialog：确认对话框

③　showOptionDialog：选择对话框

④　showInputDialog：输入对话框

 

我用的是提示信息对话框：

showMessageDialog(Component parentComponent,Object message)

showMessageDialog(Component parentComponent,Object message,String title,int messageType)

 showMessageDialog(Component parentComponent,Object message,String title,int messageType,Icon icon)

例如：

JOptionPane.showMessageDialog(null,   "添加成功", "成功", JOptionPane.INFORMATION_MESSAGE);

 

messageType 类型：

ERROR_MESSAGE、INFORMATION_MESSAGE、WARNING_MESSAGE、QUESTION_MESSAGE、PLAIN_MESSAGE.

 

面向对象的优点：

由于继承，封装，多态的特性，高内聚，低耦合的系统结构，使得界面的编写，更加容易拓展，而且效率高；根据设计的需要对现实世界的事件进行抽象，产生类。使用这样的方法解决问题，接近与日常生活和自然的思考方式，提高了效率和质量。