幼儿园小程序实战开发教程(下篇)

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了幼儿园小程序实战开发教程(下篇)相关的知识,希望对你有一定的参考价值。

目录

我们的连载小程序更新到第三篇了,前两篇分别讲解了需求设计及首页开发,前两篇文章如下:
需求分析及设计
首页开发
我们本篇继续我们的开发

关于我们

先开发一个介绍幼儿园的页面,一般是在后台先将文章录入好,前端的话从数据源读取信息展示到页面上。点击页面,切换到关于我们页面

要想从数据源读取信息,先需要定义变量。我们创建一个模型变量,读取数据源的第一条数据

添加一个富文本展示组件

内容绑定为变量中的关于我们字段

师资力量

师资力量的效果和园所介绍一样,我们可以复用师资力量的页面

精彩活动

活动的话一般是需要展示活动的图片和标题,我们这里使用数据列表组件来实现

数据模型选择精彩活动

选中图片组件,绑定数据源的活动图片字段

绑定时候发现数组类型不允许绑定,那我们给数据源里再增加一个图片字段即可

第一个文本绑定为标题


第二个文本绑定为创建日期,删掉第三个文本组件

作品展示

作品展示的效果和精彩活动类似,复用精彩活动的页面即可

新闻公告详情页

我们在首页点击公告的标题时,需要打开详情页。先往页面添加一个普通容器,里边添加标题、文本、富文本展示组件

详情内容需要从列表页传入数据标识进来,我们需要先新建一个参数变量

再定义一个模型变量,来通过参数变量获取数据

然后将对象的组件绑定到对应的字段上

回到首页,我们给图文展示项设置一个点击事件

跳转到详情页,并传入数据标识即可

总结

我们本篇介绍了小程序二级页面的开发,不同的二级页面展示的效果不同,可以搭配不同的组件来实现。有喜欢的同学照着做起来吧。

以上是关于幼儿园小程序实战开发教程(下篇)的主要内容,如果未能解决你的问题,请参考以下文章

幼儿园小程序实战开发教程04

幼儿园小程序实战开发教程04

幼儿园核酸预约登记小程序实战开发(下篇)

幼儿园小程序实战开发教程

幼儿园小程序实战开发教程

幼儿园小程序实战开发教程(中篇)