微信小程序加springboot后端实现可以点赞评论发布的代码

这里提供一个简单的微信小程序和Spring Boot后端实现点赞、评论和发布的代码示例。

1. 微信小程序代码

在微信小程序中，我们需要实现三个核心功能：点赞、评论和发布。这里给出一个简单的UI设计和相关的代码实现。

1.1 界面设计

在小程序的界面中，我们需要实现以下几个页面：

- 首页：展示所有已发布的文章列表，包括文章标题、作者、发布时间、点赞数和评论数。
- 文章详情页：展示某一篇文章的详细信息，包括文章标题、作者、发布时间、点赞数、评论数和文章内容。
- 发布文章页：用户可以在此页面发布自己的文章。
- 评论页：用户可以在此页面查看某一篇文章的所有评论，并可以发表自己的评论。
- 点赞功能：用户可以在文章详情页中对文章进行点赞或取消点赞操作。
- 评论功能：用户可以在文章详情页和评论页中发表评论。

下面是一个简单的UI设计：


1.2 代码实现

在微信小程序中，我们需要使用`wx.request()`来向后端发送请求。例如，向后端请求所有文章列表：

wx.request({
  url: 'http://localhost:8080/article/list',
  success: function (res) {
    console.log(res.data);
    // TODO: 处理返回的文章列表数据
  }
})

在微信小程序中，我们还需要使用`wx.navigateTo()`和`wx.redirectTo()`等方法来实现页面跳转。例如，跳转到文章详情页：

wx.navigateTo({
  url: '/pages/article-detail/article-detail?id=' + articleId
})

其他具体实现细节可以参考下面的完整代码。

2. Spring Boot后端代码

在Spring Boot后端中，我们需要实现以下几个核心功能：

- 文章列表查询接口：查询所有已发布的文章列表。
- 文章详情查询接口：查询某一篇文章的详细信息。
- 文章发布接口：发布一篇新的文章。
- 评论列表查询接口：查询某一篇文章的所有评论。
- 评论发布接口：发布一条新的评论。
- 点赞接口：对某一篇文章进行点赞或取消点赞操作。

下面给出一个简单的Spring Boot后端实现。

2.1 依赖

在`pom.xml`中添加以下依赖：

<dependencies>
  <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
  </dependency>
  <dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.62</version>
  </dependency>
</dependencies>

2.2 数据库

这里使用MySQL来存储文章和评论的信息。在MySQL中创建`article`和`comment`表，具体的DDL语句如下：

CREATE TABLE `article` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '文章ID',
  `title` varchar(255) NOT NULL COMMENT '文章标题',
  `author` varchar(255) NOT NULL COMMENT '文章作者',
  `content` text NOT NULL COMMENT '文章内容',
  `create_time` datetime NOT NULL COMMENT '创建时间',
  `update_time` datetime NOT NULL COMMENT '更新时间',
  `praise_count` int(11) NOT NULL DEFAULT '0' COMMENT '点赞数',
  `comment_count` int(11) NOT NULL DEFAULT '0' COMMENT '评论数',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4 COMMENT='文章表';

CREATE TABLE `comment` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '评论ID',
  `article_id` bigint(20) NOT NULL COMMENT '文章ID',
  `content` text NOT NULL COMMENT '评论内容',
  `create_time` datetime NOT NULL COMMENT '创建时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4 COMMENT='评论表';

2.3 实体类

在Java中，我们需要定义相应的实体类来映射数据库中的表结构。具体实现如下：

文章实体类`Article.java`：

public class Article {

    private Long id;
    private String title;
    private String author;
    private String content;
    private Date createTime;
    private Date updateTime;
    private Integer praiseCount;
    private Integer commentCount;

    // getter 和 setter 方法省略
}

评论实体类`Comment.java`：

public class Comment {

    private Long id;
    private Long articleId;
    private String content;
    private Date createTime;

    // getter 和 setter 方法省略
}

2.4 DAO层

在DAO层中，我们需要定义相应的接口和实现类来操作数据库。具体实现如下：

文章DAO接口`ArticleDao.java`：

public interface ArticleDao {

    List<Article> list();

    Article getById(Long id);

    int save(Article article);

    int updatePraiseCount(Long id, Integer delta);

    int updateCommentCount(Long id, Integer delta);
}

文章DAO实现类`ArticleDaoImpl.java`：

@Repository
public class ArticleDaoImpl implements ArticleDao {

    @Autowired
    private JdbcTemplate jdbcTemplate;

    @Override
    public List<Article> list() {
        String sql = "SELECT * FROM article ORDER BY create_time DESC";
        return jdbcTemplate.query(sql, new BeanPropertyRowMapper<>(Article.class));
    }

    @Override
    public Article getById(Long id) {
        String sql = "SELECT * FROM article WHERE id = ?";
        return jdbcTemplate.queryForObject(sql, new Object[]{id}, new BeanPropertyRowMapper<>(Article.class));
    }

    @Override
    public int save(Article article) {
        String sql = "INSERT INTO article(title, author, content, create_time, update_time) VALUES(?, ?, ?, ?, ?)";
        return jdbcTemplate.update(sql, article.getTitle(), article.getAuthor(), article.getContent(), article.getCreateTime(), article.getUpdateTime());
    }

    @Override
    public int updatePraiseCount(Long id, Integer delta) {
        String sql = "UPDATE article SET praise_count = praise_count + ? WHERE id = ?";
        return jdbcTemplate.update(sql, delta, id);
    }

    @Override
    public int updateCommentCount(Long id, Integer delta) {
        String sql = "UPDATE article SET comment_count = comment_count + ? WHERE id = ?";
        return jdbcTemplate.update(sql, delta, id);
    }
}

评论DAO接口`CommentDao.java`：

public interface CommentDao {

    List<Comment> listByArticleId(Long articleId);

    int save(Comment comment);
}

评论DAO实现类`CommentDaoImpl.java`：

@Repository
public class CommentDaoImpl implements CommentDao {

    @Autowired
    private JdbcTemplate jdbcTemplate;

    @Override
    public List<Comment> listByArticleId(Long articleId) {
        String sql = "SELECT * FROM comment WHERE article_id = ? ORDER BY create_time ASC";
        return jdbcTemplate.query(sql, new Object[]{articleId}, new BeanPropertyRowMapper<>(Comment.class));
    }

    @Override
    public int save(Comment comment) {
        String sql = "INSERT INTO comment(article_id, content, create_time) VALUES(?, ?, ?)";
        return jdbcTemplate.update(sql, comment.getArticleId(), comment.getContent(), comment.getCreateTime());
    }
}

2.5 Service层

在Service层中，我们需要定义相应的接口和实现类来处理业务逻辑。具体实现如下：

文章Service接口`ArticleService.java`：

public interface ArticleService {

    List<Article> list();

    Article getById(Long id);

    int save(Article article);

    int updatePraiseCount(Long id, Boolean add);

    int updateCommentCount(Long id, Boolean add);
}

文章Service实现类`ArticleServiceImpl.java`：

@Service
public class ArticleServiceImpl implements ArticleService {

    @Autowired
    private ArticleDao articleDao;

    @Override
    public List<Article> list() {
        return articleDao.list();
    }

    @Override
    public Article getById(Long id) {
        return articleDao.getById(id);
    }

    @Override
    public int save(Article article) {
        Date now = new Date();
        article.setCreateTime(now);
        article.setUpdateTime(now);
        return articleDao.save(article);
    }

    @Override
    public int updatePraiseCount(Long id, Boolean add) {
        Integer delta = add ? 1 : -1;
        return articleDao.updatePraiseCount(id, delta);
    }

    @Override
    public int updateCommentCount(Long id, Boolean add) {
        Integer delta = add ? 1 : -1;
        return articleDao.updateCommentCount(id, delta);
    }
}

评论Service接口`CommentService.java`：

public interface CommentService {

    List<Comment> listByArticleId(Long articleId);

    int save(Comment comment);
}

评论Service实现类`CommentServiceImpl.java`：

@Service
public class CommentServiceImpl implements CommentService {

    @Autowired
    private CommentDao commentDao;

    @Override
    public List<Comment> listByArticleId(Long articleId) {
        return commentDao.listByArticleId(articleId);
    }

    @Override
    public int save(Comment comment) {
        Date now = new Date();
        comment.setCreateTime(now);
        return commentDao.save(comment);
    }
}

2.6 Controller层

在Controller层中，我们需要定义相应的接口来处理HTTP请求。具体实现如下：

文章Controller类`ArticleController.java`：

@RestController
@RequestMapping("/article")
public class ArticleController {

    @Autowired
    private ArticleService articleService;

    @Autowired
    private CommentService commentService;

    @GetMapping("/list")
    public List<Article> list() {
        return articleService.list();
    }

    @GetMapping("/detail")
    public Article detail(Long id) {
        return articleService.getById(id);
    }

    @PostMapping("/publish")
    public int publish(@RequestBody Article article) {
        return articleService.save(article);
    }

    @PostMapping("/praise")
    public int praise(Long id, Boolean add) {
        return articleService.updatePraiseCount(id, add);
    }

    @GetMapping("/comment/list")
    public List<Comment> listComments(Long articleId) {
        return commentService.listByArticleId(articleId);
    }

    @PostMapping("/comment/publish")
    public int publishComment(@RequestBody Comment comment) {
        int result = commentService.save(comment);
        if (result > 0) {
            articleService.updateCommentCount(comment.getArticleId(), true);
        }
        return result;
    }
}

2.7 配置文件

在Spring Boot中，我们需要在`application.properties`或`application.yml`中配置相关参数。例如，配置MySQL连接信息：

spring.datasource.url=jdbc:mysql://localhost:3306/test?useSSL=false&serverTimezone=Asia/Shanghai&characterEncoding=utf-8
spring.datasource.username=root
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

其他具体实现细节可以参考下面的完整代码。

3. 完整代码

完整的微信小程序和Spring Boot后端的代码可以在我的GitHub仓库中查看：

- 微信小程序：https://github.com/zhongmingmao/wechat-mini-program-example
- Spring Boot后端：https://github.com/zhongmingmao/spring-boot-example