# lemon-blog-cloud

**Repository Path**: huang_peng/lemon-blog-cloud

## Basic Information

- **Project Name**: lemon-blog-cloud
- **Description**: 柠檬博客微服务版
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: release
- **Homepage**: http://www.huangpeng.net
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 2
- **Created**: 2022-08-28
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TypeScript, Java, JavaScript, Vue, Vuex

## README

## 一、平台简介

* 基于微服务架构的前后端分离博客系统。
* 后端采用Spring Boot、Spring Cloud & Alibaba。
* 前端采用 vue,element-ui,vxe-table,javascript,typescript。
* 注册中心、配置中心选型Nacos。
* 前端采用nginx作为静态资源服务器。
* 文章搜索采用elasticsearch、ik分词器。
* 权限认证使用Redis。
* 流量控制框架选型Sentinel，分布式事务选型Seata。
* minio作为文件服务器。
* 第三方平台的OAuth登录使用了JustAuth组件，集成了QQ登录和Gitee登录。

## 二、在线体验

前台地址：http://www.huangpeng.net

后台地址：http://admin.huangpeng.net
后台演示，账号：lemon，密码：lemon2025

## 三、系统后端模块

~~~
com.lemon     
├── lemon-ui              // 前端框架 [80]
├── lemon-gateway         // 网关模块 [8080]
├── lemon-auth            // 认证中心 [9200]
├── lemon-api             // 接口模块
│       └── lemon-api-system                          // 系统接口
├── lemon-common          // 通用模块
│       └── lemon-common-core                         // 核心模块
│       └── lemon-common-datascope                    // 权限范围
│       └── lemon-common-datasource                   // 多数据源
│       └── lemon-common-log                          // 日志记录
│       └── lemon-common-redis                        // 缓存服务
│       └── lemon-common-security                     // 安全模块
│       └── lemon-common-swagger                      // 系统接口
├── lemon-modules         // 业务模块
│       └── lemon-system                              // 系统模块 [9201]
│       └── lemon-gen                                 // 代码生成 [9202]
│       └── lemon-job                                 // 定时任务 [9203]
│       └── lemon-file                                // 文件服务 [9300]
|       └── lemon-message                             // 消息中心 []
|       └── lemon-blog-admin                          // 博客后台 []
|       └── lemon-blog-web                            // 博客前台 []
|       └── lemon-search                              // 基于elasticsearch的搜索引擎 [9600]
├── lemon-visual          // 图形化管理模块
│       └── lemon-visual-monitor                      // 监控中心 [9100]
├──pom.xml                // 公共依赖
~~~

## 四、系统前端模块

~~~
├──lemon-ui-admin                                     // 系统后台
├──lemon-ui-web                                       // 系统前台
~~~

## 五、架构图
后面补充

## 六、后台内置功能

 ### 1. 系统管理

  （1）部门管理：在个人博客中用处不大。<br>
  （2）岗位管理：在个人博客中用处不大。<br>
  （3）字典管理：管理系统数据字典。<br>
  （4）参数设置：管理后台系统配置相关参数。<br>
  （5）通知公告：管理通知公告。<br>

 ### 2. 权限管理

  （1）管理员管理：管理后台用户。<br>
  （2）角色管理：管理后台用户角色。<br>
  （3）菜单管理：管理后台菜单。<br>

 ### 3. 要素管理

  （1）要素配置：可以新增系统配置，并指定功能模块，类似与窄表配置，方便以后要素扩展，主要存储系统相关配置信息，如：logo地址、网站名称、备案号等。<br>
  （2）要素信息：根据要素配置来渲染动态表单，可以在表单中维护对应的要素值，前台通过统一的一个接口获取这些信息，后端通过要素分类获取这些配置信息。<br>

 ### 4. 博客管理

  （1）博客关于：管理前台关于我的的页面。<br>
  （2）博文管理：管理系统的所有文章，也可以发布文章，审核文章状态。<br>
  （3）分类管理：管理文章的分类。<br>
  （4）标签管理：管理文章标签。<br>

 ### 5. 用户管理

  （1）用户管理：管理前台用户。<br>

 ### 6. 消息管理

  （1）邮件模板：管理系统邮件模板，比如：前台用户登录验证码邮件发送模板、前台用户注册验证码邮件发送模板、前台用户修改密码验证码邮件模板。<br>
  （2）邮件记录：管理系统邮件的发送记录。
  （3）用户反馈：管理前台用户反馈。
  （4）评论管理：管理前台用户的评论。

 ### 7. 门户管理 

  （1）音乐管理：管理前台页面上的音乐播放组件的音乐数据。<br>
  （2）友情链接：管理前台友情链接。<br>
  （3）导航栏管理：管理前台的菜单，动态路由。<br>

 ### 8. 文档管理

  （1）文件夹管理：管理系统文件存储的文件夹信息。<br>
  （2）文件信息管理：管理系统中上传的所有文件，包含图片、音乐、文档等。<br>

 ### 9. 日志管理

  （1）操作日志：记录系统的操作日志。<br>
  （2）登录日志：记录系统的登录日志。<br>

 ### 10. 系统监控

  （1）在线用户：管理当前的登录用户。<br>
  （2）定时任务：定时任务模块，可配置定时任务。<br>
  （3）Sentinel控制台：跳转到Sentinel控制台。<br>
  （4）Nacos控制台：跳转到acos控制台。<br>
  （5）Admin控制台：跳转到SpringBootAdmin控制台。<br>

 ### 11. 系统工具 

  （1）表单构建：可以在这里设计前端的表单页面，设计完后可下载vue文件或者直接复制vue代码。<br>
  （2）代码生成：根据系统表一键生成增删改查的前后端代码，后端controler、service、mapper、mapperxml、前端vue文件、后台系统菜单脚本都能一键生成，同时支持自定义生成规则。<br>
  （3）系统接口：跳转到swagger接口页面。<br>

 ### 12. 测试页面

  （1）编辑器测试：可以测试文章编写的编辑器。
  （2）图标测试：新增自定义图标后，可以在这里看到。

## 七、前台演示图

### 1.首页
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E9%A6%96%E9%A1%B5.png)
### 2.文章详情页
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%96%87%E7%AB%A0%E8%AF%A6%E6%83%85.png)
### 3.文章搜索
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%96%87%E7%AB%A0%E6%90%9C%E7%B4%A2.png)
### 4.我的主页 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%88%91%E7%9A%84%E4%B8%BB%E9%A1%B5.png)
### 5.个人中心 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.png)
### 6.用户登录 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E7%99%BB%E5%BD%95.png)
### 7.忘记密码 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E5%BF%98%E8%AE%B0%E5%AF%86%E7%A0%81.png)
### 8.注册 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%B3%A8%E5%86%8C.png)
### 9.文章编写 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%96%87%E7%AB%A0%E7%BC%96%E5%86%99.png)
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%96%87%E7%AB%A0%E7%BC%96%E5%86%99%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0.png)
### 10.我的评论 
![输入图片说明](doc/image/%E5%89%8D%E5%8F%B0%E6%88%91%E7%9A%84%E8%AF%84%E8%AE%BA.png)

## 八、后台演示图
### 81.首页
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E9%A6%96%E9%A1%B5.png)
### 2.博客管理 
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E6%96%87%E7%AB%A0%E7%AE%A1%E7%90%86%E9%A1%B5%E9%9D%A2.png)
### 3.用户管理 
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E9%A1%B5%E9%9D%A2.png)
### 4.菜单管理
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E8%8F%9C%E5%8D%95%E7%AE%A1%E7%90%86.png)
### 5.前台导航栏管理
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E5%AF%BC%E8%88%AA%E6%A0%8F%E7%AE%A1%E7%90%86%E9%A1%B5%E9%9D%A2.png)
### 6.文件夹管理
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E6%96%87%E4%BB%B6%E5%8F%8A%E7%AE%A1%E7%90%86%E9%A1%B5%E9%9D%A2.png)
### 7.文件信息管理
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E6%96%87%E4%BB%B6%E4%BF%A1%E6%81%AF%E7%AE%A1%E7%90%86%E9%A1%B5%E9%9D%A2.png)
### 8.要素配置
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E8%A6%81%E7%B4%A0%E9%85%8D%E7%BD%AE%E9%A1%B5%E9%9D%A2.png)
### 9.要素信息
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E8%A6%81%E7%B4%A0%E4%BF%A1%E6%81%AF%E9%A1%B5%E9%9D%A2%E3%80%81.png)
### 10.音乐欣赏
![输入图片说明](doc/image/%E5%90%8E%E5%8F%B0%E9%9F%B3%E4%B9%90%E6%AC%A3%E8%B5%8F.png)