首頁 > 軟體

java實現簡單登入介面的實戰過程

2022-05-31 14:00:03

一、概要

我們可以用java實現簡單的登入介面。

如上效果,直觀但也需要一步一步來完成,從介面彈窗的設定,圖片的插入,文字方塊的設定,到登入的按鈕,全由程式碼來實現。

二、分類部分

LoginUI類:實現介面的設定,構建方法,封裝好所有的介面開發程式碼

initUI方法 :1、建立表單物件;

2、設定表單的相關屬性(標題、尺寸、大小、關閉、視覺化);

3、建立元件物件,按鈕,輸入框;

4、介面視窗新增按鈕;

5、按鈕新增監聽器。

②main方法 :用自己的類建立物件,呼叫自己的方法 

ButtonAction類:監聽器,獲取滑鼠點選按鈕的資訊,(繼承ActionListener)

我們新增按鈕後,需要一個點選按鈕後有反應的功能,故設定此類,能在點選按鈕後做出反應。

比如此處我們設定初始賬戶admin,密碼123456,可以輸入後,點選登入,跳出登入成功的介面。

①成員方法actionPerformed,傳入引數(actionPerformed)

②成員變數

public int count = 0;
    //先宣告一個輸入框的參照地址儲存變數;
    public JTextField nameJtf;
    public JTextField pwdJtf;
    public JFrame jf1;

繼承ActionListener後,必須重寫裡面的方法actionPerformed(用ctrl+滑鼠左鍵 看到原始檔程式碼)

此即監聽器。

三、程式碼實現

LoginUI類:實現介面的設定,構建方法,封裝好所有的介面開發程式碼

①initUI方法 :1、建立表單物件;jf

2、設定表單的相關屬性(標題、尺寸、大小不變、位置、居中顯示、關閉、視覺化);setTitle,setSize,setResizable,setLocation,setLocationRelativeTo,setDefaultCloseOperation,setVisible.

3、建立元件物件,按鈕,輸入框,圖片標籤;JButton,JLabal,JTextField,ImageIcon,

4、介面視窗新增按鈕:jf.add()

5、按鈕新增監聽器。ButtonAction btnactino = new ButtonAction();

btnaction.addActionListener(btnaction).

②main方法 :用自己的類建立物件,呼叫自己的方法;

//LoginUI類:實現介面的設定,構建方法,封裝好所有的介面開發程式碼
//①initUI方法 :1、建立表單物件;
//2、設定表單的相關屬性(標題、尺寸、大小、關閉、視覺化);
//3、建立元件物件,按鈕,輸入框;
//4、介面視窗新增按鈕;
//5、按鈕新增監聽器。
//②main方法 :用自己的類建立物件,呼叫自己的方法 
public class LoginUI {
        //一、介面方法
        public void initUI(){
	    //1:建立一個表單的物件;	
		
        JFrame jf = new JFrame();
		
	    //2:設定表單的相關屬性:標題,尺寸,關閉選項操作 視覺化
		
        jf.setTitle("登入介面");
		jf.setSize(500,800);                //畫素單位
		jf.setResizable(false);			    //尺寸固定
		//jf.setLocation(1000,400); 		//位置固定 可更改
		jf.setLocationRelativeTo(null);     //居中顯示
		
		jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);    //退出方式
 
		jf.setVisible(true);
 
		FlowLayout f1 = new FlowLayout();	//流式佈局
		jf.setLayout(f1);
		
	    //3:建立元件物件,按鈕,輸入框
		//按鈕
		JButton btn = new JButton ("登入");
				
		//標籤
		JLabel namejla = new JLabel("賬號: ");
		JLabel pwdjla = new JLabel ("密碼: ");
		
		//輸入框
		JTextField nameJtf = new JTextField();
		JTextField pwdJtf = new JTextField();
		
		//圖片標籤
		ImageIcon imgicon = new ImageIcon("C:\Users\Desktop\picture\picture.jpeg");//圖片插入,更改圖片路徑,需要注意字尾
	
        JLabel imgjla = new JLabel(imgicon);
		
		//元件設定尺寸
		Dimension dimsize = new Dimension (420,50);
		nameJtf.setPreferredSize(dimsize);
		pwdJtf.setPreferredSize(dimsize);
		
	    //4:介面表單新增按鈕
		jf.add(imgjla);
		jf.add(namejla);
		jf.add(nameJtf);
		jf.add(pwdjla);
		jf.add(pwdJtf);
		jf.add(btn);
		
		//視覺化在所有元件載入之後
		jf.setVisible(true);	//視覺化 交給系統渲染到螢幕上
	
		//按鈕新增監聽器
		ButtonAction btnaction = new ButtonAction();
		btn.addActionListener(btnaction); 	
		btnactino.count=100;	
		btnactino.nameJtf= nameJtf;
		btnactino.pwdJtf= pwdJtf;
	} 
        //二、主函數部分
	    public static void main(String[] args) {
	    //建立自己寫的類的物件;
		LoginUI loginui = new LoginUI();
        //呼叫方法
		loginui.initUI();
	}    
}

ButtonAction類:監聽器,獲取滑鼠點選按鈕的資訊,(繼承ActionListener)

public class ButtonAction implements ActionListener{	//監聽器
    public int count = 0;
	//先宣告一個輸入框的參照地址儲存變數;
	public JTextField nameJtf;
	public JTextField pwdJtf;
	public JFrame jf1;
	
	//監聽器
	public void actionPerformed(ActionEvent e) {
		
		//獲取輸入框中的字串
		String nameText = nameJtf.getText();
		String pwdText = pwdJtf.getText();
		
		//比較賬號 密碼    設定初始賬戶admin,密碼123456
		if(nameText.equals("admin") || nameText.equals("user1")) {
		System.out.println("比較成功!!");
		
		if(pwdText.equals("123456") || pwdText.equals("a123456")) {
			System.out.println("比較成功!!");
	
		//建立一個新表單彈出
		JFrame jf = new JFrame();
		jf.setTitle("登入響應!!");
		jf.setSize(500,200);
		jf.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
		java.awt.FlowLayout f1 = new java.awt.FlowLayout();
		jf.setLayout(f1);
		JLabel jla =new JLabel ("登入成功!!");
		jf.add(jla);
		jf.setVisible(true);
		jf.setLocationRelativeTo(null);//居中顯示
		}
	}
	}
}

總結

到此這篇關於java實現簡單登入介面的文章就介紹到這了,更多相關java簡單登入介面內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!


IT145.com E-mail:sddin#qq.com