界面设计

未登录用户进入 <登录页面>

  

 

    图1.1

 

 

如果当前用户没有登录帐号。那就可单击“注册”按钮进入  注册页面 如图:1.2

 

注册页面

                          图1.2

在“注册页面”中 各项要求如下:

1.“用户名”必须填写一个格式正确且不存在的新用户名。

2.“密码”至少6位且必须和“确定密码”一致。

3.“昵名”至少1位,且必须是一个不存在的新昵名。

4“电话”可以不填,如果填了那么将要求符合一定的格式要求,

5.“邮件”与 4 要求相同

6.“头像”可以默认头像,也可以单击头像图片选择其它头像 如图1.3

 

选择头像页面

图1.3

在选头像面单击一个头像即可将默认头像更改为选择的头像 如图1.4

 

图1.4

注册成功后系统会自动将页面跳转到登录页面  输入用户名与密码 按登录进行登录

如图 1.5

                             图片1.5

 

登录成功后 点击“进入聊天” 按钮进主聊天室主界面 如图1.6

 

 


                                                               聊天室主页

图1.6

主页介绍:

左边为 好友列表菜单 

右边 上部分为 “在线人数“,“ 系统消息”即喇叭图标,“安全退出”

右边  中部分为  公聊显示面板 与 私聊显示面板,初始为私聊面板不显示

右边 下部 分为 “ 发送对象 “ “是否启有私聊按钮“ ,“ 写消息的面板“ 及“发送按钮“


当新用户进入聊天室主页后 可以在 页面的 右边 的 “好友面板”中单击鼠标右键弹出快捷菜单

如图1.7

添加好友

图1.7

再单击菜单中的“添加好友”项 进入好友选择面板

如图 1.8  和 1.9


添加好友页面

图1.8

                        选择好查找条件后  即可以  进入“选择好友页面”如图1.9

                    


选择好友界面

图1.9

选择一个用户单“添加好友“按钮 即完成添加

如果选择的用户的策略为:需要验证才可以加为好友  那么将弹出一个发送请求框 输入请求信息发送即等待 好友回应(拒绝或同意) 

添加成功后  被添加的好友将显示在好友面板中 如图2.0


图2.0

 

将鼠标移至好友头像再单击鼠标右键 可对该好友进行管理 如图:2.1

好友管理菜单

图2.1

 


 

单击一好友面板中的一个并头像可以对该好友发送消息 如图:2.2

图2.2


输入发送内容  点击“发送按钮”  即向指定 “发送对象“  发送消息 如图2.3

图2.3

 


私聊:选择“私聊复选框” 即可开启私人包箱  发送的消息 只对 当前用户和接收消息用户可见

如图:2.4

图2.4

 

 

 

 

清屏:

公聊消息清屏

在消息输入框中输入 命令 @clear public 按回车即可 如图:2.5

私聊消息清屏

在消息输入框中输入 命令 @clear private 按回车即可 如图 2.6

                                                        公聊消息清屏

图2.5

私聊清屏

图2.6

提示是否清屏   单击确定  即清屏    点击否  则把 清屏关键字 当作普通消息发送