09.登录界面的业务分析_seticon-优快云博客

以后工作的时候拿到一个需求之后：

分析业务逻辑
分析所需要的技术点

1.所需要的技术点

第一排：用户名文字其实是一张图片，还是用JLabel去管理ImageIcon

输入框：JTextField（明文显示的输入框）

第二排：密码文字其实是一张图片，还是用JLabel去管理ImageIcon

输入框：JPasswordField（密文显示的输入框） -->展示*或者.

第三排：验证码文字其实是一张图片，还是用JLabel去管理ImageIcon

输入框：JTextField（明文显示的输入框）

验证码wyS7i：用JLabel去管理文字，需要自己写一个生成验证码的工具类。

第四排：两个都是按钮，绿色跟红色是按钮的背景图

当点击按钮不松的时候，按钮变灰，其实就是换一个深色的背景图。

2，分析业务逻辑

1，界面搭建。代码不需要大家写，大家主要完成里面的业务逻辑即可。界面搭建的代码在作业当中已经给出。

2，用静态代码块*准备一些初始的用户信息*

3，点击登陆按钮之后的逻辑：

按下登陆不松，切换登陆按钮的背景图片
松开登陆按钮，逻辑较为复杂
- 获取用户输入的用户名，密码，验证码。
- 先比较验证码（正确错误）
- 判断用户名和密码是否为空，只要有一个为空就不行
  - 细节：如果用户没有输入用户名和密码，在代码中获取的不是null，而是长度为0的字符串
- 用户名，密码比较正确，显示登陆成功跳转游戏界面
- 用户名，密码比较错误，提示错误

4，点击注册按钮之后的逻辑

暂时不需要写逻辑，后面学习完IO的时候再补

5，点击验证之后

更换一个新的验证码（写一个工具类提供验证码）

项目实现步骤：

对主界面进行设置
在主界面添加用户名和密码以及登录，注册按钮
对登录按钮绑定鼠标事件

主界面设置：

设置大小
设置居中
设置置顶
设置关闭模式
取消内部布局
让界面可见

添加组件

创建JLabel添加用户名文字
对用户名文字设置位置和宽高：116, 135, 51, 19
    
创建用户名的文本输入框：JTextField
对用户名的文本输入框设置位置和宽高：195, 134, 200, 30
    
创建JLabel添加密码文字
对密码文字设置位置和宽高：130, 195, 35, 18
    
创建密码的文本输入框：JTextField
对密码的文本输入框设置位置和宽高：195, 195, 200, 30
    
创建登录的按钮：JButton
利用setIcon方法给登录按钮设置背景色
对登录的按钮设置位置和宽高：133, 260, 90, 40
    
创建注册的按钮：JButton
利用setIcon方法给注册按钮设置背景色
对登录的按钮设置位置和宽高：256, 260, 90, 40
    
创建背景色：JLabel
给背景色设置位置和宽高：0, 0, 470, 390
    
将上面7个组件添加到主界面的中心面板中

绑定事件：

给登录按钮绑定鼠标事件
当按下不松的时候：利用setIcon方法，修改登录按钮的背景色为蓝色
当松开的时候：利用setIcon方法，将按钮的背景色修改为红色
当点击的时候：校验用户输入的用户名和密码是否正确。

mouseClicked方法详解：

先判断当前按下的是否为登录按钮。
如果是登录按钮，获取输入框中的用户名和密码
判断1：是否为空，如果为空，提示：用户名和密码为空
判断2：判断用户名和密码是否为zhangsan，123456，如果正确隐藏登录界面，进入游戏界面。
判断3：判断用户吗和密码，如果错误，就展示弹框，提示：用户名和密码错误

展示弹框步骤：

成员位置创建JDialog对象

利用isVisible方法判断弹框是否存在，如果不存在则进行下面操作：
设置弹框的宽和高:100,100
设置弹框居中    
设置弹框置顶
移除弹框中所有文本
创建一个JLabel去编写文本内容
把文本JLabel添加到弹框当中
把弹框展示出来