家政服务小程序实战开发教程016-资讯功能开发
创始人
2024-05-29 12:09:24
0

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

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

01 搭建数据源

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

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

02 列表功能开发

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

03 详情页开发

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

总结

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

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...