微信小程序 — — 实现微信公众号留言功能（附前、后端源码）

很高兴为您解答这个问题！以下是实现微信公众号留言功能的步骤和代码示例：

1. 在微信公众平台中配置小程序，获取 AppID 和 AppSecret。
2. 创建小程序页面，包括留言输入框和提交按钮，并在小程序中获取用户的 openid。
3. 在后端服务器中实现留言功能，包括接收小程序提交的留言数据和将留言数据存储到数据库中。
4. 在后端服务器中实现获取留言列表功能，包括从数据库中获取留言数据并返回给小程序。
5. 在小程序中调用后端服务器的接口实现留言和获取留言列表功能。

以下是前端页面示例代码：

<!--index.wxml-->
<view>
  <textarea bindinput="inputChange"></textarea>
  <button bindtap="submit">提交</button>
  <view wx:for="{{messages}}" wx:key="index">
    <text>{{item.content}}</text>
  </view>
</view>

// index.js
const app = getApp()

Page({
  data: {
    inputVal: '',
    messages: []
  },
  onLoad: function () {
    // 获取用户 openid
    wx.cloud.callFunction({
      name: 'login',
      success: res => {
        app.globalData.openid = res.result.openid
      },
      fail: err => {
        console.error('[云函数] [login] 调用失败', err)
      }
    })
    // 获取留言列表
    wx.request({
      url: 'https://yourserver.com/messages',
      success: res => {
        this.setData({
          messages: res.data
        })
      },
      fail: err => {
        console.error('[请求] [messages] 调用失败', err)
      }
    })
  },
  inputChange: function (e) {
    this.setData({
      inputVal: e.detail.value
    })
  },
  submit: function () {
    wx.request({
      url: 'https://yourserver.com/messages',
      method: 'POST',
      data: {
        openid: app.globalData.openid,
        content: this.data.inputVal
      },
      success: res => {
        wx.showToast({
          title: '提交成功',
          icon: 'success'
        })
        this.setData({
          inputVal: ''
        })
      },
      fail: err => {
        console.error('[请求] [messages] 调用失败', err)
      }
    })
  }
})

以下是后端服务器示例代码：

# app.py
from flask import Flask, request, jsonify
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///messages.db'
db = SQLAlchemy(app)

class Message(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    openid = db.Column(db.String(64))
    content = db.Column(db.String(512))

@app.route('/messages', methods=['GET'])
def get_messages():
    messages = Message.query.all()
    return jsonify([{
        'id': message.id,
        'openid': message.openid,
        'content': message.content
    } for message in messages])

@app.route('/messages', methods=['POST'])
def add_message():
    openid = request.json['openid']
    content = request.json['content']
    message = Message(openid=openid, content=content)
    db.session.add(message)
    db.session.commit()
    return jsonify({'id': message.id})

在实际开发中，您需要根据自己的需求对代码进行修改和优化。希望这个示例能对您有所帮助！