留言板展示demo，springboot项目留言板

最新推荐文章于 2024-07-26 15:37:52 发布

csdncvzhanshi

最新推荐文章于 2024-07-26 15:37:52 发布

阅读量638

点赞数

分类专栏： java vue mysql 文章标签： spring boot mybatis mysql

本文链接：https://blog.csdn.net/csdncvzhanshi/article/details/119449531

版权

这是一个使用SpringBoot和Mybatis构建的留言板演示项目，包括HTML页面展示、Comment实体类定义以及对应的Mapper XML文件和MySQL数据库操作。

摘要由CSDN通过智能技术生成

展示图：

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言板</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios@0.21.1/dist/axios.min.js"></script>
</head>
<body>
<div id="vue">
    <h1 style="text-align: center">留言板</h1>


    <div style="text-align: center" v-for="json in jsons">
        <span style="color: firebrick">{
  {json.name}}:&nbsp;&nbsp;&nbsp;</span>
        <span>{
  {json.comment_msg}}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: red">发表时间：</span><span>{
  {json.comment_time}}</span>&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div v-for="j in json.comment_reply">
            <span style="color: firebrick">{
  {j.namea}} 回复 {
  {j.nameb}}:&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <span>{
  {j.comment_reply_msg}}</span>&nbsp;
        </div>
    </div>

</div>
<script>

    var vue = new V