首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

W3C Widget 配置与打包(6)查看示例

W3C Widget 配置与打包(6)查看示例

查看示例         Apache Wookie 允许我们在所有浏览器上查看 Widget,所以我们不需要搜索实现 W3C 规范的浏览器(类似于 Opera 浏览器的 Widget 实现)。        理想地,浏览器将会实现 W3C Widget 规范,所以用户可以利用 Widget 的一次下载、重复使用的优点。
        为了查看我们新创建的 Widget,我们必须确保 Apache Wookie 已经运行,并能从浏览器访问它。        单击 View Widget Gallery,我们就可以看到所部署的 Widget 已经列在库中(见 )。
图 5. 查看 Widget 库         单击 Demo 查看 Widget 的运行结果。
        我们也可以创建一个测试文件,它用一个 iframe 元素包含我们创建的新 Widget。        创建一个如  所示的 HTML 文件。
清单 6. 一个简单的运行 Widget 的 HTML 文件
1
2
3
4
5
6
7
8
9
10
11
<html>
<head><title>Widget sample</title>
<body>
<iframe src=
"http://localhost:8080/wookie/wservices/wookie.apache.org/widgets/butterfly/index.html
?idkey=sM4aI8pnUUNI2Kfz15aK2h6vIek.eq.&amp;proxy=http://localhost:8080/wookie/proxy
&amp;st=wookie%3AwEQZrCsxTF502%2B6JeeEFlkq1KPgqXKQTllufS6Toez81qb40hPouhYV3apG4on23uVB
kQ5xlLjOXvIKulGqKBZvnKv2pgfEMg7OVzJpdDQt66MfODW6BBJry33ybOyMSc2hKonu7Sp1n1SY6FOFUuRx8VAjED
TuJip8BQ9i6ZXRH9193FT%2F7Ijjz0o1vdR91ofzcFA%3D%3D" width="500" height="400">
</body>
</html>




        我们将看到所创建的 Widget 显示在网页中。我使用的 Widget URL 是来自于 Wookie 主菜单的 Instantiate a widget 的执行结果。       
        我们还可以查看其他示例包,它们包含了更复杂的 JavaScript 文件、CSS 和图片,这些示例包是和 Apache Wookie 源代码一起发布的。        在下载了 Apache Wookie 源代码后,子文件夹 widgets 中就包含了其他 Widget 的源代码。
返回列表