新闻管理系统的主页功能

信息展示
搜索新闻
新闻跳转

查看静态资源里的主页界面，需要实现主页展示分类、标签、新闻和推荐新闻功能和点击新闻进入相应的新闻查看界面功能

【学习日记】（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