个人博客微信小程序

个人博客微信小程序

简介：

之前由于工作很忙，很少有时间来写博客相关的分享，趁着现在空闲时间博主最近在学习微信小程序开发，记录一下学习内容，也分享一波。
这是参考着github某个大佬的样式写的页面

技术栈

后端数据是借用了gitub某个大佬的博客项目，地址：https://github.com/coder-fang/thatblog
该博客项目已经有了完整的博客平台，博客管理后台功能，顺便放上两张大佬博客的页面截图，

我是在其基础上利用数据以微信小程序的形式展示
主要是学习微信小程序的开发。
前端： “vue” + “vuex” + “vue-router” + “axios” + “vuetify” + “element” + “echarts”

后端： “SpringBoot” + “nginx” + “docker” + “SpringSecurity” + “Swagger2” + “MyBatisPlus” + “Mysql” + “Redis” + “elasticsearch” + “rabbitMQ” + “MaxWell” + “websocket”

微信小程序端：colorUi组件库
colorUi组件库个人感觉非常好用，样式很精美，对于我们这种后端开发不太会写前端那些页面样式来说简直太好用了。

功能模块展示介绍

主要分为首页，分类，随记，关于四个模块内容。现在由于是学习开发中，所以先初步完成这几个模块的开发，后面再继续优化。

目前已经实现的功能：
首页文章展示页面，搜索页面，文章详情页面，评论回复
文章分类浏览，关于页面，文章标签，个性换肤等，还有其他的现在是静态内容后面
再继续开发，现在先记录一下学习的进度。


本来原先是对接大佬的后端数据进行开发的，由于之前买的阿里云轻量服务器1核2g容量有限，在后端项目打成docker镜像发布后发现服务器内存爆满，由于现在资金有限，近期不打算换服务器所以后端服务
不能过大，所以自己临时采用前端以sql的形式直接向后端请求数据，后端直接一个接口搞定，这样后端发布到阿里云服务器就没问题了，方便直接进行小程序开发，（正常开发时肯定是不会这样的，这样安全性是没有保证的，但是我们现在鉴于学习来说还是没有关系的）。
后端写一个接收前端sql的接口，直接查询返回数据

前端写sql请求接口

碰到的问题

使用colorUI自定义的导航时发现点击导航其他的页面js触发不了，
文章详情页面内容的编排问题，
文章评论的样式排版问题，
换肤设置背景颜色切换后导航切换后会有短暂的闪烁颜色切换问题。

学习总结

在写这个博客小程序的过程中也收获了很多，了解了一个微信小程序的开发流程，发布流程。从
后端接口到博客前台，博客后台再到现在这个微信小程序一个完整的流程。
初步掌握了一些组件的开发和使用，个人感觉这个和写前端页面差不多。你只要会一点vue的语法
和一些基本的css样式，利用一些小程序开源的组件或者框架样式就可以搭建自己的微信小程序了。
一开始很难写的话可以先参考github上大佬的项目来写，后面再总结自己开发，都是一个循序渐进的
过程。今天就先分享到这里了，有感兴趣的小伙伴可以一起交流呀。