前言

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

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

需求说明

用户可以在小程序上留言 / 投诉 / 提交意见反馈；
后台可以查看并管理用户提交的所有留言数据；

预算

0 元，免费实现

需求实现

启用留言模块

登录 “第一步” 注册的后台，左侧菜单 —> 工厂设置 —> 模块管理

找到 “评论管理” 模块，点击 “启用模块” ，然后 F5 刷新一下后台界面，你将可以看到新的菜单： “CMS模块” —> “留言管理” ；

编写小程序代码：

  1. const WXAPI = require('apifm-wxapi')
  2. WXAPI.init('gooking')
  4. Page({
  6.   data: {
  8.   },
  9.   onLoad: function (options) {
  10.     WXAPI.addComment({
  11.       type: 0,
  12.       content: '这是留言的内容，提交后可在后台看到'
  13.     }).then(res => {
  14.       console.log(res)
  15.     })
  16.   }
  17. })

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

运行小程序，登录后台查看用户的留言

附截图如下：
留言板例子 - 图1

高手进阶

WXAPI.addComment

主要有哪些参数呢？
可查看该接口的参数说明文档，用以实现更加高级的功能：
《api接口文档》

通过这些参数，你可以实现留言、投诉建议、文章评论；
以及需要填写更多的表单项目支持的 “ extJsonStr”

思考题

你们可以尝试使用以下方法，来读取用户留言的数据，继而在小程序界面上进行展示；
该方法一般结合文章详情来读取文章的所有评论数据：

  1. WXAPI.commentList(Object object)

期待你的进步！
感谢！