Java小程序之客户端的UI实现以及客户端与服务器的UI交互（山寨QQ进行中......）

Java小程序之客户端的UI实现以及客户端与服务器的UI交互（山寨QQ进行中......）

一、前言

通过前面的学习，我们已经能够自己创建客户端，不需要依赖系统自带的telnet客户端，但是，我们只能利用控制台和后台服务器进行交互了，今天，我们要实现客户端的UI化，以及UI化后的客户端与服务器进行交互；

二、客户端UI的实现思路

1、创建窗体，写一个简单的登录界面以及一个简单的注册页面；

2、界面写好后，我们需要进行逻辑处理，在什么时候创建客户端的连接；应该是当我们点击登录的时候，创建客户端的连接，连接创建好后，我们需要把用户输入的用户名和密码等信息发送给服务器；等服务器验证好后，等待服务器端的反馈信息；登录成功，则跳转到聊天界面；否则给出相应的提示信息；

3、注册处理：这里需要用到数据库来保存用户注册的信息；由于我们没有暂时没有学习数据库，只能用HashMap这一集合来模拟，但为了持久化的保存用户注册信息，我们需要利用文件输入输出流；每当有更新的时候，将更新后的数据写出文件，需要用到的时候，在将信息从文件中读出来（这里用到的第对象流的读写）；这里，我们采用MVC模型进行业务分离；

三、我的完成步骤：

1、先写好数据库模拟功能，并测试该项功能功能是否正确；

2、分别写好客户端需要用到的三个界面，登录界面，注册界面，聊天界面

3、处理登录逻辑

4、处理注册逻辑

5、处理聊天逻辑

这个过程中，我们为了一次性将用户名和密码发送给服务器，我们采用的是userName#pass的形式，一次性将整条信息发送给服务器，服务器那边只需要把#作为分割符号，得到的字符串数组的第一个是用户名，第二个是密码，然后在进行验证就OK了；注册也有类似的原理；这里其实相当于我们自己定的一种协议；

四、流程分析以及流程图

流程分析：

a) 客户端登陆流程

i. 输入用户名密码

ii. 建立连接

iii. 发送操作类型（登陆操作：login，注册操作：regist）

iv. 发送用户名密码

v. 读取验证结果

vi. 根据结果判断：如果成功就进入聊天界面，如果失败就断开连接，继续登陆

vii. 前提登陆成功：读取消息和发送消息并行流程

1. 读取消息流程：从服务器读取一条完成的消息，并把消息追加到显示板上

2. 发送消息流程：输入消息内容到聊天板，把消息获取并发送给服务器