低代码布道师的博客

我们上一篇介绍了会员注册的功能，会员注册后再次进入页面的时候就可以根据openid加载会员信息，本篇我们介绍一下显示会员的余额。

本篇我们介绍了会员注册的开发流程。先讲解了后端API怎么开发，接着搭建了页面布局，之后进行了事件绑定。低代码开发既涉及前端开发也涉及后端开发，因为支持写各类逻辑，总体上比较灵活，不像有些人宣传的说是只能托拉拽不能写复杂的应用。

本篇我们介绍了控制会员开通视图是否展示的功能。先修改了我们用户登录的逻辑，然后创建变量用来接收API返回结果。接着创建了自定义方法调用我们的API，最后给会员开通视图绑定了条件展示。总体上像这种有权限判断的功能都是要写前后端逻辑的，这就要求你具备全栈的开发能力，否则是做不出来的。

我们现在已经实现了用户的登录和注册功能，加油站小程序在自主加油的时候需要用户先开通会员并完成充值的动作，本篇我们介绍一下会员相关的功能。

本篇我们详细介绍了如何在前端将数据通过API写入数据库中，涉及不少理论加实践的事情。实际你自己在粘贴的时候，按照上述方法修改好，遇到问题多看看我教程里是怎么写的，调试程序是一个程序员必备的能力。

我们本篇介绍了用户登录及注册的逻辑，涉及数据源的创建、后端API的编写、前端逻辑的编写。像这种有前后端交互的，还是手写代码比较稳妥，如果靠可视化配置因为异步调用会带来各种不可预知的问题，通过await强制调用结束后继续执行是比较优化的方案。

在小程序中，当用户点击具体活动时，应该以弹窗的形式给出信息的展示，本篇我们介绍活动详情功能的开发过程。在我们的首页，当点击活动卡片的时候我们希望弹出弹窗来显示具体的内容，原型如下。代码输入后点击方法测试，添加入参，看到执行的结果，点击出参自动映射。第三个普通容器也添加一个文本组件，设置普通容器的背景色、圆角、边距。在代码区添加一个变量，变量类型选择对象，用来接收API调用的结果。在我们的活动卡片点击的时候，调用我们的方法，传入数据标识。方法调用的时候需要传入活动标识，点击入参设置，添加id。

本系统采用现代化的低代码搭建技术，整合了加油站运营管理的各个环节，为站点管理者、工作人员和用户提供了全方位的智能化解决方案。优惠活动模块，通过promotions表存储活动基本信息，promotion_rules表定义活动规则，user_coupons表记录用户优惠券使用情况，支持多样化的营销策略。有了表结构之后，我们还是先搭建后台管理功能。打开我们的管理后台，创建页面，根据表创建对应的列表、编辑、查看页面。回到活动列表页面，给活动规则按钮配置点击事件，打开我们的活动规则页面，将当前行的数据标识传入。

在内层容器的第一个普通容器里添加文本组件，修改文本内容为今日油价，设置普通容器的样式为，12px字号、白色字体、上下各2px的内边距，左右各8px的内边距，4px的圆角，绝对定位，距上边-10px，距左边16px。按照上述方法绑定第二列和第三列的文本，注意绑定的时候要修改数组的索引，第二列修改为1，第三列修改为2。选中页面组件添加弹窗。在表单容器的提交事件，我们分别配置更新油品表的价格字段，刷新数据表格，关闭弹窗。设置外层普通容器，内边距为16px，横向排列、两端对齐，8px的圆角，相对定位。

基本信息我们是通过变量进行绑定，像电话和导航图标我们要配置相应的动作进行实现。在低代码中，如果希望在页面上显示信息的，可以通过定义变量来实现。变量定义好之后就可以搭建页面布局了，和我们的宫格导航类似，还是使用网格布局进行搭建，先添加普通容器作为外层白色的背景。当我们的变量和布局都搭建好之后，就可以进行数据绑定了。字段依次绑定好之后，我们在数据库设置的站点表的数据就显示到了页面对应的位置上。调整图标的样式，第二列图标设置为时钟，第三列设置为地图导航。首先选择我们第一行的文本组件，点击文本内容的fx。

页面第一部分是一个功能菜单导航的区域，这种有固定列的布局可以使用网格布局进行搭建，下边的其实也可以用网格布局搭建，但是里边会有两端对齐这种效果就需要结合普通容器和文本、图标组件进行搭建。一般UI都是要配置好看的图标，但是我们从网上找的图片，好像都是jpg格式的，没办法使用，我们可以让大模型生成一下，下边是提示词。具体图标的样式你可以从网上找一个你满意的，大模型就会把他改写出来，得到svg的图标之后，我们就可以作为素材传上来，添加好就可以。搭建的话，我们先往页面中添加一个普通容器，用来显示灰色的背景。

作为我们教程的第一篇，我们讲解了如何拆解数据源、添加字段。基于搭建好的数据源，我们创建了管理后台，包括配置页面、开通账号、添加角色、分配权限等几个步骤。下一篇我们介绍一下小程序界面部分的搭建过程，敬请期待。

【代码】智慧加油站小程序数据库设计文档。

api/v1。

系统的最高权限角色，负责整个系统的管理和配置。主要职责系统配置管理用户和角色管理站点管理系统监控与维护数据备份与恢复。

智慧加油站应用管理端是一套面向加油站运营管理的综合性系统，旨在提升加油站的运营效率、服务质量和管理水平。系统采用Web应用形式，支持多角色协同工作。

智慧加油站小程序旨在为用户提供便捷的加油服务体验，包括自助加油、人工加油、会员服务等功能，实现加油过程的智能化和无纸化。