我们已经了解了野狗数据库的基本的数据操作,接下来我们来了解下我们另一个组Jquery.barrager.js!
Jquery.barrager.js 是一款优雅的网页弹幕插件,支持显示图片,文字以及超链接。支持速度、高度、颜色、数量等自定义。
当然使用它也是非常简单,只需要在GitHub下载源文件然后引入以下两个文件夹即可~
那么,我们前期的所有工作已经准备好了,现在就开始我们激动人心的部分吧!
首先我们得有一个发送内容的输入框和发送按钮:
先下我们有了发送按钮,以及文本输入框,接下来就要给这两个绑定时间,获取到你输入的内容,并且保存到野狗数据库room节点下!注意,这里就要用到我们上次说的push操作了哦~
我们已经发送了,那么我们现在做的就是要从数据库拿到数据,并且显示出来,这里就要用到野狗数据库的实时性了!还记得我上次说到的child_added事件吗?child_added事件作用就是对一个节点数据的监听,只要该节点数据发生变化,比如或者删除或者增加操作,立刻就会发送给客户端!那我们要怎么做呢?
这里itme是什么呢?itme就是我们每个小小的弹幕条,就是这个小东西
他有以下属性:
当然还有bottom,如果不指定,那么bottom是随机产生的~
好了,完事具备,就差实验了,接下来就是见证奇迹的时刻!
那么接下来看下我们数据库里面的数据到底有没有存入数据呢?答案是肯定的!