# JavaBlog

**Repository Path**: hchdream/JavaBlog

## Basic Information

- **Project Name**: JavaBlog
- **Description**: 这是我使用Spring Boot+MySQL+Thymeleaf+JPA开发的一个博客网站
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-04-28
- **Last Updated**: 2022-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: blog

## README

---
title: 关于我的blog项目
date: 2020-6-7
tags: [idea, jpa, mysql,thymeleaf]
categories: 项目
---

# JavaBlog

## 环境介绍

* 后端：Spring Boot、JPA
* 数据库：mysql
* 前端：semantic ui、thymeleaf模板引擎
* 开发环境：IDEA、maven、jdk1.8

##  项目说明

* 前端展示：
  * 头部：导航栏（首页、分类、标签、归档、关于我）
  * 中间内容：栅格（11+5），占11栅格部分的是文章列表，根据发布时间来展示，单页展示5个文章；占5栅格部分的我加了一个网易云的iframe插件，然后是分类小图标、标签小图标、以及最新推荐文章，下面放上了自己的微信二维码，方便有问题交流
  * 尾部：栅格分为（3+3+3+7）分别对应着二维码，最新微博、联系我（放上个人信息）、博客简单介绍

![blog-index.png](https://images.gitee.com/uploads/images/2020/0607/235646_76ec37d2_7387229.png)

![blog-footer.png](https://images.gitee.com/uploads/images/2020/0607/235705_3913f997_7387229.png)

* 文章详情页

  * 首图：放上一张漂亮的风景照

![blog-shoutu.png](https://images.gitee.com/uploads/images/2020/0607/235716_f94dea7b_7387229.png)

  * 文章内容，支持markdown，并且在右下角加了一个导航栏，文章底部放的是文章的标签以及赞赏按钮（可以在后台选择是否开启，点击展示个人收款码~），然后就是一些版权和转载的声明信息，然后是文章评论模块（管理员也就是我自己可以选择是否开启文章的评论，游客可以在输入个人姓名和邮箱后输入评论）

![blog-essay-1.png](https://images.gitee.com/uploads/images/2020/0607/235723_520d6618_7387229.png)

![blog-essay-2.png](https://images.gitee.com/uploads/images/2020/0607/235836_215aab70_7387229.png)

* 分类（一篇文章对应一个分类）

  * 该页面将分类信息以一个圆角矩形平铺展开，每个分类后面对应着文章的数量，点击每个分类会展示对应的文章

![blog-type.png](https://images.gitee.com/uploads/images/2020/0607/235850_fd52a84b_7387229.png)

* 标签（一篇文章可以对应多个标签）

  * 该页面类似分类页面，也是一个带小尖角的矩形将标签平铺展开，每个标签后面对应着它的文章数量，点击标签会展示其对应的文章

![blog-tags.png](https://images.gitee.com/uploads/images/2020/0607/235856_48f3564c_7387229.png)

* 归档

  * 以文章的发表年份为时间线归档

![blog-.png](http://s1.wailian.download/2020/06/07/blog-.png)

* 关于我

  * 关于管理员的一些介绍

![blog-admin.png](https://images.gitee.com/uploads/images/2020/0607/235913_2b07e0ff_7387229.png)

  

* 后台展示（导航栏：博客、分类、标签）

  * 管理员登录到后台管理

![blog-login.png](https://images.gitee.com/uploads/images/2020/0607/235929_b560c8b1_7387229.png)

  * 首先进入后台的index页面

![blog-admin-index.png](https://images.gitee.com/uploads/images/2020/0608/000012_b7616c74_7387229.png)
  

* 博客

  * 点击博客会展示文章列表，可以对其crud操作

![blog-admin-essay.png](https://images.gitee.com/uploads/images/2020/0608/000021_686b76c9_7387229.png)

  * 新增页面

![blog-newessay.png](https://images.gitee.com/uploads/images/2020/0608/000030_9ad96426_7387229.png)

  可以选择开启推荐、转载声明、赞赏、评论等功能

![blog-open.png](https://images.gitee.com/uploads/images/2020/0608/000044_4b71fe74_7387229.png)
* 分类

  * 对分类的增删改操作

![blog-crud-type.png](https://images.gitee.com/uploads/images/2020/0608/000052_d2e88bdf_7387229.png)

* 标签

  * 功能类似分类，也是增删改操作

![blog-crud-tag.png](http://s1.wailian.download/2020/06/07/blog-crud-tag.png)

## 安装使用教程

1、目前项目已经上传到码云，需要的朋友自取拿去玩吧

2、按照环境的要求配置好，将数据库文件执行，修改下application-dev.yml的配置就好了

3、后面工作了买个服务器，把项目再完善一下部署到服务器上~

## 谈谈自己的收获吧

1、总体感觉这个博客的功能还是相对比较完整的，该有的东西基本都有~

2、在开发的过程中也碰到了很多的问题，有时一个bug找半天，不过跌跌撞撞也还是做完了，U1S1我还是菜啊

3、基础不牢，地动山摇，我掉头发去了~