留言版代码(留言板小程序代码)

页面导航与留言板设置

数组 "pages" 包含了两个页面：主页 "index" 和添加留言的 "add" 页面。我们的窗口标题设定为 "留言板"，并设置了导航栏的背景颜色为鲜明的 "3898f8"。

查看留言

对于每一条留言，我们将展示用户名 `{{item.username}}`、留言内容 `{{item.content}}` 和留言的创建时间 `{{item.created_at}}`。用户能够清晰地看到每一条留言的详细信息。

写留言功能

在 "写留言" 的提示下，我们进入了一个页面，该页面包含两个输入框，分别用于输入用户名 `username` 和留言内容 `content`。通过 `inputUsername` 和 `inputContent` 方法，我们可以实时获取用户的输入并更新数据。

加载与提交留言

在页面加载时，我们调用 `onLoad` 方法启动云开发 `wx.cloudit` 并调用 `loadMessages` 函数来从 'messages' 集合中获取留言数据。获取的数据将通过 `setData` 方法更新到页面的 `messages` 数组中。

当用户完成留言内容的输入并点击 "提交" 时，我们会再次使用云开发。调用 `db.collection('messages').add` 方法添加新的留言数据，包括用户名、留言内容和创建时间。提交成功后，使用 `wx.navigateBack` 方法返回上一页面。