Componente de código QR de muestra
- Temas:
- Formularios adaptables
Creado para:
- Principiante
- Desarrollador
La incrustación de un código QR en un formulario adaptable puede mejorar en gran medida la comodidad y la eficacia para que los usuarios accedan a información adicional relacionada con el formulario.
El componente de ejemplo usa QRCode.js.
QRCode.js es una biblioteca JavaScript para realizar QRCode. Es compatible con Cross-browser con HTML5 Canvas y table tag en DOM.
El componente genera el código QR en función del valor especificado en la propiedad de configuración del componente.
El siguiente código se utilizó en el body.jsp del componente qr-code-generator.
La "url" es la url que debe incrustarse en el código qr. Esta URL se especifica en las propiedades de configuración del componente de código QR.
<%@include file="/libs/foundation/global.jsp"%>
<body>
<h2>Scan the QR Code for more information related to this form</h2>
<div data-url="<%=properties.get("url")%>">
</div>
<div id="qrcode">
</div>
</body>
El código siguiente utiliza el método makeCode de la biblioteca QRCode.js en la biblioteca de cliente del componente qr-code-generator. El código QR generado se anexa al div identificado por el ID "qrcode".
$(document).ready(function()
{
var qrcode = new QRCode("qrcode");
qrcode.makeCode(document.querySelector("[data-url]").getAttribute("data-url"));
});
Implementación de los recursos en el servidor local
- Descargue e instale el componente de código QR mediante el Administrador de paquetes.
- Descargue e instale el formulario adaptable de ejemplo mediante el Administrador de paquetes.
- Vista previa del formulario. La sección de ayuda del formulario tiene el código QR.