美文网首页微信小程序开发apifm-wxapi
小程序快速实现留言板功能

小程序快速实现留言板功能

作者: fe1e31171ab2 | 来源:发表于2019-08-02 08:06 被阅读6次

    前言

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

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

    需求说明

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

    预算

    0 元,免费实现

    需求实现

    启用留言模块

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

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

    编写小程序代码:

    const WXAPI = require('apifm-wxapi')
    WXAPI.init('gooking')
    
    Page({
    
      data: {
    
      },
      onLoad: function (options) {
        WXAPI.addComment({
          type: 0,
          content: '这是留言的内容,提交后可在后台看到'
        }).then(res => {
          console.log(res)
        })
      }
    })
    

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

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

    附截图如下:


    后台管理留言

    高手进阶

    WXAPI.addComment

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

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

    思考题

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

    WXAPI.commentList(Object object)
    

    期待你的进步!
    感谢!

    相关文章

      网友评论

        本文标题:小程序快速实现留言板功能

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