惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Visual Studio Blog
罗磊的独立博客
小众软件
小众软件
T
Tailwind CSS Blog
宝玉的分享
宝玉的分享
博客园_首页
N
Netflix TechBlog - Medium
B
Blog
Recent Announcements
Recent Announcements
Y
Y Combinator Blog
Blog — PlanetScale
Blog — PlanetScale
L
LangChain Blog
F
Fortinet All Blogs
The GitHub Blog
The GitHub Blog
Stack Overflow Blog
Stack Overflow Blog
C
Check Point Blog
Last Week in AI
Last Week in AI
Jina AI
Jina AI
V
V2EX
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 叶小钗
博客园 - 【当耐特】

博客园 - atempcode

Debugging Visualizer for UEFI type 僵尸窗口 SCMBUG 邮件乱码的解决方法 在Eclipse里使用Visual Studio的快捷键 Subversion in 2010 The case of Trac installation won’t run Ad in Stackoverflow.com becomes annoying Importing notes in Google Notebook to Evernote 饭否mashup: Popfly入门 GIT vs SVN Which Parts of China Have You Been To? 黄秋生 美丽的梭罗河 偏光鏡用法: PL, CPL I do not like itunes 焦距 单镜反光相机 光圈 DSLR和DC的差异 Firefox的饭否Toolbar 1.1
饭否mashup: Popfly入门 (二)
atempcode · 2007-11-04 · via 博客园 - atempcode

2007-11-04 22:10  atempcode  阅读(1813)  评论()    收藏  举报

上一篇讲了如何创建一个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到你需要的地方:
 
去试试吧, 一定很有趣的...