---
order: 5
navTitle: 二维码
---
# SuperPage组件-二维码

SuperPage中可以根据链接生成二维码图片，用户可以通过移动设备扫码访问链接，也可以长按识别二维码。如用户可以通过扫描二维码的方式快速访问SuccBI的demo：

![二维码](./images/2020-10-30-14-56-24.png)

示例地址：[二维码](https://demo.succbi.com/v5/DEMO/app/ap.app?id=%E4%BA%8C%E7%BB%B4%E7%A0%81)

## 使用二维码{#start}

在SuperPage页面中，使用二维码组件，可以根据url自动生成二维码图片，设置二维码的操作步骤如下：

![使用二维码](./images/erwm.gif)

1. **拖入二维码组件**：在**组件区**>**其他**分组下将二维码组件拖入到画布或者某个区域
2. **设置二维码[**内容**](#内容)**：在**属性**>**二维码**>**内容**中，设置生成二维码的链接

通过上述步骤，即可实现根据url自动生成二维码。

## 属性介绍{#properties}

可以自定义生成二维码的背景、边框等样式。

### 内容{#content}

在**属性**>**二维码**>**内容**中，可以设置二维码的内容，通常设置为一个URL地址，同时也支持输入宏（如果宏返回的内容有特殊符号或中文，考虑使用表达式函数[ENCODEURI](../../../../exp/func/string/ENCODEURI.md)或[ENCODEURICOMPONENT](../../../../exp/func/string/ENCODEURICOMPONENT.md)进行编码），系统支持的地址类型有：

- **互联网URL地址**：以`https://`、`http://`、`//` 等开头的地址，如`https://www.succez.com`。
- **服务器绝对地址**：以`/`开头的地址（如果有上下文路径，需要自己带上上下文路径），如`/bi/DEMO/app/ap.app`，其中`bi`是应用上下文，如果用代理服务器把两个系统代理到了一个地址，但上下文不同，可以通过服务器绝对地址在应用间互相链接。
- **应用绝对地址**：相对于当前Web应用（tomcat）上下文的地址，如`DEMO/APP/ap.app`，可以访问当前应用下的资源，系统会自动补上上下文路径。可以是相对于根的地址。
- **相对当前页面地址** 以`./`或`../`开头，如当前地址是`http://host:port/context/DEMO/APP/ap.app`，应用相对地址为`./index.tpg`，则完整URL地址为`http://host:port/context/DEMO/APP/ap.app/index.tpg`。

### 动态生成二维码{#dynamic}

二维码组件可以和文本输入组件搭配使用。如在文本输入组件中输入`http://www.succez.com`，二维码组件中会根据此链接自动生成二维码。

![使用二维码](./images/dtscerwm.gif)

- 在文本输入组件**属性**>**交互**中，添加**设置组件属性**的交互
- **选择组件**中下拉选择二维码组件，**属性名**设置为value，**属性值**设置为`[组件名称].[值]`

通过上述步骤，即可实现动态生成二维码。