栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

【SpringBoot搭建个人博客】- 前端页面展示,linux高级教程

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

【SpringBoot搭建个人博客】- 前端页面展示,linux高级教程

源码领取方式一:

  • 扫一扫文末二维码,关注公众号,后台回复【博客】,即可领取源码

源码领取方式二:

  • 前端页面源码地址:https://github.com/oneStarLR/myblog-page
  • 以jpa为持久层源码地址:https://github.com/oneStarLR/myblog-jpa
  • 以mybatis为持久层源码地址:https://github.com/oneStarLR/myblog-mybaits
  • 欢迎给star以鼓励(^_−)☆

首先感谢B站视屏:小而美的个人博客(直接搜就能找到),博主在视屏的基础上增加修改了些许功能,开发了两套,一套使用jps为持久层,一套使用Mybatis为持久层,由于使用jpa开发的有视屏讲解,很详细,这里主要讲解使用Mybatis为持久层开发的,会出一系列博客进行讲解,前端我会单独拿出来直接用,不会进行讲解,主要是后端的开发,从框架搭建到所有功能实现以及线上部署,都会有详细的讲解,欢迎持续关注本站。话不多说,先来看看前端页面设计。

一、首页

1.主页页面

首页主要是一些文字描述和个人信息,如果你的显示屏分辨率比较高或者页面缩放的比较小的话,可以看到下面有最新推荐专栏

2.博文列表

博文列表主要有博文标题、博文简介、作者、时间、访问量、评论数、博文分类和博文首图

3.首页底部

底部就是比较常规的一些功能,显示了博主的微信二维码,最新文章和博客运行时间

二、博文详情

1.博文标题及信息

展示了文章首图、标题、等信息

2.文末评论

文末有文章转载的信息和评论区域,评论具有盖楼功能,分为普通用户和管理员

二、分类页面

显示分类名称,点击可以显示不同的分类文章

三、时间轴

采用两边分开的阶梯状按照时间顺序来展示

四、音乐盒

音乐盒是使用了一个开源的插件,自己进行了修改,主要功能有显示歌曲、歌词、播放、暂停、上一曲、下一曲、音量调节、播放顺序调节、同步歌词等功能

五、留言板

功能和博文评论是一样的

![](https://img-blog.csdnimg.cn/20200422221839665.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cH

《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》

【docs.qq.com/doc/DSmxTbFJ1cmN1R2dB】 完整内容开源分享

M6Ly9ibG9nLmNzZG4ubmV0L09uZV9MX1N0YXI=,size_16,color_FFFFFF,t_70)

六、友人帐(友链)

添加友链要求和显示友链

七、照片墙

采用了一个开源的插件,自己进行了修改,可以根据屏幕分辨率的不同来显示,放大缩小图片基本不形变

点击一张图片显示如下,有一些图片的基本信息,可以左右切换图片

八、关于我
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/658901.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号