Advertisement

Spring Boot制作个人博客-博客详情页

阅读量:

文章目录

    • 1、查看博客详情页
    • 2、修改indeController的方法
    • 3、blog.html页面获取数据
    • 4、查看效果
    • 5、应用markdown插件
      • (1)添加依赖
      • (2)编写工具类
      • (3)添加属性
      • (4)获取属性方法
      • (5)修改indexController方法
      • (6)修改blog.html
      • (7)查看结果
      • (8)对页面样式做修改

开发并实现了能够识别并处理用户的请求功能

1、查看博客详情页

在这里插入图片描述
在这里插入图片描述

2、修改indeController的方法

在这里插入图片描述

3、blog.html页面获取数据

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、查看效果

在这里插入图片描述
在这里插入图片描述

5、应用markdown插件

(1)添加依赖

在这里插入图片描述
复制代码
    <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark</artifactId>
            <version>0.10.0</version>
        </dependency>
        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark-ext-heading-anchor</artifactId>
            <version>0.10.0</version>
        </dependency>
        <dependency>
            <groupId>com.atlassian.commonmark</groupId>
            <artifactId>commonmark-ext-gfm-tables</artifactId>
            <version>0.10.0</version>
        </dependency>

(2)编写工具类

在这里插入图片描述
复制代码
    package net.zjs.lrm.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.*;
    
    
    /** * 功能:工具类
     * 作者:zjs
     * 日期:2021-06-22
     */
    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");
            }
        }
    }
    }

(3)添加属性

在这里插入图片描述

(4)获取属性方法

在这里插入图片描述

(5)修改indexController方法

在这里插入图片描述

(6)修改blog.html

在这里插入图片描述

(7)查看结果

在这里插入图片描述

(8)对页面样式做修改

在这里插入图片描述

全部评论 (0)

还没有任何评论哟~