SpringBoot个人博客从无到有项目搭建——实战综合介绍
SpringBoot个人博客项目搭建
博客Github源码:https://github.com/lindaifeng/QingFengInn-blog
个人博客主页:http://www.qingfenginn.top/
一、项目简介:
1.1 前言
曾几何时,浏览着别人一个个好好看的个人博客的时候,也憧憬着要是有一个属于自己的个人博客网站就好了。
随着技术的提升自己也想用Spring boot 搭建一个属于自己的博客系统,刚好前段时间学习了李仁密大神的小而美个人博客项目课受益匪浅。于是琢磨着搭建一款属于自己的博客网站一定非常棒。
于是参考了oneStar博主的博客项目,乘热打铁巩固所学习的内容,好让自己熟悉这类项目开发的基本流程。于是有了下面这款"清峰小栈"个人博客项目。
本SpringBoot个人博客项目已开源在我的Github上,感兴趣的可以去了解一下,制作不易可以给个star适当鼓励一下。
来不及多说上图:
1.2 技术选型
下面我将分模块对本项目进行讲解。
工具 | 名称 |
---|---|
开发工具 | IDEA |
语言 | JDK1.8、HTML、css、js |
模板引擎 | Themleaf |
数据库 | Mysql5.6 |
项目框架 | SpringBoot |
ORM | Mybatis |
项目构建 | Maven |
运行环境 | 阿里云Unbuntu7 |
二、前端页面介绍
本博客前端采用的是Semintic UI前端框架进行页面搭建和themleaf模板引擎进行页面渲染,总体看上去页面源代码是比较清爽和美观的。
具体流程点击:《前端页面介绍模块》
- Semintic UI提供了一系列第三方组件和模板供我们使用,使我们可以更加方便、快捷的搭建出前端模板。
- themleaf模板引擎具有开箱即用的特性,是SpringBoot官方推荐的前端模板引擎。它可以完全替代 JSP,可以直接套用模板实现JSTL、 OGNL表达式效果,避免每天套模板、该jstl、改标签的困扰。
- 同时在前端页面我引入了雪花动态效果可以很直观的看到细雪纷飞的景色,增强了前端页面的观赏性。
- 在左下角我们可以发现一个动漫是的人物,也是引入的一个第三方插件,叫Live2D看板娘,是一个比较经典的博客互动模型,支持换装,换人物,信息互动等功能。也可自定义功能。集成也非常简单网上一找一大堆。
三、MySql数据库搭建准备
数据库搭建相对比较简单,设计的表结构关系也不是很复杂,具体可以参考一下。
具体流程点击:《MySql数据库搭建模块》
四、Idea环境搭建准备
环境搭建主要采用Maven对jar包进行统一管理,考虑的是采用什么技术,用哪个版本更加稳定不会互相冲突,最后导入依赖maven集成即可。
具体流程点击:《Idea环境搭建模块》
五、SprongBoot后台管理界面介绍
1.0 后台日志类和自定义异常类功能实现
最先开始的代码准备工作是我们的日志类编写,项目运行过程中出现的一些问题bug都会以日志的方式被记录下来,供我们进行查看,能够让开发人员更容易的发现问题所在,极大程度上提高了工作效率。
随后编写我们的异常处理类,当我们的程序出现异常时我们应该采取对应的措施。进行响应,使得我们的程序即使奔溃了也能够很友好的展示给用户。
具体流程点击:《后台日志类和自定义异常类功能模块》
1.1 后台登录界面功能实现
登录界面功能点比较简单,主要是对用户名密码进行校验,判断是否和数据库中已存入的用户名密码相匹配。主要功能点是对非管理员登录的所有路径进行统一拦截,以防非管理员用户在地址栏通过输入路径直接访问到后台的情况。
同时也提供了注销功能,能够退出当前账号换号登录。
具体流程点击:《后台登录功能模块》
1.2 后台博客界面功能实现
登入后台后我们就可以对博客的后台数据进行操作了
博客模块主要实现的功能是对自己的个人博客进行保存、发表和新增,删除、修改,全局查询、关键字模糊查询、分页展示和多条件查询等。
具体流程点击:《后台博客功能模块》
1.3 后台分类界面功能实现
分类模块主要实现的功能是可以给我们的博客进行分类,添加分类标签,利于我们对博客进行管理和区分,实现了对分类的新增,查询,编辑,和删除功能等。
具体流程点击:《后台分类功能模块》
1.4 后台友链界面功能实现
友链模块主要实现的功能是可以给我们其他的博客网站朋友们添加一个互相交流的接口,可以链接其他的博客网站并提供图片展示,友链新增,友链查询,友链编辑,和删除功能等。
具体流程点击:《后台友链功能模块》
1.5 后台照片墙界面功能实现
照片墙模块主要实现的功能是添加你喜欢的照片,可以是动漫人物,精美壁纸,成长过程等照片进行前端展示,你可以在照片墙上添加时间地点,照片描述等信息,同时也提供了图片链接展示,图片新增,图片查询图片,编辑,和删除功能等。
具体流程点击:《后台照片墙功能模块》
六、SpringBoot前台展示界面介绍
1.1 前端首页展示功能实现
前台首页展示我主要是实现了博客的分页查询,全局查询,博客名称模糊查询和最热博客推荐查询功能。
同时当点击博客时我们可以跳转到博客详情页面,阅读博客信息,参与博客评论及评论楼中楼技术要点和评论管理员特色回复的实现。
其中的难点就在于楼中楼功能的实现。
具体流程点击:《前台首页功能模块》
1.2 前端分类展示功能实现
前台分页展示我主要是实现了指定id查询,指定分类查询两个功能,当点击分类博客时我们也能查看到指定博客详情信息。
具体代码流程比较简单参考以上几篇博客内容介绍即可。
1.3 前端时间轴展示功能实现
前台时间轴展示我主要是实现了对我的所有博客进行全局查询,按创建时间进行倒叙排列,当点击时间轴上指定博客时我们也能查看到指定博客详情信息。
具体代码流程比较简单参考以上几篇博客内容介绍即可。
1.4 前端音乐盒展示功能实现
前台音乐盒展示我主要是实现了一个第三方插件的集成,引用了一个优秀的音乐盒开源插件,实现了界面音乐的自动播放,歌词展示,轮播等功能。
1.5 前端留言板展示功能实现
前台留言展示我主要是实现了指定留言全局查询功能,留言楼中楼功能和管理员回复显示管理员头像功能。
具体业务逻辑可参考:1.1 前端首页展示功能实现中评论功能模块的代码实现。
1.6 前台友链展示功能实现
前台友链展示我主要是实现了友链展示功能,当点击指定友链时会跳转到对方个人博客网站上。功能比较简单就不做过多阐述。
1.7 前台照片墙展示功能实现
前台照片墙展示我主要是实现了照片的全局查询展示功能,当点击指定照片时我们也能查看到制定照片的详情信息这里是前端页面渲染实现的功能,源代码没有这一段代码,项目运行后该代码被渲染出来了(做的时候有掉坑里所以印象深刻)。功能比较简单就不做过多阐述。
1.8 前台作者介绍展示功能实现
因为作者介绍数据可以不用实时变化,所以可以把页面写死在前端源代码中,当然也可以把数据放后台数据库中实现修改功能等(自行扩展)功能也比较简单就不做过多阐述。
七、项目部署到服务器
我们的项目构建好之后,需要部署到服务器别人才能够访问,部署到服务器需要将我们本地项目上传到服务器
具体流程点击:《项目部署功能模块》
SpringBoot个人博客从无到有项目搭建——实战综合介绍相关推荐
- SpringBoot个人博客—Mysql数据库搭建介绍(二)
数据库搭建介绍 项目首页地址:https://blog.csdn.net/weixin_45019350/article/details/108869025 后台数据库表结构相对比较简单,每一个功能模 ...
- SpringBoot+Vue 博客后台项目开发总结
目录 一.用户权限设置 前端逻辑 后端逻辑 二.登录界面逻辑 1.账号密码登录实现 前端逻辑 在Cookie中存储token的方法 在Cookie中存储和获取的token方法 后端逻辑 生成token ...
- SpringBoot技术栈搭建个人博客【项目准备】
前言:很早之前就想要写一个自己的博客了,趁着现在学校安排的实习有很多的空档,决定把它给做出来,也顺便完成实习的任务(搞一个项目出来...) 需求分析 总体目标:设计一套自适应/简洁/美观/易于文章管理 ...
- SpringBoot个人博客项目搭建—前端页面功能介绍(一)
SpringBoot个人博客-前端页面功能介绍(一) 项目首页地址:https://blog.csdn.net/weixin_45019350/article/details/108869025 一. ...
- springboot+vue博客项目(码神之路博客项目)
写在最前:b站中博客项目除了这个还有一个三更草堂的博客项目也是不错的,三更草堂会比这个完善些,但是码神这个项目也非常好,看完这个再去看三更的,互相补充.(这两个博客项目应该是目前b站最好的了,而且时间 ...
- 博客系统项目:编码篇-基础篇-架构搭建
博客系统项目:编码篇-基础篇 1 背景 2 环境 2.1 环境说明 2.2 模式说明 2.2.1 MTV模式 2.2.2 MVC 3 前置工作 3.1 环境搭建 4 编码实现 4.1 项目调整 4.1 ...
- 全栈开发实战(一)——简易博客社区后端搭建教程(附源码)
全栈开发实战(一)--简易博客社区后端搭建 项目展示视频 项目Github地址 (一)项目准备 在项目开始前,首先确保你已安装好Go语言并配置好Go语言编辑器,同时安装好MySQL或其他数据库,其次, ...
- 个人博客系统--项目实战
个人博客系统–项目实战 先附上设计文档和项目源码. 个人博客设计文档 Github 这项目大概做了十多天,其基本功能都实现了,因为没有美工的关系,界面可能有点丑,请谅解. 后台采用SSH技术,版本为: ...
- 个人博客,懒人终章部署,阿里云Ecs+Jenkins+Gitee自动,一键部署SpringBoot自己博客项目,还在用
阿里云Ecs+Jenkins+Gitee自动,一键部署SpringBoot自己博客项目: 最近看见网上很多Jenkins的自动部署SpringBoot的Demo,但是都要自己安装JDK,Maven.. ...
最新文章
- HH的项链 (求区间内有多少个不同的数字)
- 网络上可供测试的Web Service
- spring 源码分析之BeanPostProcessor
- 想让数据分析更简便,怎能少了它!
- Python + Selenium + Chrome 使用代理 auth 的用户名密码授权
- MedMNIST:上海交大发布医学影像领域的MNIST(附下载)
- 眼控科技 实习算法工程师面试
- 学习笔记:SildeShow	相册无刷新翻页或幻灯片方式浏览..
- Android 返回键的处理
- 读技术书籍一定要读最经典的
- Prototype使用Form.Element操作表单控件
- 网络故障排查的思路和方法
- 深度学习论文-DAnetExFuseDFN
- 计算机的6种典型应用领域,人工智能已经广泛应用到许多领域,其典型的应用包括这些...
- wxpython配合MySQL数据库完成用户登录页面的设计
- python从键盘上输入一个字符、当输入的是英文字母时_以下程序的功能:从键盘上输入一个字符,当输入的是英文字母时,输出\'输入的是英文字母\';
当输入的...
- 计算机博士c类会议,我院研究生参加CSCWD国际学术会议(CCF C类)
- [系统]制作老毛桃U盘WinPE
- CSS波形生成器-CSS Waves-Gradient Multiple Waves-Multiple Animated Waves
- 趣题:猜帽子游戏与Hamming编码