使用sockjs时要注意

1、这两个的写法

websocket = new SockJS(http://localhost:8080/Origami/sockjs/webSocketServer);

2、web.xml中

xmlns:xsi="http://w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_1.xsd">

http://

version

web-app_3_1.xsd

这两个的版本都要是3.0+

然后在这个servlet中加入

true

appServlet

org.springframework.web.servlet.DispatcherServlet

contextConfigLocation

classpath*:servlet-context.xml

1

true

然后所有的filter中也加入

true

3、添加相关依赖

com.fasterxml.jackson.core

jackson-annotations

2.3.0

com.fasterxml.jackson.core

jackson-core

2.3.1

com.fasterxml.jackson.core

jackson-databind

2.3.3

好了，现在websocket可以正常建立起来了

返回用户未读的消息

当连接建立后，会进入SystemWebSocketHandler的afterConnectionEstablished方法，代码看上边，取出WebSocketHandshakeInterceptor中保存的用户名

查询信息后使用session.sendMessage(new TextMessage(count + ""));返回给用户，从哪来回哪去

服务端推送消息给用户

@Controller

public class AdminController {

static Logger logger = LoggerFactory.getLogger(AdminController.class);

@Autowired(required = false)

private AdminService adminService;

@Bean

public SystemWebSocketHandler systemWebSocketHandler() {

return new SystemWebSocketHandler();

}

注: 头像为一个img标签, 文本消息内容则为一个div, 包裹两者的是另一个大的div, 代表完整的一个消息.

对于布局的左偏移和右偏移, 则借助float:left|right, 来进行控制, 这个还是基础的.

• 文本区域的自适应

为了让聊天的文本内容显得美观, 最好方式就是自适应的文本区域(有个max-width, 区域最小化).

最初的时候, 我尝试了textarea标签,nMifLgVa 因为其属性有row和col, 对应字符个数单位, 可以用于设定行数和列数.

可惜的是, 我被现实打败了, 因为textarea对中文字符和英文字符的计算标准不同, nMifLgVa中文字符按2个算, 英文字符按1个算. 因为用户输入的不确定, 导致很难用文本串的长度来设定textarea的行列值.

于是回到起点, 只能走计算文本像素点px长度的方式来设定大小(等价于限定max-width).

计算文本的长度, 参考于"jquery 计算文本的总宽度 Width".

function GetCurrentStrWidth(text, font) {

var currentObj = $('

$(currentObj).html(text).css('font', font);

var width = currentObj.width();

currentObj.remove();

return width;

}

注: 巧妙的通过添加/删除

对于小于预设的max-width, 则文本区域div缺省即可. 对于大于预设的max-width值, 则文本区域div设定为width=max-width.

var maxWidth = 320;