饭否mashup: Popfly入门 (二)

上一篇讲了如何创建一个block. 这个block正如数据层, 从Fanfou取得数据. 下面我们要准备把它和一个表现层关联起来. 在Popfly里, 这可以很快地实现.
选择create stuff, 这次我们选取Mashup. 编辑界面, 左边是一个个的block, 分成若干类; 右边就是我们的编辑区域了. 首先从左边的My Blocks里把前面做的Fanfou block拖到编辑区域. 然后从Display这一组里面选择Chat Bubbles这个block, 拖到编辑区. 怎么把他们关联起来呢? 操作非常直观: 点一下Fanfou 上的蓝点, 这时就会有一根线跟着你的鼠标走, 再在Chat Bubbles的蓝点上点一下, done.

 
下面我们要把Fanfou里数据和Chat Bubbles的字段对应起来. 点一下Chat Bubbles的那个扳手图标, 出现配置窗口, 按图配置好.
 
然后试一试效果, 点一下Preview, 应该可以看到下面的效果:

还不错吧. 不过Chat Bubbles对中文的支持很差, 只要用户名, 说的话中有中文, 就显示不出来了 :(.
保存共享之后, 你还可以把它embedded到你需要的地方:
 
去试试吧, 一定很有趣的...