spring sse 技术2

这里简单写了一个案例,实现对新订单的监控,如果有新订单,则在前端弹出提示框

第一步:搭建架构,导入jar包,我这里为了方便,导入了一堆jar包​

1-1.项目结构​

包结构

1-2.前端页面,index.html和index.js,直接放到webroot下

前端结构

1-3.数据库表结构,表名orders(千万别用order做表名,掉过坑),state是订单状态,我这里设置是"0"表示新订单

数据库表结构

​

​​​​第二步:代码实现​

2-1.entity-orders,记得创建无参构造,getset

 javabean

​2-2.dao代码,这里为了方便,SQL直接写在注解上,

持久层代码

2-3.service代码及实现,如果有数据返回OK

service接口

serviceImpl

2-4.controller调用service实现,返回查询结果给页面,访问路径是http://127.0.0.1:8080/char/findNewOrder.do,记住在返回结果后加上两个换行符

Controller

2-5.前端代码

index.js

index.html

第三步:测试,访问http://127.0.0.1:8080/chat/index.html,ip不要写localhost,会有异常,并打开页面调试工具

3-1.浏览器打开页面,并打开调试工具​

如果是这样,那就说明连接成功

​3-2.向数据库orders表插入一条数据,模拟新订单进入,为了测试方便,直接在将数据写入数据库

这样就好了

3-3.前端弹出订单提示

有新订单的提醒