利用低码技术快速创建一款发票小程序

需求背景

日常生活中，我们总是需要收集各式各样的发票。而发票中最好用的无疑是餐饮发票，因为他在报销中没有比例限制，多多益善。

无论是平时还是节假日，我们在餐馆就餐时，有一部分顾客是有开发票的具体需求的。作为商家，为了给顾客提供发票服务，也是与时俱进。

常见的有几种形式，一种是脑袋还停留在过去，要求顾客手写开票信息，口头上告知会发送。据我的生活经验，一般这种商家是不会给你开的，我的应对措施就是下次再吃饭的时候自动过滤掉这种不讲诚信的商家。

第二种是提供一个问卷调查形式的页面，需要依次输入各项信息，填报的时候往往不方便，因为需要找发票代码。

第三种是提供一个小程序码，微信扫码后自动弹出页面，如果你以前开具过发票，公司名称和发票号会自动填充，而且比较方便的是你可以查看当前发票的进度，开好发票后会有微信提醒同时发票也会自动发送到邮箱了，还是挺方便的。

当然了，不同的商家会选择不同的形式，采用第三种的商家是我比较喜欢的，一般能考虑到顾客的便捷性的他的生意也差不到哪里去。

当然了现在经常提一个词叫数字鸿沟，其实有时候不见得落后地区信息化的水平就一定差。用不用信息化的工具来改善自己的服务往往和企业自身的认知也有一定的关系，如果头脑中没有这种理念，即使他遇到了也不一定愿意改变。

需求分析

背景中我们介绍了这么多，我们今天就使用低码技术按照第二种形式开发一款发票小程序，有的读者可能会有疑问，那为什么不直接按第三种形式进行开发呢？

因为我使用的这款工具是云厂商提供的，目前在低码领域云厂商提供的工具偏向于引流，主要是为了售卖自家的云资源。在功能的丰富性和场景的完善性上还有很大的进步空间，而且作为一款刚发布不久的工具也需要一定的时间去打磨。

待日后工具完善了之后我们再继续进行升级，打造一款面向用户，使用友好的小程序。

具体的功能比较简单，用户扫描二维码后即可打开提交页面，输入消费的金额、电话、邮箱、公司名称、税号等具体信息后可以提交发票申请。商家可以使用内容管理平台来查看用户提交的数据，具体给用户开具发票。

数据源设计

需求分析好后我们需要设计数据源，打开低码的控制台，在数据源管理新建一个数据源

在这里插入图片描述

数据源建立好后，我们依次增加电话、邮箱、消费金额、公司名称、税号、备注几个字段

在这里插入图片描述

创建应用

在应用管理里新建应用，建立我们的发票小程序

在这里插入图片描述

创建页面

应用创建好后默认会创建首页，我们使用默认页面即可。先在页面布局里增加表单容器组件

在这里插入图片描述

在表单容器中依次增加表单输入组件，并修改成需要的名称

在这里插入图片描述

然后在最后边设置提交按钮

在这里插入图片描述

最后在表单容器上增加提交事件即可

在这里插入图片描述

预览发布

表单做好后点击预览发布，我们选择实时预览在手机上扫码体验

在这里插入图片描述

在这里插入图片描述

运营后台

作为商家可以通过CMS内容管理后台来查看用户提交的数据

在这里插入图片描述

体验程序

想体验的可以点击我的线上体验地址发票小程序