如何为我的网站构建一个小部件-Java 学习之路

我对整个编程都很陌生 - 到目前为止我只有 Build 网站，数据库等方面的经验 .

我目前有一个网站，用户可以分享他们的在线购物 .

我想构建一个其他网站可以在其网站上集成的小部件 . 小部件将显示最近在我的网站上输入的购买，用户应该能够通过此小部件直接插入购买，而无需访问我的网站 .

我的网站使用Zend Framework构建在PHP上，并使用Mysql后端 .

我正在谈论的一些网站同意添加小部件，如果它非突兀的，如果他们只需要在他们的页面中插入4行javascript代码 . 我假设这应该像谷歌的adsense代码一样，你输入谷歌的JavaScript代码，广告开始显示 .

这个想法，但我不知道如何去做 - 任何人都可以指出我正确的方向 . 有关如何执行此操作的任何示例或教程 .

Google Adsense代码示例

<script type='text/javascript'> --></script><script type="text/javascript"><!--
google_ad_client = "pub-06xxxx453614";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
google_ad_channel = "3407467430";
google_color_border = "38B63C";
google_color_bg = "FFFFFF";
google_color_link = "0066CC";
google_color_text = "000000";
google_color_url = "0066CC";
google_ui_features = "rc:0";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

这也是一个小部件的形式 - 如何在这里使用Javascript？谢谢

4 回答

0
我不是widget领域的专家，但“方向”是使用在托管小部件的页面中动态生成的iframe .

那是你的JS代码会写如下：
```
<iframe src="http://www.mywebsite.com/services/widget.php" {other attributes here} />
```
iframe通常包含在标记（html）中，用于处理托管页面中窗口小部件的呈现 . 您的javascript文件 can 包含处理程序（绑定到窗口小部件上的事件等） .

iframe的目标可以是.php（或其他）脚本，它将输出html或您网站上的任何其他内容 . 输出可以包含来自数据库的信息/数据（如您所说的Mysql）并对该数据执行任何操作 .

这是一种在几种情况下使用的方法（iframe） . 在涉及iframe和框架的情况下，在编写JS代码之前，请确保熟悉术语窗口，javascript中的parent（通常如何处理页面包含框架，而框架又可以包含其他框架等）

希望通过为您提供有关此主题的一般概念/方法，可以帮助您入门 .

我相信你听说过谷歌广告 . 在谷歌广告页面上清楚地解释了在网页中包含谷歌广告的方式 . 您只需添加一个脚本和一些代码，然后生成以下html：
```
<iframe allowtransparency="true" frameborder="0" height="100" hspace="0" id="google_ads_frame1" marginheight="0" marginwidth="0" name="google_ads_frame" scrolling="no" src="http://googleads.g.doubleclick.net/pagead/ads?client="{PARAMS}" style="left:0;position:absolute;top:0" vspace="0" width="900"></iframe>
```
此框架的内容是实际广告（您在网页上看到的广告链接） .

iframe标记不是唯一一个从页面上的google ads javascript生成的标记 . 还创建了处理与演示相关的问题的其他标签（html） .
回复于 2024-05-18T15:01:55+08:00
2
例如，您希望将您网站上存储的网站状态显示为合作伙伴网站上的窗口小部件 .

这是一个简单的如何：

1.在您的网站上创建小部件脚本，让我们说： http://yourwebsite.com/widget1.php?data=value&date2=value2

2.在该剧本中，填写如下内容：
```
<?php
$data=get_xss_free($_GET['data']);
$data2=get_xss_free($_GET['data2']);
//do your process here
//then, display it:
echo "<div>This is my widget data!</div>";
?>
```
3.告诉你的伴侣这样嵌入它：
```
<iframe src="http://yourwebsite.com/widget1.php?data=value&date2=value2"></iframe>
```
回复于 2024-05-18T15:01:55+08:00
0
也许您可以使用PHP _1575835来动态创建图像 . 这样，您的用户只需在其网站上包含这样的图片标记：
```
<img src="http://www.yourwebsite.com/widget.php?user={USERNAME}" width="500" height="250" alt="Your Widget" />
```
然后在 widget.php 文件中，您拥有使用此数据并呈现图像的所有数据库逻辑等 . Facebook使用类似的方法称为"Profile badges"，并且可以类似的方式访问： http://www.facebook.com/badge.php?id={ID}&format=png&params={OTHERPARAMS}

但请注意，动态创建图像可能不是解决此问题的最简单方法，已经发布的 iframe 解决方案看起来非常好，并且肯定会更容易创建 .
回复于 2024-05-18T15:01:55+08:00
7

有很多方法可以做到这一点 . andreas 's example is nice. It' a也可以以某种格式（如JSON或XML）公开您想要的数据，然后使'widget'包含一些Javascript包含根据某些首选项呈现的内容 . 你可以开始使用的（有点）简单的例子是twitter search widget .

祝好运！

回复于 2024-05-18T15:01:55+08:00

如何为我的网站构建一个小部件

4 回答

相关问题