#  个人博客+blog+node+express+mysql+vue2+uniapp完整

**Repository Path**: mmmm96_admin/all-blog-sys

## Basic Information

- **Project Name**:  个人博客+blog+node+express+mysql+vue2+uniapp完整
- **Description**: 😜博客全栈系统，个人blog+vue2 + node.js + express + mysql+uniapp 包含前端博客展示、后台管理、node后端服务。包括前后台完整基础功能，微信小程序，H5，web前台站点一键置灰，配置新年特效，支持移动端适配,excel数据导入/导出，sql文件已附上，整套博客系统开箱即用,已完成代码生成器，权限模块，菜单管理等等
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://blog.zhouyi.run/#/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 141
- **Created**: 2023-03-29
- **Last Updated**: 2023-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



<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>

#### 🥯 v1.0.2 小程序预览

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

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



#### 🥯 v1.0.2 介绍

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

```
    v1.0.2 前台：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 -->

>[node后端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] 更多请查看示例链接...

#### 接口文档

> 方式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/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 />