软件聚导航【小程序】开发记录-踩坑过程-uniApp

前言

小程序开发的初衷，主要是为了学习技术，通过做一些东西，来不断提高自己的编程能力。下面记录小程序开发过程。

微信小程序开发过程

一、时间: 2023-04-25-2023-26

1、开发中使用 rich-text 富文本遇到的一些坑，出现排版错乱、a标签的链接无法点击、无法复制(通过修改样式解决了)、微信小程序端图片溢出边框(把内容的img设置最大宽度解决了：container.replace(/<img/gi,'<img style="max-width:100%"'))

2、使用 mp-html 插件解决a标签链接无法点击情况(插件GitHub地址: GitHub - jin-yufeng/mp-html: 小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用)

在此之前试了wxParse 和 uParse 插件均无法解决，最终发现 mp-html 成功解决问题，而且mp-html 还支持图片放大预览等各种功能

mp-html 使用文档：小程序富文本组件

相关问题：rich-text里面无法打开a标签的链接改如何整？ | 微信开放社区

3、个人开发者的小程序无法播放视频，也无法点击添加外部url

4、保存博客内容的数据库(blog_container表格)增加 active 字段。用于记录帖子浏览最近时间。

二、时间: 2023-04-27

1、磕磕碰碰，拒绝了4次，终于上线一版了，微信对个人小程序内容太多限制了，不容易啊

，动不动就不符合规范，不给通过，目前只开发计划中的10%左右的功能，审核这么严，后面的一些功能估计是无法做了

2、引入uView组件，后续的功能将使用uView开发，这两天调整下搜索功能。

三、时间: 2023-04-28

1、解决不可分享问题：增加分享朋友和朋友圈功能(onShareAppMessage和onShareTimeline方法)

2、增加历史记录左滑删除功能

3、增加壁纸功能。

四、时间: 2023-05-02

调整壁纸界面，点击图片可以放大预览，长按图片可以进行分享、保存、收藏等操作。

四、时间: 2023-05-05

调整搜索框UI(配色修改、动画方面)、搜索入口由原来底部tabbar调整到顶部位置。

五、时间: 2023-05-06

今天主要写了一个【我的】页面、文章预览页面增加一个分享按钮，以及对其它页面的样式进行一些微调。

今天是周六，早上学了一下Docker的部署以及基础用法，下午1点半开始敲代码，直到晚上八点完成开发，提交小程序审核，并发版。

其中开发【我的】页面前，一部分时间花在找UI上面。个人独立开发，没有现成的UI，于是去微信搜小程序找灵感，最终某个小程序的UI界面被我对上眼了，决定"抄它"😀

六、时间: 2023-05-08

在【我的】页面，增加一个客服功能，点击可跳转微信客服小助手与我联系，cell单元格背景颜色。

七、时间：2023-05-18

在文章详情页面底部增加相关文章功能

八、时间：2023-05-31， 小程序端，评论区开发中，这两天写完UI，就开始设计数据库，预计2023-06-05 上线

时间：2023-06-07: 之前预计评论功能6月5上线，发现事情没那么简单，后端设计花了好些时间，加上前端页面也做了一些调整，本周就可上线啦(今天星期三)，直至今天评论区页面如下。

2023-06-16 增加头像生成功能，让每个用户都拥有一个独立头像，头像使用第三方服务(dicebear)生成，效果如下图

时间：2023-06-20 - 26: 修复评论区的一些bug、删除冗余代码、UI界面优化：壁纸页面优化，一列显示两张图片，历史记录优化，删除由生硬的字体改成图标形式

时间：2023-07-03 调整首页状态栏分类标签布局

当不需要显示顶部分类栏布局时，后端只需返回一个空数组即可,效果如下

时间：2023-07-05 调整首页加载动画、增加点击底部评论框右侧评论图标滚动到评论区域(暂未上线)

效果动画