微信小程序仿知乎实现评论留言功能

近期，我研究并实现了微信小程序中的评论留言功能，颇有心得。在此，与大家分享这一仿知乎的体验，相信对热爱小程序开发的小伙伴们来说，具有一定的参考价值。

让我们欣赏一下实现后的效果。通过微信小程序，用户可以轻松发表留言评论，这一功能给用户提供了一个自由交流的平台。评论框、点赞、回复等功能一应俱全，且界面设计简洁明了。值得一提的是，只有在用户自己留言时，才会显示删除按钮，充分考虑到用户操作的便捷性和隐私性。

小程序界面设计

WXML代码片段展示了一个滚动视图，其中包含评论列表和回复功能。每个评论包括用户头像、用户名、评论内容和时间等信息。评论列表采用滚动加载的方式，可以下拉刷新数据，上拉加载更多评论。每个评论后面都有一个“回复”按钮，用户可以点击进行回复操作。还有发布评论的表单，包括回复内容输入框和发送按钮。

CSS样式方面，评论列表采用灵活的布局，字体大小和行高适中，易于阅读。回复框固定在最底部，方便用户操作。各个元素的样式设计简洁明了，色彩搭配合理，提升了用户体验。

JS代码部分主要处理页面逻辑和交互事件。在页面加载时，通过调用getSystemInfo获取系统信息，设置滚动视图的高度。通过调用getPageInfo获取评论列表数据。下拉刷新事件会重新获取第一页数据，上拉触底事件会加载更多评论数据。点击回复按钮时，会记录当前评论的ID和用户名，并显示回复框，供用户输入回复内容。删除评论功能会弹出确认框，询问用户是否确定删除该评论。

总体来说，这个小程序界面设计简洁、交互体验良好。用户可以通过滚动视图浏览评论列表，方便地进行回复和删除操作。合理的样式设计和布局提升了用户体验，使用户能够轻松地完成操作。

后端代码：

```java

package .melon.haul.web;

import java.sql.Date;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import .sf.json.JSONObject;

import .melon.haul.dto.DataUtil;

import .melon.haul.dto.GetLocation;

import .melon.haul.dto.Result;

import .melon.haul.entityment;

import .melon.haul.entity.District;

import .melon.haul.entity.Source;

import .melon.haul.servicementService;

import .melon.haul.service.DistrictService;

import .melon.haul.service.SourceService;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.;

@Controller

@RequestMapping("/Comment")

public class CommentController {

private Logger logger = LoggerFactory.getLogger(this.getClass());

@Autowired private CommentService commentService; //依赖注入CommentService服务类用于评论相关操作

//获取评论列表接口实现方法，通过sourceId和限制数量获取评论列表数据并返回前端展示页面展示评论列表数据。参数包括源id、限制数量以及偏移量。返回评论列表数据。如果发生异常则返回空列表。

@RequestMapping(value = "/getComments", method = RequestMethod.POST)

private @ResponseBody List getComments(@RequestParam("sourceId") int sourceId, @RequestParam("limited") int limited, @RequestParam("offset") int offset) {

List list = new ArrayList<>();

try {

list = commentService.getComment(sourceId, limited, offset);

} catch (Exception e) {

e.printStackTrace();

}

return list;

}

原文：

神秘的时光之旅——揭开寒武纪的面纱

当我们谈论寒武纪时，脑海中浮现的是一片混沌与未知。寒武纪时代，这个地球上生命刚刚起步的时代，它的神秘面纱吸引着我们深入。今天，让我们一起踏上这段神秘时光之旅，寒武纪的奥秘。

寒武纪是一个充满生机与活力的时代。那时的生物世界刚刚起步，生命开始在这片土地上绽放。各种奇异的生物形态纷纷崭露头角，犹如璀璨的明星点缀在浩瀚的生命星空中。这些生物虽然形态各异，但它们共同见证了寒武纪时代的诞生与发展。

走进寒武纪的世界，我们会发现这是一个充满奇迹与奥秘的时代。沉积岩层中保存的化石是科学家们揭示这一时期生命历程的重要依据。这些化石犹如时间的印记，承载着寒武纪时代的记忆。它们向我们诉说着那个时代的风云变幻，让我们感受到生命的顽强与坚韧。

寒武纪时代对于地质学和生物学的研究具有重要意义。通过对寒武纪生物化石的研究，科学家们逐渐揭示了生命演化的奥秘。这个时代的生物多样性和复杂的生态系统为我们提供了宝贵的线索，帮助我们了解地球生命的起源与发展。

在这个神秘的时代里，还有许多未知的领域等待我们去。寒武纪的奥秘如同一个巨大的宝藏，等待着勇敢的家去发掘。每一次的发现都将为我们揭开寒武纪的面纱，让我们更深入地了解这个神秘的时代。

让我们继续踏上这段时光之旅，寒武纪的更多奥秘。让我们用心去感受这个神秘时代的魅力，让生命之花在寒武纪的舞台上绽放光彩。

寒武纪之旅：揭开生命起源的神秘面纱

谈及寒武纪时代，我们的思绪飘向那混沌初开的时代，一个神秘莫测的时代。在这个地球生命刚刚萌芽的时期，隐藏着无数未知的秘密等待我们去揭示。现在，就让我们一同踏上这次充满神秘的时光之旅，寒武纪的无限奥秘。

寒武纪是一个生机勃勃的时代。生命的曙光刚刚照耀这片大地，生物世界开始崭露头角。各式各样的奇异生物形态纷纷涌现，犹如点点繁星在生命星空中熠熠生辉。这些形态各异的生物共同见证了寒武纪的诞生与蓬勃发展。

穿越寒武纪的时空，我们会发现这是一个充满奇迹与神秘的时期。沉积岩层中珍藏的化石是科学家们解读这一时代生命历程的宝贵钥匙。这些化石宛如时间的见证者，承载着寒武纪的记忆碎片。它们向我们述说着那个时代的风云激荡，让我们感受到生命的顽强与坚韧不拔的精神。

寒武纪时代对于地质学和生物学的研究具有举足轻重的意义。科学家们通过深入研究寒武纪的生物化石，逐渐揭开了生命演化的神秘面纱。这个时代的生物多样性和复杂的生态系统为我们提供了宝贵的线索，帮助我们揭开地球生命的起源之谜。

在这个神秘的时代里，仍有许多未知的领域等待我们去勇敢。寒武纪的奥秘犹如一片无尽的宝藏，等待着勇敢的家去发掘其中的珍宝。每一次的发现都将为我们揭开寒武纪的面纱，让我们更加深入地了解这个充满神秘的时代。

让我们继续这次时光之旅，寒武纪更多的奥秘和奇迹。让我们用心感受这个神秘时代的魅力所在，见证生命之花在寒武纪舞台上绽放的壮丽景象。这次旅程将是一次充满惊喜和发现的之旅，让我们共同揭开寒武纪的神秘面纱，生命的起源和演化的奥秘。