实训学习 Day04 |Spring Boot实训-开发小而美的个人博客(功能实现)

写在前面的话

1、参考自:https://www.bilibili.com/video/BV1tJ411t7A8
2、内容如果有不对的,希望可以指出或补充。
3、spring boot实训任务。
4、主要是页面效果的展示。

所用到的技术有:后端(Spring Boot + JPA + thymeleaf模板)、数据库(MySQL)、前端UI(Semantic UI框架)。
我的开发工具:IDEA(2020.1.2 X64)、Navicat(服务器版本5.5.62)。

一、后端管理

根据提供的视频教程,实现了后台登录(包含了登录拦截功能)、分类管理、博客列表、博客新增、博客编辑的功能,其中LoginController.java文件来控制实现登录、MD5进行加密。

整体页面结构:
在这里插入图片描述

(一)后台登录

主要实现部分:
在这里插入图片描述

(二)分类管理

主要实现部分:
在这里插入图片描述

(三)博客列表、新增、编辑

主要实现部分:
在这里插入图片描述

二、前端展示

根据提供的视频教程,实现了前端各个页面的展示以及跳转、全局搜索功能,按分类、标签展示博客,博客详情页面的内容展示,且在pom.xml中引用了commonmark和扩展插件实现了将Markdown 转换 HTML,也实现了快速定位、打赏、评论(评论信息提交与回复功能、评论信息列表展示功能、管理员回复评论功能)功能。

(一)前端首页展示、全局搜索

主要实现部分:
在这里插入图片描述

(二)博客详情

主要实现部分:
在这里插入图片描述

(三)评论功能

主要实现部分:
在这里插入图片描述

(四)按分类、标签展示

主要实现部分:
在这里插入图片描述

(五)归档、关于我

主要实现部分:
在这里插入图片描述

三、补充

1、mkdown转换为html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值