(3)完善BlogService 和BlogServiceImpl
BlogService
package cn.itbluebox.springbootcsdn.service;
import cn.itbluebox.springbootcsdn.domain.Blog;
import cn.itbluebox.springbootcsdn.vo.PageResult;
public interface BlogService {
PageResult queryBlogByPage(String title, Integer page, Integer rows);
}
BlogServiceImpl
package cn.itbluebox.springbootcsdn.service.Impl;
import cn.itbluebox.springbootcsdn.domain.Blog;
import cn.itbluebox.springbootcsdn.mapper.BlogMapper;
import cn.itbluebox.springbootcsdn.service.BlogService;
import cn.itbluebox.springbootcsdn.vo.PageResult;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class BlogServiceImpl implements BlogService {
@Autowired
private BlogMapper blogMapper;
@Override
public PageResult queryBlogByPage(String title, Integer page, Integer rows) {
PageHelper.startPage(page, rows);//自动创建好分页的条件
System.out.println(“----------”);
List list = blogMapper.queryBlogByPage(title);
PageResult pageResult = new PageResult();
pageResult.setItems(list);//设置数据
//解析分页结果
PageInfo pageInfo = new PageInfo(list);//得到分页信息
pageResult.setTotal(pageInfo.getTotal());//设置总条数
long l = pageInfo.getTotal() / pageInfo.getPageSize();
pageResult.setTotalPage(Integer.parseInt(l+1+“”));
return pageResult;
}
}
(4)完善BlogMapper
package cn.itbluebox.springbootcsdn.mapper;
import cn.itbluebox.springbootcsdn.domain.Blog;
import org.apache.ibatis.annotations.Select;
import tk.mybatis.mapper.common.Mapper;
import java.util.List;
public interface BlogMapper extends Mapper {
@Select(“select * from blog where title like ‘%${title}%’”)
List queryBlogByPage(String title);
}
(5)完善SpringBootCSDNApplication
package cn.itbluebox.springbootcsdn;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import tk.mybatis.spring.annotation.MapperScan;
@SpringBootApplication
@MapperScan(“cn.itbluebox.springbootcsdn.mapper”)
public class SpringBootCSDNApplication {
public static void main(String[] args) {
SpringApplication.run(SpringBootCSDNApplication.class, args);
}
}
2、运行测试
访问:http://localhost:9090/blog/queryBlogByPage?title=&page=1&rows=5
1、修改App.vue
2、完善HelloWorld.vue
<el-table
:data=“items”
@row-click=“open”
style=“width: 80%;margin: auto;top:80px”>
<el-table-column
prop=“thumbnail”
label=“缩略图”
width=“180”>
<el-table-column
prop=“title”
label=“标题”
width=“180”>
<el-table-column
prop=“abstract_text”
label=“摘要”>
<el-pagination
:page-size=“rows”
layout=“prev, pager, next”
:total=“total”
@current-change=“current_change”
点击翻页
1、修改BlogArticle
package cn.itbluebox.springbootcsdn.domain;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import javax.persistence.Table;
import java.util.Date;
@Data
@NoArgsConstructor
@AllArgsConstructor
@Table(name = “blog_article”)
public class BlogArticle extends Blog{
private Long id;
private String context;
private Date last_update_time; //更新时间
private Character is_original;
}
2、完善BlogController实现通过id查询
@GetMapping(“queryBlogArticleById”)
public ResponseEntity queryBlogById(
@RequestParam(value = “id”) Long id
) {
return ResponseEntity.ok(blogService.queryBlogArticleById(id));
}
3、完善BlogService以及BlogServiceImpl
BlogService
package cn.itbluebox.springbootcsdn.service;
import cn.itbluebox.springbootcsdn.domain.Blog;
import cn.itbluebox.springbootcsdn.domain.BlogArticle;
import cn.itbluebox.springbootcsdn.vo.PageResult;
public interface BlogService {
PageResult queryBlogByPage(String title, Integer page, Integer rows);
BlogArticle queryBlogArticleById(Long id);
}
BlogServiceImpl
@Override
public BlogArticle queryBlogArticleById(Long id) {
return blogArticleMapper.queryBlogArticleById(id);
}
4、完善BlogArticleMapper
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
文章到这里就结束了,如果觉得对你有帮助可以点个赞哦
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
,同时减轻大家的负担。**
[外链图片转存中…(img-Vdgn0xgy-1712453916399)]
[外链图片转存中…(img-cmyJIZ9p-1712453916399)]
[外链图片转存中…(img-ET4uc6HC-1712453916400)]
[外链图片转存中…(img-Y97AxmYY-1712453916400)]
[外链图片转存中…(img-SUSVy2zk-1712453916400)]
[外链图片转存中…(img-7oQ80JC1-1712453916400)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-K1gmhyXq-1712453916401)]
最后
文章到这里就结束了,如果觉得对你有帮助可以点个赞哦
[外链图片转存中…(img-wTpg3Seo-1712453916401)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-gFpKmRxU-1712453916401)]