在本章中，你将学会运用Axure和API接口创立一个二维码生成器。
项目布景
二维码，用某种特定的几何图形按一定规律在二维平面上排布，通过散布的黑白相间的图形记载数据符号信息。
如今二维码无时无刻在改变着咱们的生活，健康状况、公交出行、身份验证……那么小小一个二维码，却蕴含着丰富的信息。
二维码如此地重要，那么本章，咱们就来学习Axure和第三方API接口来创立一个二维码生成器。
项目搭建
首要，创立一个新项目，命名为QRCode。
根底准备
由于咱们是调用第三方供给的API接口，这儿以草料二维码API为例。
https://cli.im/api/qrcode/code?text=二维码内容
当然还有其他第三方的二维码生成的API，例如：
https://api.pwmqr.com/qrcode/create/?url=网站地址
咱们可以直接运用API接口，结合咱们Axure绘制的前端页面，来实现二维码生成器的作用。
页面款式
咱们首要给页面填充一个布景色彩#F0F2F5。
拖入一个“文本框”组件，命名为“input”。
设置方位为（40，40），设置尺度为600*40，设置字号为14，设置线段色彩为#CCCCCC，设置圆角半径为5，左边边距为10。
在“交互”工具栏中，设置“鼠标悬停的款式”，勾选线段色彩为#1890FF，提示文本为“请输入网址/内容”，躲藏提示为“获得焦点”。
这就是咱们输入内容区域。
拖入一个“主要按钮”组件，命名为“commit”。
设置方位为距离“input”输入框左边10的方位，设置尺度为100*40，设置字号为14，设置填充色彩为#1890FF。
拖入一个“内联结构”组件，命名为“QR”。
设置方位为距离“input”输入框下40的方位，左右都和上面的内容对齐。勾选“躲藏边框”，设置翻滚模式为“从不翻滚”。
以上，咱们就完成了页面款式的准备。
交互动作
接下来，咱们来实现下交互逻辑。
当咱们input输入框有内容的时候，点击“生成二维码”按钮，在QR展示区域就会组装API接口展示二维码。
选中“生成二维码”按钮，在“款式”工具栏中新建交互，挑选“点击时”，挑选“结构中打开链接”，方针为“QR”内联结构，挑选“链接到URL或文件路径”，点击fx打开修改值弹窗。
在修改值弹窗中，将API链接写上去，“二维码内容”部分运用局部变量代替，局部变量LVAR1来源于“input”输入框的文本。
项目预览
完成后，咱们在浏览器中预览下作用。
草料二维码API也供给了一些款式供咱们组装，咱们也可以直接运用API共享的款式。具体方法如下：
https://cli.im/api/qrcode/code?text=二维码内容&mhid=sELPDFnok80gPHovKdI
后半部分可以运用API供给的款式代码。
哈哈哈，作用不错！
为了让这个项目可以揭露访问，咱们可以生成html文件，然后发布到gitHub或许gitee中，这样就可以将网站共享给朋友们了。
项目地址
QRCode二维码生成器：ricardowesley.gitee.io/qrcode
快来着手试试吧！
假如本专栏对你有协助，无妨点赞、谈论、重视～
