# wx_blog

**Repository Path**: java-sauce/wx_blog

## Basic Information

- **Project Name**: wx_blog
- **Description**: 小程序版博客，目前已上线功能：博客系统，好友系统和会话系统。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 18
- **Created**: 2022-04-02
- **Last Updated**: 2022-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 介绍
小程序版博客，目前已上线功能：博客系统，好友系统和会话系统。

#### 软件架构
## 博客系统
用户在首页可以分页浏览所有文章，也可以按照分类去浏览对应分类的文章。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/152648_89e77e7b_4769407.png "屏幕截图.png")

点击文章进入文章详情界面，文章详情界面采用towxml插件去加载markdown文本渲染，所以渲染效果比较美观。在文章右下角可以对文章进行点赞和评论。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/152956_5e7b3f68_4769407.png "屏幕截图.png")

点击用户头像可以进入作者主页，如果非好友关系可以添加作者为好友。作者主页可以按分类查看作者的全部原创文章。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/153140_a4008ffb_4769407.png "屏幕截图.png")

在写作界面可以进入个人主页和进行文章写作。个人主页可以按照分类查看自己的所有发表文章。点击文章进入文章详情界面，长按文章进入可以选择修改或删除文章。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/153421_d9cae4da_4769407.png "屏幕截图.png")

在写作业面可以进行文章的写作，文章写作界面采用一段文字一张配图的方式，文字输入域不允许为空，第一张图片必须上传作为文章主图，第二段文本开始允许不上传图片。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/153621_6b4aa6c4_4769407.png "屏幕截图.png")

写作完成可以点击右上角预览按钮进行文章效果预览，预览效果和发布后完全一致。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/153717_bf9b1e26_4769407.png "屏幕截图.png")

## 好友系统 && 会话系统
用户添加好友主要有两个途径：在文章详情界面点击作者头像进入作者主页添加作者好友，或者在好友界面输入用户手机号搜索好友并发送好友申请，好友申请可以在我的界面的消息中查看并同意好友申请。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/153945_db2f221f_4769407.png "屏幕截图.png")

已添加好友会在好友列表中显示。当好友有新信息会在列表中显示新信息条数![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/154119_e9199fb0_4769407.png "屏幕截图.png")

点击好友可以进入实时会话，会话是实时会话，有新消息送达会自动渲染
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/154228_f6564112_4769407.png "屏幕截图.png")

在好友列表长按某个好友可以设置备注，设置特别关心，删除好友等操作。
![输入图片说明](https://images.gitee.com/uploads/images/2019/1106/154315_dc8cec7b_4769407.png "屏幕截图.png")

用户发表的文章如果有其他用户点赞或者评论，以及好友申请都可以在我的导航栏的消息中查看，有新消息会显示红点显示未读消息个数。


#### 安装教程

1.  项目前端为wx_blog，直接微信开发者工具打开即可运行
2.  后端架构采用Nginx + NodeJS + Mysql，项目导入然后更改数据库配置即可使用