家政服务小程序实战开发教程016-资讯功能开发

小程序中除了提供业务功能外,我们通常还会提供专业知识的分享。知识一个是提高日活,另外一方面也可以显得你对你所在的行业比较专业。

资讯功能我们分为两部分内容,一部分是列表功能,一部分是详情功能。按照我们低代码开发的步骤,需要先搭建数据源,然后搭建组件,最后讲页面进行关联。

01 搭建数据源

登录微搭的控制台,点击数据模型,点击新建数据模型

在这里插入图片描述
输入名称,由系统自动生成标识
在这里插入图片描述
点击编辑进入编辑视图
在这里插入图片描述
点击添加字段,我们先需要添加一个标题
在这里插入图片描述
再添加一个正文内容字段,类型选择富文本
在这里插入图片描述
数据源建好之后,回到数据模型列表,点击咨讯信息的更多,点击管理数据
在这里插入图片描述
点击新建按钮录入几条测试数据
在这里插入图片描述

02 列表功能开发

有了数据源之后,我们就可以开始开发功能了。功能的呈现要依赖于页面,需要先创建页面。点击页面组件区旁边的+号,输入页面的名称
在这里插入图片描述
在这里插入图片描述
列表页面的开发我们直接使用数据列表组件即可,加入组件后选择我们刚刚创建的数据源
在这里插入图片描述
默认将正文内容带入了列表,我们需要改成创建时间,选中该组件,将内容绑定为创建时间
在这里插入图片描述

03 详情页开发

列表页开发好之后,我们就需要开发详情页的功能,同样的点击页面组件区的+号,创建一个详情页
在这里插入图片描述
详情页里需要添加数据详情组件,数据模型选择我们创建的数据源
在这里插入图片描述
我们只需要显示标题和正文,先将不需要的组件删除。选中文本组件,将文本内容绑定为标题
在这里插入图片描述
添加一个富文本展示组件,内容绑定为正文内容
在这里插入图片描述
选中页面,我们需要添加一个URL参数
在这里插入图片描述
在这里插入图片描述
选中数据详情设置一个筛选条件,让我们的数据标识等于我们的id
在这里插入图片描述
回到列表页,我们给列表定义点击事件,跳转到详情页
在这里插入图片描述
这样功能就做好了

总结

我们本篇讲解了一个常见功能的列表信息和详情页的设计,使用低码开发还是比较方便的,如果是简单场景无非是花几分钟做配置,并不涉及到开发。

猜你喜欢

转载自blog.csdn.net/u012877217/article/details/129361725