SSM实训：9、博客管理列表页

最新推荐文章于 2022-05-19 19:09:48 发布

铁锅炖咸鱼.

最新推荐文章于 2022-05-19 19:09:48 发布

阅读量255

点赞数

分类专栏：个人博客实训

本文链接：https://blog.csdn.net/qq_46300856/article/details/117622757

版权

本文是李哥关于Spring Boot开发个人博客系列的一部分，主要介绍了如何开发博客管理列表页面。首先，通过拷贝并修改types.html来创建blogs.html。接着，详细展示了实现博客列表展示的代码步骤。最后，指出在开发过程中没有遇到问题，成功实现了预期效果。

摘要由CSDN通过智能技术生成

文章目录

Spring Boot开发小而美的个人博客-李哥

Spring Boot开发小而美的个人博客-李哥

1、页面开发-博客管理列表页

blogs.html
(通过拷贝types.html后修改)

在这里插入图片描述

2、实现代码

在这里插入图片描述

<!--3.导航栏-->
<!--segment,片段； inverted,颜色反转；attached ,没有圆角,与下上面相连接-->
    <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
<!-- container ,调整Logo左侧位置-->
        <div class="ui container">
        <!-- 导航主键 ；secondary，样式；stackable,可堆叠-->
            <div class="ui inverted secondary stackable menu" >
            <!--标题，Logo; teal,颜色; -->
                <h2 class="ui teal header item">管理后台</h2>
                <a href="#" class="active m-item item m-mobile-hide"><i class="home icon"></i>博客</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i>标签</a>
                <div class="right m-item m-mobile-hide menu">
                    <div class="ui dropdown item">
                        <div class="text">
                            <img class="ui avatar image" src