d0304 更新功能实现
d0312 更新部分图片&UI设计部分
d0318 更新功能实现
d1222 实现添加好友功能、实现注册功能、修改大量BUG
github：https://github.com/He11oLiu/ChatRoom.git

==========================================================

即时通讯（Instant messaging，简称IM）是一个终端服务，允许两人或多人使用网路即时的传递文字讯息、档案、语音与视频交流。如QQ，微信都属于即时通讯。

本篇博客将详细记录我在JAVA上搭建一个自己的即时通讯工具的实现方法，如有错误的地方或者建议，请多多提出。

功能实现

基本技术

• Socket 与 ServerSocket

  作为一个即时通讯工具，客户端（Client）和服务器（Server）是两个必不可少的部分。首先我们就来解决服务器和客户端连接的问题。

  Socket的英文原义是“孔”或“插座”。
  Socket用于描述IP地址和端口，是一个通信链的句柄，可以用来实现不同虚拟机或不同计算机之间的通信。
  在Internet上的主机一般运行了多个服务软件，同时提供几种服务。每种服务都打开一个Socket，并绑定到一个端口上，不同的端口对应于不同的服务。

  网络上的两个程序通过一个双向的通信连接实现数据的交换，这个连接的一端称为一个Socket。建立了一个Socket后，从这个Socket中读取I/O流，就可以实现两个程序的通讯。
  而服务器需要与多个客户端进行双向的通讯连接，并非单一的连接。于是可以通过每接收到一个Client后就开一个单独的进程，来完成与该Client的通讯步骤。这样就可以同时接受多个Client，从而实现服务器的功能。
  

• 客户端建立：
  Java提供了Socket类，用来建立客户端
  提供的构造方法如下：
  
  当调用构造方法，构造一个新的Socket的时候，就是向指定的端口请求连接。
  通过以下方法，可以获取该Socket的I/O流
  
  
  通过close方法，关闭该Socket
  

• 服务器建立：

  Java提供了ServerSocket类，用来建立服务器。
  提供的构造方法如下：
  
  可以通过Telnet来测试是否成功的建立了服务器。（win7后默认关闭，在控制面板-程序-启用或关闭windows功能下开启）

  telnet localhost <port>

  或者

  telnet 127.0.0.1 <port>

  该类下自带了
  
  accept方法用来接收连接，返回一个Socket对象。接收该对象，并调用刚才提到的getInputStream()方法以及getOutputStream()方法，即可实现获取该Socket的I/O流。从该流上读取信息或者写入信息，即可达到通讯的目的。要注意的是，此时客户端的Input流对应着服务器端的Output流。
  同样ServerSocket也带了close方法，用来关闭服务器。
  

  ​

• 通讯协议设计
  

通讯协议具体内容

消息头（MsgHead）

注册消息体（MsgReg extends MsgHead）

注册应答消息（MsgRegResp）

登录请求信息（MsgLogin）

登录应答信息（MsgLoginResp）

添加好友信息 （MsgAddFriend）

添加好友应答信息 （MsgAddFriendResp）

好友列表信息（MsgTeamList）

聊天信息（MsgChatText）

发送一次信息的总流程

框架设计

界面层

ChatRoom的主要界面有：

• 登陆界面
• 注册界面
• 好友列表界面
• 添加好友界面
• 聊天界面

业务逻辑层

• 服务器业务逻辑层
  服务器主要提供以下功能
  服务器主线程：

服务器对应每一个连接的单独线程ServerThread
这些ServerThread利用HashMap保存到线程库，key为JK号

• 客户端业务逻辑层

数据访问层

本部分由黄成越同学合作完成(https://hcyue.me/)

本次数据库选用SQLite数据库，数据库结构如下。

数据访问层提供UserModel，其中包括

• 根据JK号获取用户内容
• 验证用户信息
• 获取用户好友列表
• 增加好友，删除好友

UI设计

• Metro UI

  Metro UI是基于瑞士平面设计原则，其最初在Windows XP的Windows Media Center就中有体现，这有利于以文字为主的界面导航。2006年著名的Zune播放器开始使用类似Metro的设计风格。微软的设计师计划重新设计现有用户界面、更清爽的排版和较少的重点以便于用户使用。Zune的桌面客户端程序也使用了不同于以往Portable Media Center用户界面，其清爽排版和设计给用户耳目一新的冲击。
  Metro UI的特点：强调信息本身
  参考资料：http://www.csdn.net/article/2012-02-01/310896/1
  
  

• 窗体设置无边框以及拖动选项
  为了彻底改变Swing的风格，实现Metro UI的界面，将原有的边框以及按钮重写是必不可少的。
  首先，我们将窗体的边框取消

  setUndecorated(true); //设置无边框

  这行代码的作用，就是去掉了整个窗体的边框，但是同时也就去掉关闭按钮，缩小放大按钮。同时无法移动边框。为了能够移动边框，我们在窗体上添加一个监听器，代码如下。

  addMouseListener(new MouseAdapter() {
      public void mousePressed(MouseEvent e) {
          isDraging = true;
          wx = e.getX();
          wy = e.getY();
      }
  
      public void mouseReleased(MouseEvent e) {
          isDraging = false;
      }
  }); //确定鼠标按下的位置
  
  addMouseMotionListener(new MouseMotionAdapter() {
      public void mouseDragged(MouseEvent e) {
          if (isDraging) {
              int left = getLocation().x;
              int top = getLocation().y;
              setLocation(left + e.getX() - wx, top + e.getY() - wy);
          }
      }//更改窗体的位置
  });

• 关闭、缩小、选择按钮的重写

  因为选择了无边框，则原来的关闭以及缩小按钮都已经不能使用了，于是可以继承JButton，自己重写一个关闭，缩小按钮。同时为了配合Metro UI，选择按钮也需要重写注意实现鼠标移进、移出、按下的颜色改变（可以添加其他效果）。
  各个组件实现代码见GitHub。

  

• 好友列表的实现

  
  要实现好友列表，第一个想到的就是树状结构。但是要实现相对漂亮的UI，利用树状结果不太好实现。

  经过多次尝试，最终确定用JScrollPane来完成这个可能需要拖动的好友列表。但是利用JScrollPane后，不宜布局，若利用JPanel来制作好友，其大小不好固定。最终重写滚动条，具体实现见代码。