用springboot把后台数据库分类数据显示给前台

最新推荐文章于 2022-11-11 09:54:51 发布

原创

最新推荐文章于 2022-11-11 09:54:51 发布 · 1.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #数据库 #分类 #vue2

该博客介绍了如何使用SpringBoot框架将后台数据库中的分类数据通过API返回，结合Vue2实现前端的动态显示。博主详细讲解了Vue2的index.html和index.js核心代码，以及后端BlogCategoryController的Java代码，利用axios进行异步数据交互。此外，还提到了IBlogCategoryService接口和BlogCategoryServiceImpl实现类，展示了如何实现简单CRUD操作的复用。

在这里插入图片描述

根据sorted进行了排序效果如下：

在这里插入图片描述

使用vue实现，index.html核心代码

<div  class="p4 square-operation-item "
           :class="[-1==cindex?'active':'']" @click="searchByCid(0,-1)">
      全部
     </div>
     <div class="p4 square-operation-item"
          v-for="(blogcate,index) in blogCategories"
          :class="[index==cindex?'active':'']"
          @click="searchByCid(blogcate.id,index)">
      {
  
  {index+1}}/{
  
  {blogcate.categoryTitle}}
 </div>