一使用JFrame编写UI以及对按钮的监听

一:使用JFrame编写UI以及对按钮的监听

创建界面

1.创建窗体界面并进行布局

this.setTitle("登录");
this.setSize(500,600);
this.setDefaultCloseOperation(EXIT_ON_CLOSE);
//设置布局（自动布局）
FlowLayout flow=new FlowLayout();
this.setLayout(flow);

2.创建组件对象

//创建组件对象
JButton btn =new JButton("登录");
JButton btn1=new JButton("注册");
JButton btn2=new JButton("忘记密码");

JTextField nameIn = new JTextField();
JPasswordField pwdIn =new JPasswordField();

JLabel nameJla=new JLabel("账号：");
JLabel pwdJla=new JLabel("密码：");

2.1设置组件的属性

//设置组件的属性
//尺寸
Dimension dim =new Dimension(410,35);
nameIn.setPreferredSize(dim);
pwdIn.setPreferredSize(dim);

3.窗体添加组件对象

//窗体添加组件对象
this.add(nameJla);this.add(nameIn);
this.add(pwdJla);this.add(pwdIn);
this.add(btn);this.add(btn1);this.add(btn2);

this.setVisible(true);//可视化

添加监听器

1.创建监听器并重写接口ActionListener的方法

@Override
public void actionPerformed(ActionEvent e){}

ActionEvent:点击组件的 操作信息记录下来 打包成一个对象 传入响应方法

接口的概念：

• 接口是一种数据类型——引用类型/自定义类型。
• 引用类型/自定义类型：类（class）、数组、接口（interface）。
• 继承接口需要重新写接口中的所有抽象方法

​

2.定义监听器属性

String btnstr = e.getActionCommand();
System.out.println(btnstr+"被点击了");
String name=nameIn2.getText();
String pwd=pwdIn2.getText();
System.out.println("账号:"+name);
System.out.println("密码:"+pwd);

3.加载监听器

//监听加载
UIListener uil =new UIListener();

btn.addActionListener(uil);
btn1.addActionListener(uil);
btn2.addActionListener(uil);

uil.nameIn2=nameIn;
uil.pwdIn2=pwdIn;

编写User类

public boolean checkPassword(String pwd_in){
    if(pwd_in.equals(pwd)){
        System.out.println(name+"密码验证正确!");
        return true;
    }
    System.out.println(name+"密码验证错误!!");
    return false;
}
public boolean login(String pwd_in){
    if(isOnLines){
        System.out.println("已经登录！！请勿重新登录");
        return false;
    }
    if(checkPassword(pwd_in)){
        isOnLines=true;
        System.out.println("登录成功!!");
        return true;
    }
    else {
        System.out.println("登录失败！");
        return false;
    }

对按钮功能进行设置

1.加入队列来储存用户账户

ArrayList<User> userList=new ArrayList();

2.编写登录按钮

//对用户进行遍历
for(int i=0;i< userList.size();i++){
    User user=userList.get(i);
    if(user.name.equals(name)){
        if(user.login(pwd)){
            JOptionPane.showMessageDialog(null,"欢迎登录!!"+user.name+"-----"+user.pwd);
        }
        else{
            JOptionPane.showMessageDialog(null,"登录失败！！请检查！！");
        }
        return;
    }
}
JOptionPane.showMessageDialog(null,"用户不存在，请先注册！");

3.编写注册按钮

for(int i=0;i< userList.size();i++){
    User user=userList.get(i);
    if(user.name.equals(name)){
        System.out.println("该用户已经注册，请直接登录！");
        JOptionPane.showMessageDialog(null,"该用户已经注册，请直接登录！");
        return;
    }
}
User user =new User(name,pwd);
userList.add(user);
System.out.println("regisit successful!");
JOptionPane.showMessageDialog(null,"注册成功！您是第"+userList.size()+"位用户！！");

最后效果

这是设置好的登录界面！

监听后的注册效果！

监听后的登录效果！

扩展

增加新页面修改密码功能

定义修改密码界面

public class FGpwdUi extends JFrame {
    public UIListener listen;

    public void iniChangeUi(){
        this.setTitle("修改密码");
        this.setSize(500,600);
        this.setDefaultCloseOperation(EXIT_ON_CLOSE);

        FlowLayout flow=new FlowLayout();
        this.setLayout(flow);

        JButton btn=new JButton("修改密码");

        JTextField nameIn = new JTextField();
        JPasswordField newpwdIn =new JPasswordField();

        JLabel nameJla=new JLabel("账号：");
        JLabel newpwdJla=new JLabel("新密码：");

        Dimension dim =new Dimension(410,35);
        nameIn.setPreferredSize(dim);
        newpwdIn.setPreferredSize(dim);

        this.add(nameJla);this.add(nameIn);
        this.add(newpwdJla);this.add(newpwdIn);
        this.add(btn);

        this.setVisible(true);

//        UIListener uil1=new UIListener();
        btn.addActionListener(listen);

        listen.nameIn3=nameIn;
        listen.pwdIn3=newpwdIn;
    }
}

增加页面跳转

else if(btnstr.equals("忘记密码")){
    FGpwdUi fGpwdUi=new FGpwdUi();
    // @zyf
    fGpwdUi.listen=this;
    fGpwdUi.iniChangeUi();
}

fGpwdUi.listen=this;保证使用的是一个监听对象listen。

定义新的输入框

// 修改密码界面的输入框
JTextField nameIn3;
JPasswordField pwdIn3;

JPasswordField Newpwd;

对修改密码进行编写

else if(btnstr.equals("修改密码")){
            //@zyf
            String newname = nameIn3.getText ();
            String newpwd = pwdIn3.getText();
            for (int i=0;i<userList.size();i++){
                User user =userList.get(i);
                if(user.name.equals(newname)) {
                    user.pwd = newpwd;
//                 User newuser= new User(name,pwd);
                }
                return;
            }
            JOptionPane.showMessageDialog(null,"密码修改成功！");
        }

获得修改密码功能！