目前效果如下 留言墙

效果

首先，来想象一下留言墙的样子。

每个人脑海

先构思出大概的样子,留言墙是什么?

一堵墙,和贴在上面的便签.

那我们怎么做?

当然是造一堵墙和许多便签.

但是由于屏幕的视图大小,我们不能真正的造一堵高大的墙也贴不下大的便签.

所以现在选择这样一种方式:

1.我们通过Canvas作为留言墙的墙体

2.新留言则通过坐标在Canvas绘图(这里用红圆圈表示)

3.点击坐标展现留言信息

这样就构成了基本的留言墙

留言墙基本构造完成以后,怎么办?

总不能只是看看吧.

所以加上贴留言这个功能.

完成以上的页面搭建就可以开始连接数据.

通过野狗  实时通信引擎 来实现数据的及时交互

按照注册流程,阅读API.

回到页面编写读取数据和添加数据的功能

接下来就是优化代码和美化页面啦~

在点击红圈圈显示留言信息时,我本来准备自己绘制.

但是

我看到了Bootstrap的pop插件,哈哈,偷懒咯.

通过定位把pop定位到鼠标点击的位置即可.

其他

点击时通过计算是否点击在已有坐标上