我们之前已经看到路由返回的 HTML 片段用于替换整个页面,但是在前面的代码中,我们使用`pd_target="body{{prefix}}"`属性表示 HTML 片段将被注入到表的 body 元素中 具有`body{{prefix}}` ID。 如果需要,您还可以通过创建一个或多个`<target>`元素作为可点击源元素的子元素来为用户操作定义多个目标。 每个`<target>`元素本身都可以使用所有 PixieApp 自定义属性来配置内核请求。
我们之前已经看到路由返回的 HTML 片段用于替换整个页面,但是在前面的代码中,我们使用`pd_target="body{{prefix}}"`属性表示 HTML 片段将被注入到表的 BODY 元素中 具有`body{{prefix}}` ID。 如果需要,您还可以通过创建一个或多个`<target>`元素作为可点击源元素的子元素来为用户操作定义多个目标。 每个`<target>`元素本身都可以使用所有 PixieApp 自定义属性来配置内核请求。
这是一个例子:
...
...
@@ -574,9 +574,9 @@ class RepoAnalysis():
操作按钮链接由`<a>`标记定义,并使用`pd_options`访问具有一个称为`analyse_type`以及`pd_target`指向`"analyse_vis{{prefix}}"`占位符`<div>,`的自变量的路由。 在以下相同的 HTML 片段中定义。
注意,只需将`@captureOutput`装饰器添加到`generate_word_cloud`路由,我们不再需要返回 HTML 片段字符串。 我们可以简单地调用 Matplotlib `imshow()`函数,该函数将图像发送到系统输出。 PixieApp 框架将负责捕获输出并将其打包为 HTML 片段字符串,并将其插入正确的 div 占位符中。 结果如下:
注意,只需将`@captureOutput`装饰器添加到`generate_word_cloud`路由,我们不再需要返回 HTML 片段字符串。 我们可以简单地调用 Matplotlib `imshow()`函数,该函数将图像发送到系统输出。 PixieApp 框架将负责捕获输出并将其打包为 HTML 片段字符串,并将其插入正确的 DIV 占位符中。 结果如下:
包含`pd_widget`属性的 div 在开始时就会呈现,但是由于`url`仍然是`None`,因此实际上没有生成词云。 `Go`按钮具有`pd_script`属性,该属性将`self.url`设置为用户提供的值。 它还具有`pd_widget` div 的`pd_refresh`属性集,该属性将再次调用`wordcloud`小部件,但是这次 URL 初始化为正确的值。
包含`pd_widget`属性的 DIV 在开始时就会呈现,但是由于`url`仍然是`None`,因此实际上没有生成词云。 `Go`按钮具有`pd_script`属性,该属性将`self.url`设置为用户提供的值。 它还具有`pd_widget` DIV 的`pd_refresh`属性集,该属性将再次调用`wordcloud`小部件,但是这次 URL 初始化为正确的值。