前言

本教程是基于 “apifm-wxapi” 模块，教你快速实现小程序开发，所以你可能需要先了解以下知识点：

《创建 HelloWorld 项目》
《使用 “apifm-wxapi” 快速开发小程序》
《免费注册开通后台，获得专属域名》

需求说明

后台发布公告；
小程序端显示最新公告、公告列表、点击可查看公告详情；

预算

0 元，免费实现

需求实现

启用“平台公告模块”模块

找到 “平台公告模块” 模块，点击 “启用模块” ，然后 F5 刷新一下后台界面，你将可以看到新的菜单： “公告管理” ；

后台发布并管理公告数据：

公告管理

编写小程序代码：

const WXAPI = require('apifm-wxapi')
WXAPI.init('gooking')Page({data: {},onLoad: function (options) {// 读取最新的一条公告WXAPI.noticeLastOne().then(res => {console.log('最新的一条公告：', res)})// 读取公告列表WXAPI.noticeList().then(res => {console.log('公告列表数据：', res)})}
})

WXAPI.init('gooking') 这句代码是将你的小程序链接到你的后台，其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明)；

思考题：

上面的例子，已经可以获取到后台发布的所有的公告列表数据，你可以自己动手来实现一下点击某一条公告，读取这条公告的详情数据；
调用方法：

WXAPI.noticeDetail(id)

期待你的进步！
感谢！

五分钟为你的小程序增加公告功能(最新公告、列表、详情)相关推荐

五分钟看懂同城小程序是什么，能做什么！
我们都知道,微信小程序是基于微信这样一个社交平台运行的轻应用,不需要用户下载任何软件,只需要有微信就能够直接使用,非常方便. 微趋道,就是小程序对于普通商家来说,小程序可谓是营销利器,开发成本低,运 ...
五分钟学会在微信小程序中使用 vantUI 组件库
前言我们在开发微信小程序时,设计和实现好用的用户界面无疑是至关重要的一步.但是微信小程序官方自带的 UI 组件库无法满足很多使用场景,这个时候就需要我们使用一些第三方的 UI 组件库.而 vant ...
妈耶，一分钟就能给小程序加上消息推送功能！
难吗很多开发者都觉得微信小程序的模板消息推送功能太复杂,还得自己写很多后端和前端代码! 哎!是时候表演真正的"懒人"技术了!! 不要开发后端代码!不要写一大堆前端埋点!不要五分钟 ...
微信小程序-增加水印（自定义内容）
Number1 微信小程序增加水印最近在整微信小程序,这里增加写自己最近用到的东西(仅为记录) 主要原则是增加一个水印的组件,新建components文件夹,在文件夹下面新建watermark组件 ...
抖音直播监测——2分钟了解知音数据小程序
公众号原文链接: 2分钟了解知音数据小程序知音数据小程序是针对抖音直播间的数据监测平台,提供对直播间数据持续监测和检索的能力. 主播看板,全局掌控主播数据小程序看板提供三块功能区:顶部主播概览 ...
为微信小程序增加换肤功能
起源之前,我做了一个展示类的微信小程序,本来都快要完结的了,可是突然,我才听说还要给小程序增加一个换肤功能,这个换肤功能可不是简单的写两套不同的样式表就行了,因为他要可以在后台动态替换背景,底图,文 ...
微信小程序增加悬浮在线客服
例如在index首页增加客服代码及一键拨打电话 1.index.wxss或者app.wxss文件里增加样式 .img-plus-style { height: 70rpx; width: 70rpx; ...
一分钟搞定微信小程序定位（wx.getLocation）功能
欢迎大家来到我的一分钟系列,跟大家安利一分钟系列主要让大家快速完成一个功能少踩不必要的坑,先完成功能再悟其中的原理. 这期主要为大家提供微信小程序的定位功能.换不多说,直接上干货. 首先微信官方提供的 ...
更方便！微信小程序任务栏功能升级：增加「我的小程序」
为了让用户更方便地使用小程序,微信公众平台今天宣布,升级小程序任务栏功能.新功能将支持用户打开最近使用过的小程序和「我的小程序」,「我的小程序」的个数上限将提高到 50 个. 此外,原有的星标功能,将 ...

五分钟为你的小程序增加公告功能(最新公告、列表、详情)

前言