Skip to content

WeDaHub/incubator-qrcode

Repository files navigation

【云开发应用】-【艺术二维码生成器小程序】

体验二维码

image.png

作品简介:

当我们在日常生活中总会出现各种各样的二维码,但黑白的颜色放置在绚丽的海报上,就会显得奇奇怪怪。也会降低人们扫码的欲望。

但如果是这样的二维码呢,是否在你眼前一亮呢,你是否很想去试一下,会扫出个什么样的内容呢。

现在就用一款这样的工具,能够帮你将无聊乏味的黑白二维码转化成艺术二维码。不管是文字,还是网址,几秒美化。同时还可以自己上传设置素材,生成专属的艺术二维码。

封面图

作品类型:

  • 小程序
  • 工具类

云开发能力应用情况:

  • 使用云函数
  • 云数据库

功能模块介绍

首页

  • 二维码生成:用户可直接s输入文字生成艺术二维码
  • 二维码美化:用户可以用现有的黑白二维码转为艺术二维码
  • 社区:用户可以看到所有用户上传的艺术二维码风格模版;
  • 我的:用户可创建自定义定艺术二维码风格素材包。

二维码生成

  • 填写内容:文字、网址均可
  • 选择风格:跳转页生成艺术二维码的风格
  • 生成二维码

美化二维码

  • 上传图片:上传黑白二维码
  • 选择风格:跳转页生成艺术二维码的风格
  • 生成二维码

社区

  • 用户进入页面,展示所有用户上传的艺术二维码风格模板列表。
  • 用户点击其中一个模板,可以进行自定义定制艺术二维码。

我的

  • 当用户进入到我的页面,拉取用户所创建的素材包列表。
  • 用户可以对素材包进行管理:删除,上传素材包

上传

  • 用户根据示意图,上传对应的图片素材,至少上传3张基础元素图。
  • 点击“上传”,用户最后确认上次素材包,并取名提交。
  • 当用户点击“问号”icon时,用户可以了解上传规则。

上传规则

  • 当用户在上传页点击“问号”icon时,用户可以了解上传以及设计规则。
  • 阅读完毕可跳转回上传页面

模板生成艺术二维码

  • 用户选取艺术二维码模板后,跳转到创建二维码页。
  • “文字生成”点击后,弹出弹框,输入:文字,网址点击生成即可获得艺术二维码。
  • “二维码美化”点击后,弹出弹框,用户上传黑白二维码后,点击生成即可获得艺术二维码。

整体流程

源码链接

https://github.com/Chenyating/qrcode.git 喜欢的朋友可以给这个项目个start谢谢撒٩(๑❛ᴗ❛๑)۶

学习与参考