# LuoMo

**Repository Path**: uidoer/LuoMo

## Basic Information

- **Project Name**: LuoMo
- **Description**: 前后端未分离版本个人博客
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2026-04-02
- **Last Updated**: 2026-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

myblog-mybaits

个人博客系统（SpringBoot+Mybatis）

使用该源码希望能够注明原博客以及源码出处，并禁止商用，谢谢！

## 一、开发文档

>1、【SpringBoot搭建个人博客】- 前端页面展示（一）

>2、【SpringBoot搭建个人博客】- 技术需求（二）

>3、【SpringBoot搭建个人博客】- 框架搭建（三）

>4、【SpringBoot搭建个人博客】- 后台登录（四）

>5、【SpringBoot搭建个人博客】- 实体类构建（五）

>6、【SpringBoot搭建个人博客】- 分类管理（六）

>7、【SpringBoot搭建个人博客】- 博客管理（七）

>8、【SpringBoot搭建个人博客】- 友链管理（八）

>9、【SpringBoot搭建个人博客】- 相册管理（九）

>10、【SpringBoot搭建个人博客】- 博客首页显示（十）

>11、【SpringBoot搭建个人博客】- 博客详情页面显示（十一）

>12、【SpringBoot搭建个人博客】- 其他页面显示（十二）

>13、【SpringBoot搭建个人博客】- 线上部署（十三）

## 二、技术栈

>1. 前端
JS框架：JQuery
CSS框架：Semantic UI官网
Markdown编辑器：编辑器 Markdown
代码高亮：代码高亮 prism
动画效果：动画 animate.css
文章目录：目录生成 Tocbot
音乐盒：zplayer
照片墙：lightbox插件

>2. 后端
核心框架：SpringBoot 2.2.5
项目构建：jdk1.8、Maven 3
持久层框架：Mybatis
模板框架：Thymeleaf
分页插件：PageHelper
加密：MD5加密
运行环境：腾讯云Centos7

>3. 数据库
MySQL 5.7
## 三、功能需求
因为是个人博客，所以没有做用户权限管理，只是简单的区分了一下普通用户和管理员用户，这里就根据普通用户和管理员用户来讲述功能需求，其实从上一篇博文的前端页面就能大致的看出需求了

>1. 普通用户

>>查看文章信息：文章列表、推荐文章、文章标题、文章内容、发布时间、访问量以及评论等信息

>>查看分类文章：分类列表、分类文章信息

>>查看时间轴：按照文章时间发布顺序查看文章

>>搜索文章：导航栏右边搜索框根据关键字搜索

>>听音乐：上一曲、下一曲、音量控制、播放顺序控制、查看歌词等

>>留言：留言并回复

>>查看友链：查看并访问博主在友链页面添加的友链连接

>>查看相册信息：相册列表、照片名称、照片拍摄地点、时间、照片描述
>2. 管理员用户（栈主）
>>拥有普通用户所有功能权限

>>登录：在主页路径下加“/admin”，可进入登录页面，根据数据库的用户名和密码进行登录

>>文章管理：查询文章列表、新增文章、编辑文章、删除文章、搜索文章

>>分类管理：查询分类列表、新增分类、编辑分类、删除分类

>>友链管理：查询友链列表、新增友链、编辑友链、删除友链

>>相册管理：查询相册列表、新增照片、编辑照片、删除照片

>>消息管理：登录后恢复评论留言会显示栈主的头像信息，并能显示删除消息按键，可以对消息进行删除

## 四、数据库设计

>1. 数据表
博客数据表：t_blog
分类数据表：t_type
用户数据表：t_user
评论数据表：t_comment
留言数据表：t_message
友链数据表：t_friend
相册数据表：t_picture

>2. 实体关系
>>博客和分类是多对一的关系：一个博客对应一个分类，一个分类可以对应多个博客  

>>博客和用户是多对一的关系：一个博客对应一个用户，一个用户可以对应多个博客

>>博客和评论是一对多的关系：一个博客可以对应多个评论，一个评论对应一个博客

>>评论和回复是一对多的关系：一个评论可以对应多个回复，一个回复对应一个评论

>>留言和评论是一样的，还有友链和相册数据表和其他表没有关联




# 五.首页
>1.主页页面

首页主要是一些文字描述和我的个人信息

![首页]( https://images.starbin.cn/img/boot-1.png "首页")

2.博文列表

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

![list](https://images.starbin.cn/img/boot-2_%E7%9C%8B%E5%9B%BE%E7%8E%8B.png "list")

3.首页底部

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

![footer](https://images.starbin.cn/img/boot-4.png "footer")

# 六.博文详情

1.博文标题及信息

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

![](https://images.starbin.cn/img/boot-5.png)

2.文末评论

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

![](https://images.starbin.cn/img/boot-6.png)


# 七.分类页面

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

![](https://images.starbin.cn/img/boot-7.png)

# 八.时间轴

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

![](https://images.starbin.cn/img/boot-8.png)

# 九.音乐盒

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

![](https://images.starbin.cn/img/boot-9.png)

# 十.留言板

功能和博文评论是一样的

![](https://images.starbin.cn/img/boot-10.png)

# 十一.友人帐（友链）

添加友链要求和显示友链

![](https://images.starbin.cn/img/boot-11.png)

# 十二.照片墙

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

![](https://images.starbin.cn/img/boot-12.png)

# 十三.关于我

静态页面，一些博主的信息


![](https://images.starbin.cn/img/boot-13.png)