Spring boot开源项目之个人博客（5）—搭建博客详情页（1）

最新推荐文章于 2024-05-08 09:31:14 发布

codeChenStu

最新推荐文章于 2024-05-08 09:31:14 发布

阅读量279

点赞数

分类专栏：个人博客项目学习笔记

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq369392973/article/details/108257017

版权

本文介绍了如何使用Spring Boot搭建个人博客的详情页，主要内容包括博客内容展示、用户评论、头部和图片区域的设计，以及评论区的实现。文章提到了使用Semantic UI的组件如popup和message，以及手机端的适配工作。

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

Spring boot开源项目之个人博客（5）—搭建博客详情页

一个页面做好后，其他页面做起来就慢慢有感觉了，详情页主要进行博客内容的展示和用户的评论，整体排版比较简单，导航栏和页脚直接沿用于首页，主体主要是由几个segment包裹，下面主要写一下主体的构成。

头部和图片区域

头部和图片区域都比较容易，头部直接把之前的拿过来用就行

![详情主体1](D:\note\target\Springboot博客开源项目笔记\一些截图\详情主体1.png)<div class="ui horizontal link list">
    <div class="item">
        <img class="ui avatar image" src="https://picsum.photos/id/100/100/100" alt="">
        <div class="content">
            <a class="header">Chenjiaxun</a><

最低0.47元/天解锁文章

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Spring boot开源项目之个人博客（5）—搭建博客详情页（1）

Spring boot开源项目之个人博客（5）—搭建博客详情页一个页面做好后，其他页面做起来就慢慢有感觉了，详情页主要进行博客内容的展示和用户的评论，整体排版比较简单，导航栏和页脚直接沿用于首页，主体主要是由几个segment包裹，下面主要写一下主体的构成。头部和图片区域头部和图片区域都比较容易，头部直接把之前的拿过来用就行![详情主体1](D:\note\target\Springboot博客开源项目笔记\一些截图\详情主体1.png)<div class="ui horizontal
复制链接

扫一扫

专栏目录

codeChenStu CSDN认证博客专家 CSDN认证企业博客

码龄8年

17: 原创

20万+: 周排名

96万+: 总排名

7781: 访问

: 等级

187: 积分

9: 粉丝

10: 获赞

10: 评论

19: 收藏

私信

关注

热门文章

分类专栏

个人博客项目学习笔记 16篇

最新评论

Spring boot开源项目之个人博客（12）—分类（标签）管理
Fairy要carry: 请问这是李仁密的那个项目吗
Spring boot开源项目之个人博客（1）—序
You???(?o?;: ？
Spring boot开源项目之个人博客（12）—分类（标签）管理
SJMP1974: [code=html] { "content":[ {"id":123,"title":"blog122","content":"this is blog content"}, {"id":122,"title":"blog121","content":"this is blog content"}, {"id":121,"title":"blog120","content":"this is blog content"}, {"id":120,"title":"blog119","content":"this is blog content"}, {"id":119,"title":"blog118","content":"this is blog content"}, {"id":118,"title":"blog117","content":"this is blog content"}, {"id":117,"title":"blog116","content":"this is blog content"}, {"id":116,"title":"blog115","content":"this is blog content"}, {"id":115,"title":"blog114","content":"this is blog content"}, {"id":114,"title":"blog113","content":"this is blog content"}, {"id":113,"title":"blog112","content":"this is blog content"}, {"id":112,"title":"blog111","content":"this is blog content"}, {"id":111,"title":"blog110","content":"this is blog content"}, [/code] 请问这个是手敲上去的吗？还是通过打印输出的？
Spring boot开源项目之个人博客（14）—博客列表展示
北凉之凤回复 codeChenStu: 感谢博主！讲得太详细了，很通俗易懂！之后也借鉴了一下你后面的博客的一个JPA数据库写法，很赞！
Spring boot开源项目之个人博客（14）—博客列表展示
codeChenStu 回复北凉之凤: 这是@Query注解下的JPA语句的写法，和原生的sql语句不一样。`select t from Type t` 代表的意思是从Type实体类类维护的表中查询所有的数据（前面看过的话应该知道这个项目使用JPA，并且通过实体类去维护数据库表，所以可以通过Type实体类去对应的表中查询数据）`select 实体类别名 from 实体类实体类别名`。其他的用法还是自己百度下，我现在用Mybatis多一点，都是在写原生sql。JPA @Query注解也可以使用原生sql写自定义的方法，@Query(nativeQuery=true,value="select * from type")，这和JPA写法就是等效的，使用原生sql就要注意表名要写对。

大家在看

计算文件md5值工具分析(自己写的）

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。