美文网首页微信小程序apifm-wxapi微信小程序开发
五分钟为你的小程序增加公告功能(最新公告、列表、详情)

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

作者: fe1e31171ab2 | 来源:发表于2019-08-04 20:49 被阅读0次

    前言

    本教程是基于 “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)

    期待你的进步!
    感谢!

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/sezydctx.html