# 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,项目导入然后更改数据库配置即可使用