springboot新闻首页+搜索+详情页

文章目录

  • 一、新闻首页
  • 二、搜索
  • 三、详情页

一、新闻首页

在NewRepository中添加接口(按照是否推荐进行查询):

    @Query("select n from News n where n.recommend = true")
    List<News> findTop(Pageable p);

1.在NewService中添加接口,并在Impl中实现
1.1接口:

    //主页显示新闻列表
    Page<News> listNew(Pageable pageable);
    //主页推荐最新新闻列表
    List<News> listRecommendNewTop(Integer size);

1.2实现:

    @Override
    public Page<News> listNew(Pageable pageable) {
     
        return newRepository.findAll(pageable);
    }
    
    @Override
    public List<News> listRecommendNewTop(Integer size) {
     
        Sort sort = Sort.by(Sort.Direction.DESC,"updateTime");
        Pageable pageable = PageRequest.of(0,size,sort);
        return newRepository.findTop(pageable);
    }

2.在TypeRepository类中添加接口(查询类型最多的新闻种类),在TagRepository类中添加接口(查询标签数目最多的新闻)
TypeRepository:

    @Query("select t from Type t")
    List<Type> findTop(Pageable pageable);

TagRepository:

    @Query("select t from Tag t")
    List<Tag> findTop(Pageable p);

3.在Service和Impl中写入与上面数据库查询相对应的逻辑实现
TypeService接口

 List<Type> listTypeTop(Integer size);

TypeServiceImpl实现

    @Override
    public List<Type> listTypeTop(Integer size) {
     
        Sort sort = Sort.by(Sort.Direction.DESC,"news.size");
        Pageable pageable = PageRequest.of(0,size,sort);
        return typeRepository.findTop(pageable);
    }

TagService接口:

List<Tag> listTagTop(Integer size);

TagServiceImpl实现:

    @Override
    public List<Tag> listTagTop(Integer size) {
     
        Sort sort = Sort.by(Sort.Direction.DESC,"newsList.size");
        Pageable pageable = PageRequest.of(0,size,sort);
        return tagRepository.findTop(pageable);
    }

4.在新建的IndexController类中写入功能管理

@Controller
public class IndexController {
     

    @Autowired
    private TypeService typeService;

    @Autowired
    private TagService tagService;

    @Autowired
    private NewService newService;

    @GetMapping("/")
    public String index(@PageableDefault(size = 3,sort = {
     "updateTime"},direction = Sort.Direction.DESC)
                        Pageable pageable, Model model){
     
        model.addAttribute("page",newService.listNew(pageable));
        model.addAttribute("types",typeService.listTypeTop(3));
        model.addAttribute("tags",tagService.listTagTop(3));
        model.addAttribute("recommendNews",newService.listRecommendNewTop(3));
        return "index";
    }
}

5.在index.html文件中进行一个小小修改
图中newss需改为news,与Type实体类属性名一致
springboot新闻首页+搜索+详情页_第1张图片springboot新闻首页+搜索+详情页_第2张图片
同理,关于Tag的前端页面,相同位置也需进行修改,使之与实体类中属性名一致
至此,新闻首页展示完成。

二、搜索

1.在NewRepository中添加查询接口(按照新闻标题或是新闻简介进行查询):

    @Query("select n from News n where n.title like ?1 or n.content like ?1")
    Page<News> findByQuery(String query, Pageable pageable);

2.在NewServie中添加搜索接口并在Impl中实现:
接口:

    //全局搜索
    Page<News> listNew(String query,Pageable pageable);

实现:

    @Override
    public Page<News> listNew(String query, Pageable pageable) {
     
        return newRepository.findByQuery(query,pageable);
    }

3.在IndexController中写上搜索管理:

    @PostMapping("/search")
    public String search(@PageableDefault(size = 3,sort = {
     "updateTime"},direction = Sort.Direction.DESC)
                         Pageable pageable, @RequestParam String query,Model model){
     
        model.addAttribute("page",newService.listNew("%"+query+"%",pageable));
        model.addAttribute("query",query);
        return "search";
    }

至此,搜索功能完成

三、详情页

添加工具类,使得新闻内容中的格式符号不会显示
springboot新闻首页+搜索+详情页_第3张图片
代码如下:

public class MarkdownUtils {
     


    /**
     * markdown格式转换成HTML格式
     * @param markdown
     * @return
     */
    public static String markdownToHtml(String markdown) {
     
        Parser parser = Parser.builder().build();
        Node document = parser.parse(markdown);
        HtmlRenderer renderer = HtmlRenderer.builder().build();
        return renderer.render(document);
    }

    /**
     * 增加扩展[标题锚点,表格生成]
     * Markdown转换成HTML
     * @param markdown
     * @return
     */
    public static String markdownToHtmlExtensions(String markdown) {
     
        //h标题生成id
        Set<Extension> headingAnchorExtensions = Collections.singleton(HeadingAnchorExtension.create());
        //转换table的HTML
        List<Extension> tableExtension = Arrays.asList(TablesExtension.create());
        Parser parser = Parser.builder()
                .extensions(tableExtension)
                .build();
        Node document = parser.parse(markdown);
        HtmlRenderer renderer = HtmlRenderer.builder()
                .extensions(headingAnchorExtensions)
                .extensions(tableExtension)
                .attributeProviderFactory(new AttributeProviderFactory() {
     
                    public AttributeProvider create(AttributeProviderContext context) {
     
                        return new CustomAttributeProvider();
                    }
                })
                .build();
        return renderer.render(document);
    }

    /**
     * 处理标签的属性
     */
    static class CustomAttributeProvider implements AttributeProvider {
     
        @Override
        public void setAttributes(Node node, String tagName, Map<String, String> attributes) {
     
            //改变a标签的target属性为_blank
            if (node instanceof Link) {
     
                attributes.put("target", "_blank");
            }
            if (node instanceof TableBlock) {
     
                attributes.put("class", "ui celled table");
            }
        }
    }


    public static void main(String[] args) {
     
        String table = "| hello | hi   | 哈哈哈   |\n" +
                "| ----- | ---- | ----- |\n" +
                "| 斯维尔多  | 士大夫  | f啊    |\n" +
                "| 阿什顿发  | 非固定杆 | 撒阿什顿发 |\n" +
                "\n";
        String a = "[imCoding 爱编程](http://www.lirenmi.cn)";
        System.out.println(markdownToHtmlExtensions(a));
    }

}

1.在NewServie中添加接口并在Impl中实现(通过新闻Id获取新闻,并去除格式符号):
接口:

 News getAndConvert(Long id);

实现:

    @Override
    public News getAndConvert(Long id) {
     
        News news = newRepository.findById(id).orElse(null);
        if(news==null){
     
            System.out.println("该新闻不存在");
        }
        News news1 = new News();
        BeanUtils.copyProperties(news,news1);
        String content = news1.getContent();
        news1.setContent(MarkdownUtils.markdownToHtmlExtensions(content));
        return news1;
    }

2.在IndexController类中写上管理:

    @RequestMapping("/news/{id}")
    public String news(@PathVariable Long id,Model model){
     
        model.addAttribute("news",newService.getAndConvert(id));
        return "new";
    }

至此,详情页的新闻展示完成
运行结果
1.首页新闻展示:
springboot新闻首页+搜索+详情页_第4张图片
2.搜索
springboot新闻首页+搜索+详情页_第5张图片3.新闻详情展示:
springboot新闻首页+搜索+详情页_第6张图片

你可能感兴趣的:(java,spring,boot)