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

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

## Basic Information

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

## Statistics

- **Stars**: 2
- **Forks**: 141
- **Created**: 2022-06-02
- **Last Updated**: 2025-01-01

## 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://www.zhouyi.run/#/" target="_blank"> 👀 前台预览</a>
    ·
    <a href="http://zhouyi.run:5221/#/index" target="_blank"> 👀 管理端预览</a>
</p>

</p>

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

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


#### 🥯 v1.0.2 介绍

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

```

    v1.0.1 前台：Gblog 
           管理端: vue-element-admin
           Node服务端: express + 原生sql

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

#### 🥯v1.0.2 功能列表

- [x] 用户管理
- [x] 菜单管理
- [x] 角色管理
- [x] 文章管理
- [x] 评论管理
- [x] 归档管理
- [x] 站点管理
- [x] 代码生成
- [x] 留言邮件回复
- [x] 微信小程序
- [x] 更多...

#### 🥯v1.0.2 接口文档

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


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

#### 🥯v1.0.2 项目安装启动教程


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

#### 🥯v1.0.2 项目截图

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

#### 🥯v1.0.2 赞赏作者

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