个人博客小程序总结

前言

周末两天，调试了一下接口，毕竟以前跟着龙哥的教程写过SSM，这次写起来快多了，其中配置文件之类的我还是copy过来直接用的。只不过本次需要在数据库中创建更多的表。

数据库这里还是折腾了小半天，小程序的样式其实个人觉得还好。总体来说，站在牛人的肩膀上，完成个人博客小程序版不难。

下面对本次搭建小程序进行总结，文末附有代码地址和运行图片，并没有对代码具体讲解，就一些流程而已。

参考大佬完成的(复制到浏览器查看)：https://t.zsxq.com/2FiqfUb

1

后台

首先，需要有文章列表，这是一个articles表，其中并没有文章具体内容，只要摘要等首页所需要的部分字段。

其次，创建detail表，将articles表中文章的id和detail表中的id关联起来，进入详情页时只需要查找对应的文章id即可。至于为什么这样做，我个人可能觉得省流量吧。

然后，创建一个用户表users,设置唯一主键，每次插入用户时，通过sql语句达到有则更新，无则插入(on duplicate key update)，注意，用户名有表情的话，需要写这句话set names utf8md4,然后在插入用户前调用这句话，对应的表内，需要有表情的字段请设置为utf8md4。

再然后，创建一个阅读articleread表和一个喜欢articlelike表，articlelike表中我是通过字段num，1代表喜欢，0是代表不喜欢。阅读表则和users表一样的操作，添加或更新，其这两个表都需要文章的id。

最后，创建评论表，文章id必不可少。每次查询时，可以利用多表查询，组合字段，收集所有文章详情的数据。

后台主要是数据库表的设计吧，如果不会可以参照文末代码代码链接内的ssm示例，自行改动。

2

小程序流程

第一步，需要确定好请求地址，存放在app.js的globalData中，确定好需要几个页面，然后在pages中建立好目录，并在app.json中配置好。

第二步，首页制作。在js文件中，onLoad函数内写请求文章列表数据，利用请求参数page作为分页条件。

第三步，详情页。在首页点击item,需要给item绑定bindTap事件，在此事件中，实现携带文章ID和用户ID跳转到详情页。同理在onLoad函数中拿到该参数，进行请求。并下载在github上下载wemark插件，来适配markdown文章显示。

第四步，留言功能。留言功能需要判断用户ID是否存在，不存在则请求。我们可以在用户进入小程序，在app.js中onLaunch函数的wx.getSetting中的wx.getUserInfo函数内拿到ID，然后通过wx.setStorage把用户ID存取，需要时则取出来即可。

3

效果图

代码地址：

https://github.com/raojianxiong/SSM