登录 之 GUI层

接上文：

在上一篇说明中，做了一次形式上的开发需求分析；

本篇及后续篇章将把实现部分展现，上篇的最后部分展现的是与用户交互的GUI，本篇以此开始。

正文：

一个程序的好坏在不同的角色的人心中评判标准有所区别，但既然是与用户交互的，那么就以用户角色审视实现。

作为一个自然人，用户的角色天然就具备，因此在我看来，页面简单，整洁，布局合理是基本要求。

 

package com.net.ui;import java.awt.Color;import java.awt.Dimension;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JPanel;import javax.swing.JPasswordField;import javax.swing.JTextField;import com.net.convert.MakeCertPic;public class LandWindow {private JTextField userName;private JButton jb_submit;private JButton jb_cancle;private JButton jb_register;private JPasswordField passwd;private JLabel hintStr;private JLabel label_name_str;private JLabel label_pswd_str;private JTextField certText;private JLabel certPic;private MakeCertPic mcp = new MakeCertPic();private final int JTEXTWIDTH=100;private final int JHEIGHT=30;private final int JLABELWIDTH=100;private final int JBUTTONWIDTH=90;public LandWindow(){JFrame jf = new JFrame();jf.setTitle("XXX 登陆系统");jf.setPreferredSize(new Dimension(350, 250));JPanel jp = new JPanel();jp.setPreferredSize(new Dimension(350, 250));jp.setBackground(Color.lightGray);jf.setContentPane(jp);JLabel label_name = new JLabel();label_name.setPreferredSize(new Dimension(JLABELWIDTH, JHEIGHT));label_name.setText("登录名:");userName = new JTextField();userName.setPreferredSize(new Dimension(JTEXTWIDTH, JHEIGHT));label_name_str = new JLabel();label_name_str.setPreferredSize(new Dimension(JLABELWIDTH, JHEIGHT));label_name_str.setText(null);label_name_str.setForeground(Color.RED);jp.add(label_name);jp.add(userName);jp.add(label_name_str);JLabel label_pswd = new JLabel();label_pswd.setPreferredSize(new Dimension(JLABELWIDTH, JHEIGHT));label_pswd.setText("密    码:");passwd = new JPasswordField();passwd.setPreferredSize(new Dimension(JTEXTWIDTH, JHEIGHT));label_pswd_str = new JLabel();label_pswd_str.setPreferredSize(new Dimension(JLABELWIDTH, JHEIGHT));label_pswd_str.setText(null);label_pswd_str.setForeground(Color.RED);jp.add(label_pswd);jp.add(passwd);jp.add(label_pswd_str);JLabel labelPicTip = new JLabel();labelPicTip.setPreferredSize(new Dimension(JLABELWIDTH, JHEIGHT));labelPicTip.setText("校验码:");certText = new JTextField();certText.setPreferredSize(new Dimension(JTEXTWIDTH, JHEIGHT));certPic = new JLabel();passwd.setPreferredSize(new Dimension(JLABELWIDTH, JHEIGHT));jp.add(labelPicTip);jp.add(certText);jp.add(certPic);jb_submit = new JButton();jb_submit.setPreferredSize(new Dimension(JBUTTONWIDTH, JHEIGHT));jb_submit.setText("登 录");jb_cancle = new JButton();jb_cancle.setPreferredSize(new Dimension(JBUTTONWIDTH, JHEIGHT));jb_cancle.setText("重 置");jb_register = new JButton();jb_register.setPreferredSize(new Dimension(JBUTTONWIDTH, JHEIGHT));jb_register.setText("注册");hintStr = new JLabel();hintStr.setPreferredSize(new Dimension(300, JHEIGHT));hintStr.setText(null);hintStr.setForeground(Color.RED);jp.add(jb_submit);jp.add(jb_cancle);jp.add(jb_register);jp.add(hintStr);jf.pack();jf.setVisible(true);jf.setLocation(450, 300);jf.setResizable(false);jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);}public JButton getSubmitButton(){return this.jb_submit;}public JButton getRegisterButton(){return this.jb_register;}public JButton getCancleButton(){return this.jb_cancle;}public JTextField getUserNameField(){return this.userName;}public JPasswordField getPasswdField(){return this.passwd;}public JLabel getStatLabel(){return this.hintStr;}public JLabel getUserNameLabel(){return this.label_name_str;}public JLabel getPasswdLabel(){return this.label_pswd_str;}public JTextField getCertTextField(){return this.certText;}public JLabel getCertPicLabel(){return this.certPic;}public String getCertPicStrValue(){return this.mcp.getCertPicStr();}public void refreshCertPicLabel(){this.certPic.setIcon(this.mcp.getCertPic());}}

 

以上代码运行的结果与实际的贴图存在部分出入，因为缺少验证码的自动生成，但是基本结构就是这样，敬请期待验证码的部分。

未完待续。。。