新聞管理系統的首頁功能

資訊展示
搜尋新聞
新聞跳轉

檢視靜态資源裡的首頁界面，需要實作首頁展示分類、标簽、新聞和推薦新聞功能和點選新聞進入相應的新聞檢視界面功能

【學習日記】（SpringBoot-part 5）新聞管理系統—首頁功能資訊展示搜尋新聞新聞跳轉

資訊展示

首頁展示使用web目錄下的indexController，檢視靜态界面我們一共需要四個部分的展示功能，分别是

1. 新聞展示

在這裡我們需要提取到資料庫中的所有新聞資訊，然後進行分頁展示，首先先在NewService接口中聲明一個分頁查詢的方法

//首頁分頁展示
    Page<News> listNew(Pageable pageable);

再在Impl中實作該方法，直接使用jpa中根據分頁查詢的方法

@Override
    public Page<News> listNew(Pageable pageable) {
        return newRepository.findAll(pageable);
    }

最後再在indexController中調用該方法顯示

@Controller
public class indexController {

    @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));
        return "index";
    }
}

2. 分類展示

這裡我們自定義一個查詢資料庫方法，在typeRepository中聲明一個查詢type方法，其他部分和新聞展示一樣，需要先在TypeService中聲明一個接口方法，分類不需要分頁，隻需要展示出固定幾條分類m是以設計為以下即可，size表示展示的資料量

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

//不分頁的List  在查找新聞界面顯示出
List<Type> listTypeTop(Integer size);

Impl中實作該方法，根據分類下的新聞數量進行排序

//顯示在首頁
@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);
}

最後再在indexController中添加該方法顯示

@Controller
public class indexController {

    @Autowired
    private NewService newService;
    @Autowired
    private TypeService typeService;

	@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));
        return "index";
    }
}

3. 标簽展示

标簽顯示和分類顯示是一樣的，先在TagRepository下聲明一個查詢資料庫的方法，再在Service中聲明接口和實作接口方法，同樣按照标簽下新聞數量進行排序，最後添加到controller中

TagRepository

@Query("select t from Tag t")
List<Tag> findTop(Pageable 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);
}

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));       
        return "index";
    }
}

4. 推薦新聞展示

和前面一樣，不過sql語句需要更換查詢條件

NewRepository

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

NewService

//首頁推薦最新新聞
    List<News> listRecommendNewTop(Integer size);

NewServiceImpl

@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);
    }

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";
    }
}

【學習日記】（SpringBoot-part 5）新聞管理系統—首頁功能資訊展示搜尋新聞新聞跳轉

搜尋新聞

在首頁顯示新聞之後，右上角有一個搜尋新聞功能，可以根據文章标題和文章内容進行模糊搜尋

首先在NewRepository中聲明接口方法自定義sql語句進行查詢

//    //輸入标題或文本内容查詢
    @Query("select n from News n where n.title like ?1 or n.content like ?1")
    Page<News> findByQuery(String query, Pageable pageable);

再在NewService中聲明模糊查詢接口方法

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

實作方法

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

在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-part 5）新聞管理系統—首頁功能資訊展示搜尋新聞新聞跳轉

新聞跳轉

點選顯示的新聞，跳轉到相應的新聞顯示界面，這裡隻需要用到根據id查詢新聞功能，用不到其餘的資料庫查詢方法，是以不用新聲明資料庫接口方法，直接使用jpa中給的findById，在NewService中聲明一個方法

//擷取新聞跳轉
    News getAndConvert(Long id);

Impl中實作，因為新聞需要展示文本資訊，是以我們需要将存在資料庫的content轉換為md模式，需要用到一個工具類MarkDownUtils，建立一個Util檔案夾，建立MarkDownUtils.java

package com.tengshan.springpro.util;


import org.commonmark.Extension;
import org.commonmark.ext.gfm.tables.TableBlock;
import org.commonmark.ext.gfm.tables.TablesExtension;
import org.commonmark.ext.heading.anchor.HeadingAnchorExtension;
import org.commonmark.node.Link;
import org.commonmark.node.Node;
import org.commonmark.parser.Parser;
import org.commonmark.renderer.html.AttributeProvider;
import org.commonmark.renderer.html.AttributeProviderContext;
import org.commonmark.renderer.html.AttributeProviderFactory;
import org.commonmark.renderer.html.HtmlRenderer;

import java.util.*;

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));
    }

}

NewServiceImpl

@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;
    }

最後在indexController中實作

//展示點選的新聞
    @RequestMapping("/news/{id}")
    public String news(@PathVariable Long id,Model model){
        News news = newService.getAndConvert(id);
        model.addAttribute("news",news);
        return "new";
    }

效果展示：

【學習日記】（SpringBoot-part 5）新聞管理系統—首頁功能資訊展示搜尋新聞新聞跳轉

【學習日記】（SpringBoot-part 5）新聞管理系統—首頁功能資訊展示搜尋新聞新聞跳轉

新聞管理系統的首頁功能

資訊展示

搜尋新聞

新聞跳轉

繼續閱讀

27 Best Free Eclipse Plug-ins for Java Developer to be ProductiveCode Quality PluginsText Editor PluginsDependency ManagementVersion Control Integration PluginsFramework Development Continuous Integration Related PluginsOther Utility Plugins

Java String.format方法的簡單使用

neo4j之cypher使用文檔

GitHub連夜封殺！這份阿裡 10W 字内部 Java 字面試手冊到底有多強？

spark/scala關于【資源檔案】加載方法概述外部檔案加載方案測試資源檔案打包入jar包中小結

NOSQL安全攻擊

mybatis_入門程式Mybatis入門

AOP程式設計_Android優雅權限架構(1)概念基礎，2021金三銀四前言正文大綱正文

登入plsql 報錯 the account is locked --使用者被鎖

Effective Java 8:通用程式設計

SequoiaDB巨杉資料庫C++驅動概述

OOM三種類型

工廠模式-三種類型

【遞歸】高效率求2的n次幂

win10本地scala和spark安裝安裝scala安裝spark

scala (3) Function 和 Method