<br />

<p align="center">
  <a href="https://gitee.com/Z568_568/mango-blog-system.git">
    <img src="doc/logo.png" alt="Logo" width="100" height="80">
  </a>

<h3 align="center">" 🔥 MG'Blog "</h3>
  <p align="center">
    一个 "开箱即用" 个人博客全栈系统项目!
    <br />
    <a href="https://gitee.com/Z568_568/all-blog-sys" target="_blank"><strong>探索本项目的源码 »</strong></a>
    <br />
    <br />
    <a href="http://blog.zhouyi.run/#/" target="_blank"> 👀 前台预览</a>
    ·
    <a href="http://admin.blog.zhouyi.run/#/index" target="_blank"> 👀 管理端预览</a>
</p>

</p>

#### 🥯 小程序预览

  <img src="doc/img/smwx.png" width = "400" height = "150" alt="图片名称" align=center />

##### 🥯 QQ群:529675917 由于很多小伙伴对项目的启动安装有问题不明白,可以添加QQ群和大家一起交流解决相关问题哈



#### 🥯 介绍

>  芒果’个人博客系统,包括前后台完整基础功能,小程序,简洁的web前台站点一键配置,响应式;
>  管理端常用增·查·改页面代码自动生成即可,文章统计归档、数据excel批量导入/导出,sql文件已附上,开箱即用,如果对你有帮助,留个 **star⭐⭐** 再走呗
- ⭐项目面向前端学习node.js,mysql等后端基础和小程序学习者
- ⭐有好的建议欢迎交流学习 1840354092@qq.com
- ⭐项目启动安装有问题可以留言,会及时解答

```
   前台:Gblog 
   微信小程序:uniApp + uView 
   管理端:d2-admin 
   Node服务端: express + 数据库ORM(sequelize框架)
```
<!-- PROJECT SHIELDS -->

[![star](https://gitee.com/Z568_568/all-blog-sys/badge/star.svg?theme=dark)](https://gitee.com/Z568_568/all-blog-sys/stargazers)
[![fork](https://gitee.com/Z568_568/all-blog-sys/badge/fork.svg?theme=dark)](https://gitee.com/Z568_568/all-blog-sys/members)

<!-- PROJECT LOGO -->

#### 其他可能需要的资源 

>[✨Vue3-Antd-Plus基于Vue3、Vite、JavaScript、管理后台完整开发模板](https://gitee.com/Z568_568/vue3-antd-plus.git)

>[ZY.Hexo.Blog响应式简约清爽款个人博客](https://gitee.com/Z568_568/zy-hexo-blog.git)

>[轻量级个人文件管理、图床管理服务系统](https://gitee.com/Z568_568/zy.files.sys.git)

>[node+mongodb开发REST API 的轻量级样板 ✨推荐](https://gitee.com/Z568_568/node.mongodb)

>[node+mysql后端api基础服务模板](https://gitee.com/Z568_568/zy-express-sequelize-mysql)


***

#### 功能列表及更新
- [x] 用户管理
- [x] 菜单管理
- [x] 角色管理 ⛷
- [x] 文章管理
- [x] 评论管理
- [x] 代码生成 ⛷
- [x] 私信邮件回复
- [x] 微信小程序 ⛷
- [x] Excel数据导入/导出 ⛷
- [x] 生成Echart图表 ⛷
- [x] 访客管理记录
- [x] 我的世界
- [x] 🎈博客在线留言(新增)
- [x] 🎈站点管理(新增配置新年灯笼)
- [x] 🎈前台归档管理(新调整)
- [x] 更多请查看示例链接...

#### 更新及修复日志
- [x] ⛏【已修复 2023/04/19】:管理端添加博文不填标签增加失败 
- [x] ⛏【已修复 2023/04/19】:管理端删除菜单的错误
- [x] ⛏【已修复 2023/04/19】:服务端博文标签非空处理 
- [x] ⛏【已修复 2023/04/19】:客户端分类查询不出非推荐文章 
- [x] ⛏【已增加 2023/04/19】:管理端访客页的地址模糊查询
- [x] ⛏【已增加 2023/04/19】:客户端文章详情的相关文章 
- [x] ⛏【已修复 2023/09/04】:访客记录地址解析问题 
- [x] ⛏【已修复 2023/09/04】:文章归档sql
- [x] ⛏ 同学们可以积极提出改进意见哦


#### 接口文档

> 方式1. <a href="https://console-docs.apipost.cn/preview/85df1005c24df829/b25c320b5df19b98" target="_blank"> 👀 查看在线接口文档</a> 


> 方式2. 👀 项目启动后 访问 swagger-ui 接口文档

#### 项目安装启动教程


> [安装启动视频教程](https://www.bilibili.com/video/BV1wY411d7s6/?share_source=copy_web&vd_source=3f6515a9fd6d4dc4f53ed5b3697eaea4)


``` js

1.依赖安装: 微信小程序 mg-mini | 前台client | 管理端admin | 服务端 server -`npm install`

2.启动项目:  前台client- npm run serve 
           前台微信小程序 - HBuilder 编辑器编译-微信小程序运行
           管理端admin - npm run dev 
           服务端 server - nodemon app (热启动) 或者 node app

3.服务端启动前准备: 
            3.1 建库: mg_db  建表:运行sql文件到 mg_db 加载数据表
            3.2 在 mg-server/config/db.config.js 配置数据库信息
            3.3 启动成功示例: 
                    项目启动成功: http://localhost:5222
                    接口文档地址: http://localhost:5222/swagger

4.管理端登录账号密码 :
            4.1 访客:editor  123456   超级管理员:admin  123456
```
#### 部署项目

可以提供部署本项目的服务 (有偿哦 一杯咖啡的价格)

部署失败全额退款

有需要的同学可以加我微信联系哦!

<img src="doc/img/addvxbccc06771f61ceb42d85f044f8a7bdb.jpg" width = "300" alt="加我微信"/>

#### 项目截图

 <img src="doc/img/1.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/2.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/3.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/4.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/4.1.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/5.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/1.1.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/7.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/8.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/1.2.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/1.3.png" width = "300" height = "150" alt="图片名称" align=center />

 <img src="doc/img/9.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/10.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/11.png" width = "300" height = "150" alt="图片名称" align=center />

 <img src="doc/img/m%20(1).jpg" width = "150"   alt="图片名称" align=center />
 <img src="doc/img/m%20(2).jpg" width = "150"   alt="图片名称" align=center />
 <img src="doc/img/m%20(3).jpg" width = "150"   alt="图片名称" align=center />
 <img src="doc/img/m%20(4).jpg" width = "150"   alt="图片名称" align=center />

####  赞赏作者

 <img src="doc/img/vx.jpg" width = "150" height = "150" alt="图片名称" align=center />
 <img src="doc/img/zfb.jpg" width = "150" height = "150" alt="图片名称" align=center />