好像快半个月没写文章了，因为这半个月一直在开发博客小程序。截止到今天，初级版本已经基本准备就绪，功能已经上线：博客系统、好友系统、对话系统。下面说说这三个系统的基本使用。博客系统的用户可以在首页分页浏览所有文章，也可以按分类浏览相应分类的文章。分类目前是几个固定的分类。目前数据量来自支持爬取数据的技术社区，所以数据来源完全合法。您可以在顶部的搜索框中搜索关键词，查找关键词对应的文章数据。但是，这里有一个小缺点。由于忙于先做基础结构，没来得及对搜索结果进行分页，所以在搜索比较热门的关键词时，响应时间会比较慢。点击文章进入文章详情界面。文章详情界面使用towxml插件加载markdown格式的HTML文本渲染，渲染效果更加美观。目前只支持文字和图片，即图文格式，音频等文件稍后会开放。在文章的右下角，您可以对文章点赞和评论。在设计评论功能的时候，我一直在和朋友们讨论。评论功能放在文章底部合适还是新界面合适？考虑到很多技术文章会是长文，用户在看之前可能不想看，一些高质量的评论根本看不到，所以评论功能设计成新界面，点击评论中的评论图标右下角可以进入评论界面。然后点击底部的写评论按钮，弹出评论框。在文章详情界面点击用户头像进入作者主页。如果不是好友，可以加作者为好友。在作者主页，可以分类查看作者的所有原创文章。其实我在写这篇文章的时候才意识到，如果是长图，主图的布局会被拉长。这个小问题预计会在下个版本修复。在导航栏的写作界面，可以进入个人主页，进行文章写作。在个人主页上，您可以按类别查看您所有发表的文章。点击文章进入文章详情界面，长按文章进入可选择修改或删除文章。在写作界面可以写文章。文章写作界面采用一段文字和一张图片。文本输入字段不允许为空。必须上传第一张图片作为文章的主图，第二段文字不需要上传图片。.先说说为什么要用这种多段文字的方式？其实我们都知道我们在PC端写文章一般都是markdown模式，双屏写，可以边写边预览，但是在移动端显然是做不到的，因为屏幕的手机太小无法分双屏书写，那么实现图文格式需要怎么做呢？于是我想到了一个折衷的方法。我将书写界面设计为多段文字输入。我第一次进入时，默认只有一个文本。必须上传首段文字和图片，图片将作为文章的主图。写好图文后，可以选择右下角的+添加下一段图文，但从第二段开始，可以输入纯文本，不上传图片。效果其实和下图是一样的，点击发布的时候，文字和图片会通过特定的算法手动转成markdown格式的html文本保存，也可以使用towxml插件加载文章内容，让界面更美观。写好文章后，可以点击右上角的预览按钮，预览文章的效果。预览效果和发布后完全一样。其实在预览的时候，就是把文章内容通过同样的算法转换成markdown格式的HTML文本，然后使用towxml加载HTML文本，渲染页面效果。这里遇到了一个小问题，就是在修改文章的时候，由于我们手动将用户输入的文字和上传的图片打包成html文本，所以在修改文章的时候，需要反向解析文章的内容，以及解析出每段文字和每张图片，然后分别放入图片数组和文字数组中。这次逆向分析一共40行代码，但是用了一上午的时间才成功逆向分析。我可以给你看代码：好友系统&&对话系统的用户添加好友主要有两种方式：第一种方式是在文章详情界面点击作者头像进入作者主页添加作者好友，或在好友界面上方的搜索栏输入用户手机号搜索好友并发送好友申请，好友申请可在导航栏我的界面中的消息界面中进行勾选。添加成功的好友会显示在好友列表中。当好友有新信息时，列表中会显示未读信息的条数。点击好友进入实时会话，实时会话，当有新消息到达时会自动渲染。点击用户发送的图片可查看大图。长按好友列表中的好友可以设置备注、设置特别关注、删除好友等操作。如果其他用户对用户发布的文章点赞、评论，以及好友请求，都可以在导航栏我的消息中查看。如果有新消息，将显示一个红点以显示未读消息的数量。消息分为三部分：好友申请、评论、点赞。如果好友申请被批准或拒绝，申请消息将变??为已读。评论和点赞目前无法对单条消息设置阅读操作。您只能点击底部的所有已读来将所有消息设置为已读。点击全部阅读，红点会消失。无需授权登录即可自由阅读文章。如需使用好友系统、实时对话系统和文章撰写功能，需要授权登录并绑定手机号。目前整个项目的前后端已经在码云开源，欢迎star。源码地址：https://gitee.com/mqzuimeng_a...欢迎体验小程序。如果大家有什么修改建议，可以加我微信聊。欢迎关注公众号：程序员周先森。查看更多精彩文章。欢迎关注公众号：程序员周先森。文章原发于微信公众号，本平台不定时更新。
