加油站会员管理小程序03 创建应用

Posted 2023-01-21 低代码布道师

我们上一篇介绍了数据源的创建，本篇我们介绍应用的创建。

微搭低代码中一共有两类应用，一类是数据模型应用，一类是自定义应用。数据模型应用往往对应着PC端的管理后台，例如我们的小程序通常需要一个管理后台来录入数据。

自定义应用对应着几类应用，小程序、H5、PC。小程序是运行在微信里的应用程序，H5和PC通常对应着企业的官网和移动站点，通常需要通过域名来进行访问。

应用创建的时候除了可以自主创建外，还可以通过模板新建。目前微搭低代码提供了丰富的模板库，涵盖了各行各业，我们可以以此为基础进行拓展。

对于零基础的同学来说，通常我建议先从模板开始学习。看着官方的示例往往学习进度会更快。也有心急的同学，看完模板觉得不是自己想要的。通常是由于没有任何开发基础，一方面看不懂模板，另一方面因为底子比较薄弱，无法按照自己的想法搭建出想要的模板。

计算机作为知识密集型的产业，通常是需要投入大量的时间进行学习和训练。其实学习有路径，要先看官方文档，因为文档会介绍的比较清楚。看了文档是搭建基础的过程，看过要结合实际，那看模板就是最快速的学习方式。

因为我们本次是开发的小程序，所以我们先需要创建一个自定义应用

输入应用的名称，支持的平台我们选择第三类

进入到快速开始页面后，需要点击空白页完成页面的创建

页面创建好之后会打开应用的编辑器，编辑器分为几个部分，如下图：

第一部分是侧边栏导航，分别可以编辑页面、创建数据源、上传素材、设置应用。

编辑页面我们通常会将组件进行搭建，创建数据源可以方便的创建和修改数据源，一般应用用到的图标、背景等素材上传到应用里。而设置应用这块可以启用登录，一般你的小程序如果需要输入用户名和密码登录的可以在这里操作

操作数据源

上传素材

应用设置

实验室支持以代码的形式来创建应用，如果不是专业的开发人员不建议使用。

第二部分是顶部导航，我们通常在顶部导航创建变量，编写前端的业务逻辑，预览发布应用

变量管理

代码编辑器

预览发布

第三部分是页面组件区域，这里罗列出了各种可以使用的组件，可以将组件拖拽到组件编辑区域里

第四部分是组件编辑预览区域，在这个区域可以调整组件的位置，预览区域可以看到各种设置的最终的效果。需要注意的是，如果需要调用微信API的，比如打开文件的，需要发布成小程序在手机里才可以看到

做程序员最重要的能力就是调试能力，可以点击开发调试工具来观察程序的输出，查看报错信息来定位问题

第五部分为属性面板区，可以设置页面或组件的各种属性，比如文本内容。也可以给组件定义各种事件，比如点击。如果需要设置组件样式的可以切换到样式页签进行设置。

我们本节课先讲解一下应用的基础操作，下一节我们介绍一下轮播容器的使用。