尊敬的校长,您好!

在上一篇教程中,我们成功为小程序首页安装了一个精美的“电子展示窗”——轮播图。现在,您可能会问:“如果我想更换上面的宣传海报,该怎么办呢?”

问得好!我们总不能每次都回头去修改小程序的设计。今天,我们就来创建一个专属的“后台管理办公室”。有了它,您和您的员工就可以像发朋友圈一样,随时随地用电脑或手机登录一个简单的网页,轻松更换首页的轮播图,而无需任何技术操作。

听起来很棒吧?我们开始动手!


第一步:创建您的“后台办公室”应用

我们的小程序是给家长和学员看的(我们称之为“用户端”),而后台办公室是给我们自己内部管理用的(我们称之为“管理端”)。所以,我们需要再创建一个独立的应用。

  1. 回到平台主界面
    :在您的低代码平台,找到可视化低代码
  1. 新建一个管理应用

切换到管理应用,点击从空白创建

输入应用名称


第二步:一键生成轮播图管理页面

接下来是神奇的时刻。我们不需要自己动手设计表格和按钮,平台可以根据我们第一篇教程里创建的“智能相册”(banner_images 数据模型),自动为我们生成一整套管理页面。

  1. 新建页面
    :在您的“阳光舞蹈管理后台”应用中,点击“新建页面”。
  1. 选择模板
    :在弹出的窗口中,选择一个叫“表格与表单页”的模板。这个模板天生就是为管理数据而生的。
  1. 绑定数据源
  • 平台会要求您选择要管理哪个“智能相册”(数据模型)。
  • 在列表中,找到我们之前创建的“轮播图相册 (banner_images)”,然后选中它。
  1. 自动生成
    :点击“新建”。只需一秒钟,平台就会自动为您生成一个功能完备的页面!这个页面默认就包含了:
  • 一个数据列表 ,用来展示所有已上传的轮播图。
  • 一个新增按钮 ,点击后可以弹出表单上传新图片。
  • 每一行数据后面都有编辑删除按钮。

第三步:装修“办公室”(搭建后台布局和菜单)

现在的管理页面虽然功能齐全,但还比较零散。我们需要给它装上一个统一的框架和导航菜单,让后台看起来更专业,也方便以后我们添加更多的管理功能(如课程管理、学员管理等)。

  1. 创建布局

在页面的左侧列表,切换到页面布局管理。

选择“左侧导航布局”。这种左边是菜单、右边是内容的布局是后台系统的标配。

零代码打造专业小程序(二):您的专属“后台办公室”,轻松管理轮播图

  1. 生成菜单

进入“左侧导航布局”的编辑界面。您会看到左侧有一个大纲树。

点击选中这个布局导航。在右侧的“属性”面板中,点击“根据页面一键生成”的图标。

这样设置后,菜单就会自动把我们创建的所有页面(比如刚才的轮播图管理页)都显示成一个导航项,非常智能!


通常我们只保留列表页面作为菜单即可

  1. 让管理页面“穿上”新布局

回到我们刚才用模板生成的“轮播图列表”页面。

选中页面组件,在右侧的属性面板里找到页面布局,选择左侧导航布局

您会立刻看到,页面的左侧出现了导航菜单,整个页面变得规整而专业了!默认空白页是首页,我们还需要将我们的列表页设置为首页


第四步:设置“办公室”的门锁(重置管理员密码)

我们的后台系统包含了机构的重要数据,绝不能让外人随意进入。平台默认会创建一个拥有最高权限的“超级管理员”账号,我们需要为它设置一个安全的密码。

  1. 进入云后台管理
    :在平台的主菜单,找到“用户管理”。
  1. 找到超级管理员
    :在用户列表中,找到用户名为 administrator 的账号。这是系统的超级管理员。
  1. 重置密码

点击该用户对应的“编辑”按钮。

输入一个您记得住的、相对复杂的密码。

保存修改。请务必记好这个账号和新密码!


第五步:“开业大吉!”(发布后台并上传新图片)

万事俱备,只差最后一步——将我们的“后台办公室”发布到互联网上,让我们可以通过网址访问它。